@progress/kendo-themes-html 13.2.0-dev.2 → 13.2.0-dev.3

package/dist/esm/scheduler/demos/scheduler.mjs

@@ -1 +1 @@
-var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 D=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),H=(e,t)=>{let{valid:o,invalid:l,hover:r,focus:d,checked:u,active:b,selected:f,disabled:x,indeterminate:y,loading:k,empty:h,readonly:A,highlighted:g,...B}=t;return n({"k-valid":o,"k-invalid":l,"k-hover":r,"k-focus":d,"k-checked":u,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":y&&!u,"k-loading":k,"k-empty":h,"k-readonly":A,"k-highlighted":g},Object.keys(B).reduce((K,I)=>(I.startsWith("k-")?K[I]=B[I]:K[`k-${I}`]=B[I],K),{}))};function mn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},C={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 Pl={};function F(e){return Pl[e]=(Pl[e]||0)+1,`k-${e}-${Pl[e]}`}var Q="scheduler",j=Q;import{jsx as Ad}from"react/jsx-runtime";var bn="k-scheduler-layout",Md=[],Ld={},Ed={},co=e=>{let{as:t="div",view:o,...l}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return Ad(t,{...l,className:n(e.className,bn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};co.states=Md;co.options=Ld;co.className=bn;co.defaultOptions=Ed;co.moduleName=Q;co.folderName=j;var hn=co;import{jsx as Bd,jsxs as Pd}from"react/jsx-runtime";var fn="k-scheduler",Rd=[],Id={},Od={},q=e=>{let{view:t,toolbar:o,footer:l,layout:r,...d}=e;return Pd("div",{...d,className:n(e.className,fn),role:"application",children:[o,Bd(hn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),l]})};q.states=Rd;q.options=Id;q.className=fn;q.defaultOptions=Od;q.moduleName=Q;q.folderName=j;q.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-caret-alt-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-caret-alt-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 ButtonGroup spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-button",attribute:"aria-pressed (when selected)",usage:"Follows ButtonGroup spec: specifies the current state of the view ButtonGroup. 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{Fragment as _d,jsx as xn}from"react/jsx-runtime";var Dl="k-font-icon",Dd=[],Kd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Hd={},Ca=e=>{let{size:t,themeColor:o,icon:l,rotate:r,flip:d,...u}=e;return l?xn("span",{...u,className:n(e.className,Dl,D(Dl,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):xn(_d,{})};Ca.states=Dd;Ca.options=Kd;Ca.className=Dl;Ca.defaultOptions=Hd;var vn=Ca;import{Fragment as Ud,jsx as Ya}from"react/jsx-runtime";var Kl="k-svg-icon",zd=[],Gd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Cn={viewBox:"0 0 24 24"},ya=e=>{let{size:t,themeColor:o,rotate:l,flip:r,viewBox:d=Cn.viewBox,icon:u,...b}=e;if(!u)return Ya(Ud,{});if(u==="none")return Ya("span",{...b,className:n(e.className,Kl,D("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return Ya("span",{...b,className:n(e.className,Kl,D("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:d,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};ya.states=zd;ya.options=Gd;ya.className=Kl;ya.defaultOptions=Cn;var Hl=ya;import*as _l from"@progress/kendo-svg-icons";var yn="icon",kn="icons";import{useContext as Wd}from"react";import{createContext as Fd}from"react";var Sn=Fd({iconsType:"svg"});import{Fragment as Nn,jsx as ka}from"react/jsx-runtime";var Qa="k-icon",Vd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$d=[],Xd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},zl={viewBox:"0 0 24 24",type:"svg"},E=e=>{let{iconsType:t}=Wd(Sn),{size:o,themeColor:l,icon:r,type:d=t||zl.type,rotate:u,flip:b,viewBox:f=zl.viewBox,...x}=e;if(!r)return ka(Nn,{});if((t||d)==="svg"){if(r==="none")return ka(Hl,{...x,className:n(e.className,Qa),icon:r,size:o});let k=_l[r]?r:Vd(`${r}-icon`);return _l[k]?ka(Hl,{...x,className:n(e.className,Qa),icon:_l[k],size:o,themeColor:l,rotate:u,flip:b,viewBox:f}):ka(Nn,{})}return ka(vn,{...x,className:n(e.className,Qa),icon:r,size:o,themeColor:l,rotate:u,flip:b})};E.states=$d;E.options=Xd;E.defaultOptions=zl;E.className=Qa;E.moduleName=yn;E.folderName=kn;E.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 Gl=E;var Ul="button",Tn=Ul;import{Fragment as Qd,jsx as Sa,jsxs as gn}from"react/jsx-runtime";var Na="k-button",Jd=["icon-button"],qd=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Yd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Fl={showArrow:!1,arrowIconName:"caret-alt-down"},s=e=>{let{as:t="button",size:o,rounded:l,fillMode:r,themeColor:d,showArrow:u=Fl.showArrow,arrowIconName:b=Fl.arrowIconName,variant:f,hover:x,focus:y,active:k,selected:h,disabled:A,togglable:g,ariaDisabled:B,icon:K,text:I,iconClassName:W,className:se,...fe}=e,Le=K!==void 0,Ne=e.children!==void 0;return gn(t,{className:n(se,Na,mn(Na,f),D(Na,{size:o,rounded:l,fillMode:r,themeColor:d}),H(Na,{hover:x,focus:y,active:k,disabled:A||B,selected:h}),{"k-icon-button":!I&&!Ne&&Le}),...fe,"aria-pressed":g?h?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:A||void 0,children:[K&&Sa(E,{className:n(W,"k-button-icon"),icon:K}),I?gn(Qd,{children:[I&&Sa("span",{className:"k-button-text",children:I}),e.children]}):e.children&&Sa("span",{className:"k-button-text",children:e.children}),u&&Sa("span",{className:"k-menu-button-arrow k-button-arrow",children:Sa(E,{icon:b})})]})};s.states=qd;s.options=Yd;s.variants=Jd;s.className=Na;s.defaultOptions=Fl;s.moduleName=Ul;s.folderName=Tn;s.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 Zd}from"react/jsx-runtime";var Xt=e=>Zd(s,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as jd}from"react/jsx-runtime";var Ta=e=>jd(s,{icon:"folder",children:"Button",...e});import{jsx as ec}from"react/jsx-runtime";var po=e=>ec(s,{children:"Button",...e});import{jsx as Wl}from"react/jsx-runtime";var tc=s.options,oc=s.states,ac={...s.defaultOptions,variant:"text"},lc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rc=[],Lo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Wl(Xt,{...o,icon:"star"});case"icon-and-text":return Wl(Ta,{...o,icon:"star",children:"Button"});default:return Wl(po,{...o,children:"Button"})}};Lo.options=tc;Lo.states=oc;Lo.variants=lc;Lo.defaultOptions=ac;Lo.modifiers=rc;Lo.className=s.className;var Vl="button",wn=Vl;import{jsx as dc}from"react/jsx-runtime";var ga="k-button-group",nc=[c.disabled],sc={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},ic={},M=e=>{let{fillMode:t,disabled:o,stretched:l,...r}=e;return dc("div",{role:"group",...r,className:n(e.className,ga,D(ga,{fillMode:t}),H(ga,{disabled:o}),{[`${ga}-stretched`]:l}),...o&&{"aria-disabled":"true"},children:e.children})};M.states=nc;M.options=sc;M.className=ga;M.defaultOptions=ic;M.moduleName=Vl;M.folderName=wn;M.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 bv,jsx as mv,jsxs as hv}from"react/jsx-runtime";import{Fragment as kv,jsx as yv,jsxs as Sv}from"react/jsx-runtime";import{Fragment as Lv,jsx as Mv,jsxs as Ev}from"react/jsx-runtime";import{Fragment as Pv,jsx as Bv,jsxs as Dv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Gv,jsxs as Fv}from"react/jsx-runtime";import{Fragment as qv,jsx as Jv,jsxs as Yv}from"react/jsx-runtime";import{jsx as Dt,jsxs as $l}from"react/jsx-runtime";var cc={...s.options,...M.options},pc=s.states,uc={...s.defaultOptions,...M.defaultOptions,variant:"text-button"},mc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],bc=[],Eo=e=>{let{variant:t,className:o,...l}=e;return t==="icon-button"?$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,icon:"star"}),Dt(s,{...l,icon:"star"}),Dt(s,{...l,icon:"star"})]}):t==="icon-text-button"?$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,icon:"star",children:"First"}),Dt(s,{...l,icon:"star",children:"Middle"}),Dt(s,{...l,icon:"star",children:"Last"})]}):$l(M,{fillMode:l.fillMode,className:o,children:[Dt(s,{...l,children:"First"}),Dt(s,{...l,children:"Middle"}),Dt(s,{...l,children:"Last"})]})};Eo.options=cc;Eo.states=pc;Eo.variants=mc;Eo.defaultOptions=uc;Eo.modifiers=bc;Eo.className=M.className;var wa="input",Za=wa;import{jsx as vc}from"react/jsx-runtime";var ja="k-input",hc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],fc={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},xc={},xe=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b,size:f,rounded:x,fillMode:y,...k}=e;return vc("span",{...k,className:n(e.className,ja,D(ja,{size:f,rounded:x,fillMode:y}),H(ja,{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b}))})};xe.states=hc;xe.options=fc;xe.className=ja;xe.defaultOptions=xc;xe.moduleName=wa;xe.folderName=Za;import{jsx as Sc}from"react/jsx-runtime";var el="k-picker",Cc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],yc={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},kc={},Tt=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b,size:f,rounded:x,fillMode:y,...k}=e;return Sc("span",{...k,className:n(e.className,el,D(el,{size:f,rounded:x,fillMode:y}),H(el,{hover:t,focus:o,disabled:l,invalid:r,valid:d,loading:u,readonly:b})),children:e.children})};Tt.states=Cc;Tt.options=yc;Tt.className=el;Tt.defaultOptions=kc;Tt.moduleName=wa;Tt.folderName=Za;import{Fragment as gc,jsx as Xl}from"react/jsx-runtime";var Mn="k-clear-value",Nc=[c.disabled,c.loading,c.readonly],Tc={},qe=e=>{let{disabled:t,loading:o,readonly:l,value:r}=e;return t||l||o||!r?Xl(gc,{}):Xl("span",{className:n(e.className,Mn),children:Xl(E,{icon:"x"})})};qe.states=Nc;qe.options=Tc;qe.className=Mn;import{jsx as Lc}from"react/jsx-runtime";var Jl="k-input-inner",wc=[],Mc={},tl={type:"text",autocomplete:"off",value:"",placeholder:""},Ye=e=>{let{value:t=tl.value,type:o=tl.type,placeholder:l=tl.placeholder,autocomplete:r=tl.autocomplete,disabled:d,readOnly:u,...b}=e;return Lc("input",{...b,type:o,className:n(e.className,Jl,D(Jl,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:d||void 0,readOnly:u||void 0})};Ye.states=wc;Ye.options=Mc;Ye.className=Jl;import{jsx as Ln,jsxs as Rc}from"react/jsx-runtime";var ql="k-input-inner",Ec=[],Ac={},uo=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:r,valueIconName:d,...u}=e;return Rc("span",{...u,className:n(e.className,ql,D(ql,e)),children:[r,!r&&d&&Ln(E,{className:"k-input-value-icon",icon:d}),l&&!t&&o,l&&t&&Ln("span",{className:"k-input-value-text",children:t})]})};uo.states=Ec;uo.options=Ac;uo.className=ql;import{jsx as Bc}from"react/jsx-runtime";var Yl="k-input-inner",Ic=[],Oc={},En={value:"",placeholder:""},Ql=e=>{let{value:t=En.value,placeholder:o=En.placeholder,rows:l,disabled:r,...d}=e;return Bc("textarea",{...d,className:n(e.className,Yl,D(Yl,e)),placeholder:o,rows:l,defaultValue:t,disabled:r||void 0})};Ql.states=Ic;Ql.options=Oc;Ql.className=Yl;import{Fragment as Dc,jsx as An}from"react/jsx-runtime";var Rn="k-input-loading-icon",Pc=[c.disabled,c.loading],Ve=e=>{let{disabled:t,loading:o}=e;return t||!o?An(Dc,{}):An("span",{className:n(e.className,Rn,"k-icon k-i-loading")})};Ve.states=Pc;Ve.className=Rn;import{Fragment as _c,jsx as In}from"react/jsx-runtime";var On="k-input-validation-icon",Kc=[c.valid,c.invalid,c.disabled,c.loading],Hc={},He=e=>{let{valid:t,invalid:o,disabled:l,loading:r}=e,d=o?"warning-circle":"check-circle";return l||r||!!!(t||o)?In(_c,{}):In(E,{className:n(On),icon:d})};He.states=Kc;He.options=Hc;He.className=On;import{Fragment as Uc,jsx as Bn}from"react/jsx-runtime";var zc="k-input-prefix",Gc={direction:"horizontal"},nt=e=>{let{direction:t=Gc.direction,...o}=e;return e.children?Bn("span",{...o,className:n(zc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bn(Uc,{})};import{Fragment as Vc,jsx as Pn}from"react/jsx-runtime";var Fc="k-input-suffix",Wc={direction:"horizontal"},st=e=>{let{direction:t=Wc.direction,...o}=e;return e.children?Pn("span",{...o,className:n(Fc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Pn(Vc,{})};import{jsx as YC}from"react/jsx-runtime";import{jsx as Xc}from"react/jsx-runtime";var $c="k-input-suffix-text",Zl=e=>{let{children:t,...o}=e;return Xc("span",{...o,className:n($c,e.className),children:t})};import{jsx as qc}from"react/jsx-runtime";var Dn="k-input-separator",Jc={direction:"vertical"},it=e=>{let{direction:t=Jc.direction,...o}=e;return qc("span",{...o,className:n(Dn,e.className,{[`${Dn}-${t}`]:t})})};import{Fragment as Kn,jsx as gt,jsxs as jl}from"react/jsx-runtime";var Yc=xe.states,Qc=xe.defaultOptions,Zc=xe.options,jc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ep=[],Ao=e=>{let{modifiers:t,valid:o,invalid:l,loading:r,disabled:d,readonly:u,...b}=e,f=t?.prefix,x=t?.suffix,y=t?.["clear-button"],k=t?.["validation-icon"],h=t?.separators;return jl(xe,{...b,valid:o,invalid:l,loading:r,disabled:d,readonly:u,style:{width:300},children:[f&&jl(Kn,{children:[gt(nt,{children:gt(E,{icon:"lock"})}),h&&gt(it,{})]}),gt(Ye,{placeholder:"Placeholder",value:"Value"}),k&&gt(He,{valid:o,invalid:l,loading:r,disabled:d}),gt(Ve,{loading:r,disabled:d}),y&&gt(qe,{loading:r,disabled:d,readonly:u,value:"Value"}),x&&jl(Kn,{children:[h&&gt(it,{}),gt(st,{children:gt(po,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ao.options=Zc;Ao.states=Yc;Ao.variants=ep;Ao.defaultOptions=Qc;Ao.modifiers=jc;Ao.className=xe.className;import{jsx as Hn,jsxs as ap}from"react/jsx-runtime";var _n="k-color-preview",tp=[],op={},Jt=e=>{let{color:t,iconName:o,...l}=e;return ap("span",{...l,className:n(e.className,_n,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Hn(E,{icon:o,className:"k-color-preview-icon"}),Hn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Jt.states=tp;Jt.options=op;Jt.className=_n;var er="popup",zn=er;import{jsx as Gn}from"react/jsx-runtime";var Un="k-animation-container",lp=[],rp={},Fn={positionMode:"absolute"},wt=e=>{let{positionMode:t=Fn.positionMode,animationStyle:o,offset:l,...r}=e;return Gn("div",{...r,style:{...l,...e.style},className:n(e.className,Un,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Gn("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=lp;wt.options=rp;wt.className=Un;wt.defaultOptions=Fn;wt.moduleName=er;wt.folderName=zn;var tr="popup",Wn=tr;import{jsx as Vn}from"react/jsx-runtime";var $n="k-popup",np=[],sp={},Xn={positionMode:"absolute"},ie=e=>{let{offset:t,positionMode:o=Xn.positionMode,animationStyle:l,containerClassName:r,containerRole:d,containerAriaLabel:u,...b}=e;return Vn(wt,{positionMode:o,offset:t,animationStyle:l,className:r,role:d,"aria-label":u,children:Vn("div",{...b,className:n(e.className,$n),children:e.children})})};ie.states=np;ie.options=sp;ie.className=$n;ie.defaultOptions=Xn;ie.moduleName=tr;ie.folderName=Wn;ie.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 or="action-buttons",Jn=or;import{jsx as cp}from"react/jsx-runtime";var ol="k-actions",ip=[],dp={},ar={alignment:"start",orientation:"horizontal"},Mt=e=>{let{alignment:t=ar.alignment,orientation:o=ar.orientation,...l}=e;return cp("div",{...l,className:n(ol,{[`${ol}-${t}`]:t,[`${ol}-${o}`]:o},e.className),children:e.children})};Mt.states=ip;Mt.options=dp;Mt.className=ol;Mt.defaultOptions=ar;Mt.moduleName=or;Mt.folderName=Jn;import{jsx as up}from"react/jsx-runtime";var pp="k-actionsheet-footer",qn={alignment:"stretched",orientation:"horizontal"},qt=e=>{let{alignment:t=qn.alignment,orientation:o=qn.orientation,template:l,as:r=l?"div":Mt,...d}=e;return up(r,{...d,...!l&&{alignment:t,orientation:o},className:n(e.className,pp),children:e.children})};var lr="searchbox",Yn=lr;import{jsx as Ma,jsxs as hp}from"react/jsx-runtime";var Qn="k-searchbox",mp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],bp={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},rr={showIcon:!0,icon:"search"},dt=e=>{let{value:t,placeholder:o,size:l,rounded:r,fillMode:d,hover:u,focus:b,valid:f,invalid:x,required:y,loading:k,disabled:h,showIcon:A=rr.showIcon,icon:g=rr.icon,"aria-label":B,...K}=e;return hp(xe,{...K,size:l,rounded:r,fillMode:d,hover:u,focus:b,valid:f,invalid:x,required:y,loading:k,disabled:h,className:n(e.className,Qn),children:[A&&Ma(E,{className:"k-input-icon",icon:g}),Ma(Ye,{placeholder:o,value:t,"aria-label":B}),Ma(Ve,{...e}),Ma(He,{...e}),Ma(qe,{...e})]})};dt.states=mp;dt.options=bp;dt.className=Qn;dt.defaultOptions=rr;dt.moduleName=lr;dt.folderName=Yn;import{jsx as kk}from"react/jsx-runtime";var nr="textbox",Zn=nr;import{Fragment as jn,jsx as Yt,jsxs as sr}from"react/jsx-runtime";var es="k-textbox",fp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],xp={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},al={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:l,separators:r=al.separators,showClearButton:d=al.showClearButton,showValidationIcon:u=al.showValidationIcon,prefix:b,suffix:f,type:x,value:y,placeholder:k,hover:h,focus:A,valid:g,invalid:B,required:K,loading:I,disabled:W,readonly:se,id:fe,"aria-label":Le,"aria-describedby":Ne,...Je}=e;return sr(xe,{...Je,size:t,rounded:o,fillMode:l,hover:h,focus:A,valid:g,invalid:B,required:K,loading:I,disabled:W,readonly:se,className:n(e.className,es),children:[b&&sr(jn,{children:[Yt(nt,{children:b}),r&&Yt(it,{})]}),Yt(Ye,{id:fe,placeholder:k,value:y,type:x,disabled:W,"aria-label":Le,"aria-describedby":Ne,"aria-invalid":B?"true":void 0}),u&&Yt(He,{valid:g,invalid:B,loading:I,disabled:W}),Yt(Ve,{loading:I,disabled:W}),d&&Yt(qe,{loading:I,disabled:W,readonly:se,value:y}),f&&sr(jn,{children:[r&&Yt(it,{}),Yt(st,{children:f})]})]})};Ee.states=fp;Ee.options=xp;Ee.className=es;Ee.defaultOptions=al;Ee.moduleName=nr;Ee.folderName=Zn;Ee.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var La=Ee;import{jsx as vp}from"react/jsx-runtime";var ts=e=>vp(La,{...e});import{Fragment as _k,jsx as Hk}from"react/jsx-runtime";import{Fragment as Vk,jsx as Wk}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as ir}from"react/jsx-runtime";var Cp=Ee.states,yp=Ee.defaultOptions,kp=Ee.options,Sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Np=[],Ro=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t?.[r]?ir(E,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[r]?ir(po,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[r];break;default:break}}),ir(ts,{value:"Value",style:{width:300},...o,...l})};Ro.options=kp;Ro.states=Cp;Ro.variants=Np;Ro.defaultOptions=yp;Ro.modifiers=Sp;Ro.className=Ee.className;import{jsx as Qt,jsxs as dr}from"react/jsx-runtime";var os="k-actionsheet-titlebar",Tp={},_e=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:r,filter:d,input:u,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:y,children:k,...h}=e;return dr("div",{...h,className:n(e.className,os),children:[dr("div",{className:"k-actionsheet-titlebar-group",children:[l&&Qt("div",{className:"k-actionsheet-actions",children:l}),!k&&dr("div",{className:"k-actionsheet-title",id:y,children:[t&&Qt("div",{className:"k-text-center",children:t}),o&&Qt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Qt("div",{className:"k-actionsheet-title",id:y,children:k}),r&&Qt("div",{className:"k-actionsheet-actions",children:r})]}),(u||d)&&Qt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?Qt(Ee,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Qt(dt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};_e.className=os;_e.defaultOptions=Tp;import{jsx as cr,jsxs as Lp}from"react/jsx-runtime";var pr="k-actionsheet-view",gp=[],wp={},Mp={},Io=e=>{let{adaptive:t,animated:o,children:l,header:r,footer:d,titleId:u,...b}=e,f=r?.type===_e&&cr(_e,{adaptive:t,titleId:u,...r?.props}),x=d?.type===qt&&cr(qt,{...d?.props});return Lp("div",{...b,className:n(e.className,pr,{[`${pr}-animated`]:o}),children:[f,cr("div",{className:"k-actionsheet-content",children:l}),x]})};Io.states=gp;Io.options=wp;Io.className=pr;Io.defaultOptions=Mp;var Ea="action-sheet",ll=Ea;var ur="overlay",as=ur;import{jsx as Ip}from"react/jsx-runtime";var mr="k-overlay",Ep=[],Ap={themeColor:[S.undefined,S.light,S.dark,S.inverse]},Rp={},Zt=e=>{let{themeColor:t,...o}=e;return Ip("div",{...o,className:n(e.className,mr,D(mr,{themeColor:t})),children:e.children})};Zt.states=Ep;Zt.options=Ap;Zt.className=mr;Zt.defaultOptions=Rp;Zt.moduleName=ur;Zt.folderName=as;import{jsx as rl,jsxs as Pp}from"react/jsx-runtime";var ls="k-actionsheet",Op=[],Bp={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:l=Aa.adaptive,overlay:r=Aa.overlay,template:d,children:u,header:b,footer:f,id:x,...y}=e,k=x&&!d&&b?`${x}-title`:void 0;return Pp("div",{className:"k-actionsheet-container",children:[r&&rl(Zt,{}),rl(wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:rl("div",{...y,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ls,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:d||rl(Io,{header:b,footer:f,adaptive:l,titleId:k,...e,children:u})})})]})};me.states=Op;me.options=Bp;me.className=ls;me.defaultOptions=Aa;me.moduleName=Ea;me.folderName=ll;me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as _p}from"react/jsx-runtime";var rs="k-actionsheet-container",Dp=[],Kp={},Hp={},Oo=e=>{let{children:t,...o}=e;return _p("div",{...o,className:rs,children:t})};Oo.states=Dp;Oo.options=Kp;Oo.className=rs;Oo.defaultOptions=Hp;Oo.moduleName=Ea;Oo.folderName=ll;import{jsx as zp}from"react/jsx-runtime";var br=e=>{let{...t}=e;return zp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Up,jsx as Ra,jsxs as hr}from"react/jsx-runtime";var fr="k-actionsheet-item",Gp=[c.hover,c.focus,c.selected,c.disabled],jt=e=>{let{iconName:t,text:o,description:l,hover:r,focus:d,selected:u,disabled:b,...f}=e;return hr("span",{...f,className:n(e.className,fr,H(fr,{hover:r,focus:d,selected:u,disabled:b})),children:[!e.children&&Ra(Up,{children:hr("span",{className:"k-actionsheet-action",children:[t&&Ra("span",{className:"k-icon-wrap",children:Ra(E,{className:"k-actionsheet-item-icon",icon:t})}),hr("span",{className:"k-actionsheet-item-text",children:[o&&Ra("span",{className:"k-actionsheet-item-title",children:o}),l&&Ra("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};jt.states=Gp;jt.className=fr;import{jsx as JS,jsxs as qS}from"react/jsx-runtime";import{jsx as jS}from"react/jsx-runtime";import{jsx as aN}from"react/jsx-runtime";import{jsx as sN}from"react/jsx-runtime";import{jsx as Ae,jsxs as xr}from"react/jsx-runtime";var Fp=me.options,Wp=me.states,ss={...me.defaultOptions,variant:"normal"},Vp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],$p=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Bo=e=>{let{variant:t,modifiers:o,...l}={...ss,...e},r={},d=xr(br,{children:[Ae(jt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(jt,{text:"Add to Favorites",iconName:"heart"}),Ae(jt,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(jt,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?u:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ae(me,{...l,adaptive:!0,fullscreen:r.fullScreen,header:Ae(_e,{actionsStart:r.actionsStart?Ae(s,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ae(s,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?xr(qt,{alignment:"stretched",children:[Ae(s,{text:"Cancel",size:"large",themeColor:"base"}),Ae(s,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:d}):Ae(me,{...l,fullscreen:r.fullScreen,header:Ae(_e,{actionsStart:r.actionsStart?Ae(s,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ae(s,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?xr(qt,{alignment:"stretched",children:[Ae(s,{text:"Apply",themeColor:"primary"}),Ae(s,{text:"Cancel",themeColor:"base"})]}):void 0,children:d})};Bo.options=Fp;Bo.states=Wp;Bo.variants=Vp;Bo.defaultOptions=ss;Bo.modifiers=$p;Bo.className=me.className;var vr="slider",is=vr;import{jsx as Po,jsxs as Cr}from"react/jsx-runtime";var Ia="k-slider",Xp=[c.hover,c.focus,c.active,c.disabled,c.readonly],Jp={},ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ne=e=>{let{type:t=ct.type,orientation:o=ct.orientation,gradientType:l=ct.gradientType,readonly:r=ct.readonly,disabled:d=ct.disabled,handlePosition:u=ct.handlePosition,showButtons:b=ct.showButtons,showTicks:f=ct.showTicks,value:x=ct.value,min:y=ct.min,max:k=ct.max,startValue:h,endValue:A,hover:g,focus:B,active:K,trackStyle:I,dir:W,...se}=e,Le=(()=>{if(t==="gradient"&&l==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ne,Je;return o==="horizontal"?(Ne=W==="rtl"?"caret-alt-left":"caret-alt-right",Je=W==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ne="caret-alt-up",Je="caret-alt-down"),Cr("div",{...se,className:n(Ia,e.className,H(Ia,{readonly:r,disabled:d}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:W,children:[b&&Po(s,{className:"k-button-decrease",rounded:"full",icon:Je,tabIndex:-1,title:"Decrease"}),Cr("div",{className:"k-slider-track-wrap",children:[f&&Po("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Cr("div",{className:"k-slider-track",style:I,children:[Po("div",{className:"k-slider-selection"}),t==="range"&&Po("span",{className:n("k-draghandle","k-draghandle-start",H(Ia,{hover:g,focus:B,active:K})),role:"slider",tabIndex:d?void 0:0,"aria-valuenow":h??y,"aria-valuemin":y,"aria-valuemax":A??k,"aria-orientation":Le,"aria-disabled":d?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":se["aria-label"]?`${se["aria-label"]} start`:"Range start"}),Po("span",{className:n("k-draghandle",`k-draghandle-${u}`,H(Ia,{hover:g,focus:B,active:K})),role:"slider",tabIndex:d?void 0:0,"aria-valuenow":t==="range"?A??k:x,"aria-valuemin":t==="range"?h??y:y,"aria-valuemax":k,"aria-orientation":Le,"aria-disabled":d?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?se["aria-label"]?`${se["aria-label"]} end`:"Range end":se["aria-label"]})]})]}),b&&Po(s,{className:"k-button-increase",rounded:"full",icon:Ne,tabIndex:-1,title:"Increase"})]})};ne.states=Xp;ne.options=Jp;ne.className=Ia;ne.defaultOptions=ct;ne.moduleName=vr;ne.folderName=is;ne.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as ds}from"react/jsx-runtime";var cs="k-tick",qp=[],Yp={},ps={label:!1},_=e=>{let{style:t,label:o=ps.label,orientation:l,large:r,text:d,...u}=e;return ds("li",{...u,role:"presentation",title:d||"Tick",className:n(e.className,cs,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:o&&ds("span",{className:"k-label",children:d})})};_.states=qp;_.options=Yp;_.className=cs;_.defaultOptions=ps;import{Fragment as Qp,jsx as pt,jsxs as Zp}from"react/jsx-runtime";var us=e=>pt(ne,{"aria-label":e["aria-label"]||"Slider",children:Zp(Qp,{children:[pt(_,{className:"k-first",label:!0,large:!0,text:"0"}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{label:!0,large:!0,text:"5"}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{}),pt(_,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as jp,jsx as ut,jsxs as eu}from"react/jsx-runtime";var ms=e=>ut(ne,{children:eu(jp,{children:[ut(_,{className:"k-first",label:!0,large:!0,text:"0"}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{label:!0,large:!0,text:"5"}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{}),ut(_,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as qN,jsx as JN,jsxs as YN}from"react/jsx-runtime";import{Fragment as tT,jsx as eT,jsxs as oT}from"react/jsx-runtime";import{jsx as tu}from"react/jsx-runtime";var yr=e=>tu(ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as ou}from"react/jsx-runtime";var kr=e=>ou(ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as mT,jsx as uT,jsxs as bT}from"react/jsx-runtime";import{Fragment as CT,jsx as vT,jsxs as yT}from"react/jsx-runtime";import{jsx as Lt,jsxs as bs}from"react/jsx-runtime";var au=ne.options,lu=ne.states,hs={...ne.defaultOptions,variant:"horizontal",label:!0},ru=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],nu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Do=e=>{let{variant:t,modifiers:o,...l}={...hs,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:d=!0,showButtons:u,showTicks:b}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?bs(ms,{showTicks:b,showButtons:u,style:{height:"300px",...f},...l,children:[Lt(_,{label:d,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(_,{label:d,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(_,{label:d,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(_,{label:d,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(_,{label:d,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):bs(us,{showTicks:b,showButtons:u,style:{width:"400px",...f},...l,children:[Lt(_,{label:d,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(_,{label:d,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(_,{label:d,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(_,{label:d,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(_,{label:d,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Do.options=au;Do.states=lu;Do.variants=ru;Do.defaultOptions=hs;Do.modifiers=nu;Do.className=ne.className;import{jsx as fs,jsxs as pu}from"react/jsx-runtime";var xs="k-spin-button",du=[],cu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Sr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},eo=e=>{let{size:t,fillMode:o,disabled:l,increaseLabel:r=Sr.increaseLabel,decreaseLabel:d=Sr.decreaseLabel,...u}=e;return pu("span",{...u,className:n(xs,e.className),children:[fs(s,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:l,"aria-label":r}),fs(s,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:l,"aria-label":d})]})};eo.states=du;eo.options=cu;eo.className=xs;eo.defaultOptions=Sr;eo.moduleName=null;eo.folderName=null;var vs="numeric-textbox",Cs="numerictextbox";import{Fragment as ys,jsx as Kt,jsxs as Nr}from"react/jsx-runtime";var ks="k-numerictextbox",uu=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],mu={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},nl={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:l,separators:r=nl.separators,showClearButton:d=nl.showClearButton,showSpinButton:u=nl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,id:se,"aria-label":fe,"aria-describedby":Le,...Ne}=e;return Nr(xe,{...Ne,size:t,rounded:o,fillMode:l,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,className:n(e.className,ks),children:[b&&Nr(ys,{children:[Kt(nt,{children:b}),r&&Kt(it,{})]}),Kt(Ye,{id:se,placeholder:y,value:x,role:"spinbutton",disabled:I,"aria-label":fe,"aria-describedby":Le,"aria-invalid":g?"true":void 0}),Kt(He,{valid:A,invalid:g,loading:K,disabled:I}),Kt(Ve,{loading:K,disabled:I}),d&&Kt(qe,{loading:K,disabled:I,readonly:W,value:x}),f&&Nr(ys,{children:[r&&Kt(it,{}),Kt(st,{children:f})]}),u&&Kt(eo,{className:"k-input-spinner",size:t,fillMode:l,disabled:I})]})};ee.states=uu;ee.options=mu;ee.className=ks;ee.defaultOptions=nl;ee.moduleName=vs;ee.folderName=Cs;ee.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Oa=ee;import{jsx as bu}from"react/jsx-runtime";var Ss=e=>bu(Oa,{...e});import gr from"react";import{jsx as Ns}from"react/jsx-runtime";var hu="k-list-group-sticky-header",Tr=e=>Ns("div",{className:n(hu,e.className),children:Ns("div",{className:"k-list-header-text",children:e.children})});import{jsx as xu}from"react/jsx-runtime";var fu="k-no-data",sl=e=>{let{live:t,...o}=e;return xu("span",{...o,className:n(fu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",Ko=mo;import{jsx as Ts,jsxs as gs}from"react/jsx-runtime";var wr="k-list",vu=[],Cu={size:[p.undefined,p.small,p.medium,p.large]},yu={},Y=e=>{let{size:t,virtualization:o,children:l,header:r,optionLabel:d,customValue:u,noData:b,screenReaders:f,...x}=e,k=gr.Children.toArray(l)[0],h=k?.props?.children?gr.Children.count(k.props.children):gr.Children.count(l);return gs("div",{...x,className:n(e.className,wr,D(wr,{size:t}),{"k-virtual-list":o}),children:[d,u,r&&Ts(Tr,{children:r}),l||(b!==void 0?b:Ts(sl,{live:!0,children:"No data found."})),f&&l&&gs(sl,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Y.states=vu;Y.options=Cu;Y.className=wr;Y.defaultOptions=yu;Y.moduleName=mo;Y.folderName=Ko;Y.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Tu}from"react/jsx-runtime";var ws="k-list-container",ku=[],Su={},Nu={},Ho=e=>{let{...t}=e;return Tu("div",{...t,className:n(e.className,ws),children:e.children})};Ho.states=ku;Ho.options=Su;Ho.className=ws;Ho.defaultOptions=Nu;Ho.moduleName=mo;Ho.folderName=Ko;var bo="checkbox",_o=bo;import{jsx as Ms}from"react/jsx-runtime";var il="k-checkbox",gu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],wu={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full]},Mu={},mt=e=>{let{id:t,checked:o,indeterminate:l,hover:r,focus:d,disabled:u,invalid:b,valid:f,required:x,size:y,rounded:k,wrapperRole:h,...A}=e;return Ms("span",{className:"k-checkbox-wrap",role:h,children:Ms("input",{...A,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":b?"true":void 0,className:n(e.className,il,D(il,{size:y,rounded:k}),H(il,{hover:r,focus:d,disabled:u,invalid:b,valid:f,indeterminate:l,checked:o}))})})};mt.states=gu;mt.options=wu;mt.className=il;mt.defaultOptions=Mu;mt.moduleName=bo;mt.folderName=_o;mt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Ct=mt;import{jsx as Au}from"react/jsx-runtime";var Ls="k-checkbox-list",Lu=[],Eu={},Es={layout:"vertical"},ze=e=>{let{layout:t=Es.layout,...o}=e;return Au("ul",{...o,className:n(e.className,Ls,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Lu;ze.options=Eu;ze.className=Ls;ze.defaultOptions=Es;ze.moduleName=bo;ze.folderName=_o;import{jsx as Bu}from"react/jsx-runtime";var As="k-checkbox-list-item",Ru=[],Iu={},Ou={},Ge=e=>{let{...t}=e;return Bu("li",{...t,className:n(e.className,As),children:e.children})};Ge.states=Ru;Ge.options=Iu;Ge.className=As;Ge.defaultOptions=Ou;Ge.moduleName=bo;Ge.folderName=_o;import{Fragment as Pu,jsx as Rs,jsxs as Du}from"react/jsx-runtime";var Ht=({children:e="Label",id:t="cb-label-after",...o})=>Du(Pu,{children:[Rs(Ct,{id:t,...o}),Rs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Wg,jsx as Fg,jsxs as Vg}from"react/jsx-runtime";import{Fragment as Yg,jsx as qg,jsxs as Qg}from"react/jsx-runtime";import{Fragment as ow,jsx as tw,jsxs as aw}from"react/jsx-runtime";import{jsx as sw}from"react/jsx-runtime";import{jsx as pw}from"react/jsx-runtime";import{jsx as hw}from"react/jsx-runtime";import{jsx as bt,jsxs as Is}from"react/jsx-runtime";var Ku=ze.options,Hu=ze.states,_u={...ze.defaultOptions,variant:"vertical"},zu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gu=[],zo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Is(ze,{layout:"horizontal",...o,children:[bt(Ge,{children:bt(Ht,{id:F("cb"),defaultChecked:!0,children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})})]}):Is(ze,{...o,children:[bt(Ge,{children:bt(Ht,{id:F("cb"),defaultChecked:!0,children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})}),bt(Ge,{children:bt(Ht,{id:F("cb"),children:"Label"})})]})};zo.options=Ku;zo.states=Hu;zo.variants=zu;zo.defaultOptions=_u;zo.modifiers=Gu;zo.className=ze.className;import{jsx as Xu}from"react/jsx-runtime";var Uu=Ct.options,Fu=Ct.states,Wu=Ct.defaultOptions,Vu=[],$u=[],Go=e=>Xu(Ht,{id:F("checkbox"),...e,defaultChecked:!0,children:"Label"});Go.options=Uu;Go.states=Fu;Go.variants=Vu;Go.defaultOptions=Wu;Go.modifiers=$u;Go.className=Ct.className;import{jsx as ho,jsxs as Qu}from"react/jsx-runtime";var Mr="k-list-item",Ju=[c.hover,c.focus,c.selected,c.disabled],qu={},Yu={},U=e=>{let{text:t,groupLabel:o,group:l,iconName:r,iconClassName:d,showCheckbox:u,checked:b,hover:f,focus:x,selected:y,disabled:k,actions:h,description:A,id:g,...B}=e,K=t||e.children;return Qu("li",{...B,id:g,role:l?"presentation":"option",tabIndex:l?void 0:x?0:-1,"aria-selected":!l&&y?"true":l?void 0:"false","aria-disabled":!l&&k?"true":void 0,className:n(e.className,l?"k-list-group-item":Mr,H(Mr,{hover:f,focus:x,disabled:k,selected:y})),children:[u&&ho(mt,{checked:b}),r&&ho("span",{className:"k-list-item-icon-wrapper",children:ho(E,{icon:r,className:n("k-list-item-icon",d)})}),ho("span",{className:"k-list-item-text",children:K}),h&&ho("div",{className:"k-list-item-actions",children:h}),A&&ho("span",{className:"k-list-item-description",children:A}),o&&o!==""&&ho("div",{className:"k-list-item-group-label",children:o})]})};U.states=Ju;U.options=qu;U.className=Mr;U.defaultOptions=Yu;U.moduleName=mo;U.folderName=Ko;U.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ju}from"react/jsx-runtime";var Zu="k-list-ul",_t=e=>{let{children:t,role:o,id:l,...r}=e;return ju("ul",{...r,id:l,role:o,className:n(Zu,e.className),children:t})};_t.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Lr,jsxs as tm}from"react/jsx-runtime";var em="k-list-content",oe=e=>{let{virtualization:t,grouping:o,"aria-label":l,"aria-labelledby":r,listboxId:d,...u}=e;return tm("div",{...u,className:n(em,e.className),role:o?"listbox":void 0,id:o?d:void 0,"aria-label":o?l:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Lr(_t,{role:"listbox",id:d,"aria-label":l,"aria-labelledby":r,children:e.children}),t&&Lr("div",{className:"k-height-container",children:Lr("div",{})})]})};oe.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as rM,jsx as lM,jsxs as nM}from"react/jsx-runtime";import{jsx as Er,jsxs as am}from"react/jsx-runtime";var om="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return am("li",{...o,role:"presentation",className:n(om,e.className),children:[t&&Er("span",{className:"k-list-item-icon-wrapper",children:Er(E,{icon:t,className:"k-list-item-icon"})}),Er("span",{className:"k-list-item-text",children:e.children})]})};fo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as sm}from"react/jsx-runtime";var Ar="k-list-optionlabel",lm=[c.hover,c.focus,c.selected,c.disabled],rm={},nm={},dl=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:d,...u}=e;return sm("div",{...u,className:n(Ar,H(Ar,{hover:o,focus:l,selected:r,disabled:d})),children:t})};dl.states=lm;dl.options=rm;dl.className=Ar;dl.defaultOptions=nm;import{jsx as pm}from"react/jsx-runtime";var Rr="k-list-custom-value",im=[c.hover,c.focus,c.selected,c.disabled],dm={},cm={},to=e=>{let{text:t,hover:o,focus:l,selected:r,disabled:d,...u}=e;return pm("div",{...u,className:n(Rr,H(Rr,{hover:o,focus:l,selected:r,disabled:d})),children:t})};to.states=im;to.options=dm;to.className=Rr;to.defaultOptions=cm;import{Fragment as SM,jsx as kM,jsxs as NM}from"react/jsx-runtime";import{Fragment as EM,jsx as LM,jsxs as AM}from"react/jsx-runtime";import{Fragment as KM,jsx as PM,jsxs as DM}from"react/jsx-runtime";import{Fragment as WM,jsx as UM,jsxs as FM}from"react/jsx-runtime";import{jsx as JM}from"react/jsx-runtime";import{Fragment as eL,jsx as jM,jsxs as tL}from"react/jsx-runtime";var Os="dropdown-list",Bs="dropdownlist";import{Fragment as bm,jsx as Ue,jsxs as Ir}from"react/jsx-runtime";var Ps="k-dropdownlist",um=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],mm={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Or={showValue:!0,arrowIconName:"caret-alt-down"},Ce=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=Or.arrowIconName,showValue:d=Or.showValue,valueIconName:u,prefix:b,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,popup:se,opened:fe,adaptive:Le,adaptiveSettings:Ne,adaptiveTitle:Je,adaptiveSubtitle:io,adaptiveFilter:Il,id:$t,activeDescendant:qa,"aria-label":Ol,...Bl}=e,wd=$t?`${$t}-listbox`:void 0,un=$t?`${$t}-value`:void 0;return Ir(bm,{children:[Ir(Tt,{...Bl,id:$t,size:t,rounded:o,fillMode:l,hover:k,focus:h,valid:A,invalid:g,required:B,loading:K,disabled:I,readonly:W,className:n(e.className,Ps,{"k-icon-picker":!d&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":fe?"true":"false","aria-controls":fe?wd:void 0,"aria-activedescendant":fe&&qa?qa:void 0,"aria-describedby":fe?un:void 0,"aria-disabled":I?"true":void 0,"aria-label":Ol,tabIndex:0,children:[Ue(nt,{children:b}),Ue(uo,{placeholder:y,value:x,showValue:d,valueIconName:u,id:un}),Ue(He,{valid:A,invalid:g,loading:K,disabled:I}),Ue(Ve,{loading:K,disabled:I}),Ue(st,{children:f}),Ue(s,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":y||"Toggle dropdown",tabIndex:-1})]}),fe&&se&&Ue(ie,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:se}),Le&&Ue(me,{adaptive:!0,...Ne,header:Ue(_e,{actionsEnd:Ue(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Il,inputValue:x,inputPlaceholder:y,title:Je,subtitle:io}),children:Ue("div",{className:"k-list-container",children:Ue(Y,{size:"large",children:Ir(oe,{"aria-label":"Options",children:[Ue(U,{text:"List item"}),Ue(U,{text:"List item"}),Ue(U,{text:"List item"})]})})})})]})};Ce.states=um;Ce.options=mm;Ce.className=Ps;Ce.defaultOptions=Or;Ce.moduleName=Os;Ce.folderName=Bs;Ce.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as BL}from"react/jsx-runtime";import{jsx as zL,jsxs as GL}from"react/jsx-runtime";import{Fragment as YL,jsx as JL,jsxs as qL}from"react/jsx-runtime";import{jsx as t0}from"react/jsx-runtime";import{jsx as s0,jsxs as i0}from"react/jsx-runtime";import{Fragment as x0,jsx as h0,jsxs as f0}from"react/jsx-runtime";import{jsx as S0}from"react/jsx-runtime";import{Fragment as ym,jsx as oo,jsxs as Ds}from"react/jsx-runtime";var hm=Ce.states,fm=Ce.defaultOptions,xm=Ce.options,vm=[{name:"opened",title:"Opened"}],Cm=[],Fo=e=>{let{modifiers:t,...o}=e,l={},r=Ds(ym,{children:[oo("div",{className:"k-list-filter",children:oo(dt,{})}),oo(Y,{style:{width:300},size:o.size,children:Ds(oe,{children:[oo(U,{children:"List item"}),oo(U,{children:"List item"}),oo(U,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(d=>{d==="opened"&&(l.opened=!!t?.[d],l.popup=t?.[d]?r:void 0)}),oo("div",{children:oo(Ce,{placeholder:"Value",style:{width:300},...o,...l})})};Fo.options=xm;Fo.states=hm;Fo.variants=Cm;Fo.defaultOptions=fm;Fo.modifiers=vm;Fo.className=Ce.className;import{Fragment as W0,jsx as F0}from"react/jsx-runtime";import{Fragment as Y0,jsx as q0}from"react/jsx-runtime";import{jsx as eE}from"react/jsx-runtime";import{jsx as Br}from"react/jsx-runtime";var km=ee.states,Sm=ee.defaultOptions,Nm=ee.options,Tm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],gm=[],Wo=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t?.[r]?Br(Ce,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":l.suffix=t?.[r]?Br(Zl,{children:"mm"}):void 0;break;case"clear-button":l.showClearButton=t?.[r];break;case"spin-button":l.showSpinButton=t?.[r];break;default:break}}),Br(Ss,{value:"Value",style:{width:300},...o,...l})};Wo.options=Nm;Wo.states=km;Wo.variants=gm;Wo.defaultOptions=Sm;Wo.modifiers=Tm;Wo.className=ee.className;import{Fragment as Ba,jsx as V,jsxs as ve}from"react/jsx-runtime";var Ks="k-colorgradient-inputs",wm=[],Mm={size:[p.undefined,p.small,p.medium,p.large]},Hs={mode:"rgba"},Vo=e=>{let{mode:t=Hs.mode,size:o,...l}=e;return ve("div",{...l,className:n(Ks,"k-hstack"),children:[V("div",{className:"k-vstack",children:V(s,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),V("label",{className:"k-colorgradient-input-label",children:"R"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),V("label",{className:"k-colorgradient-input-label",children:"G"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),V("label",{className:"k-colorgradient-input-label",children:"B"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),V("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),V("label",{className:"k-colorgradient-input-label",children:"R"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),V("label",{className:"k-colorgradient-input-label",children:"G"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),V("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),V("label",{className:"k-colorgradient-input-label",children:"H"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),V("label",{className:"k-colorgradient-input-label",children:"S"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),V("label",{className:"k-colorgradient-input-label",children:"V"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),V("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ve(Ba,{children:[ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),V("label",{className:"k-colorgradient-input-label",children:"H"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),V("label",{className:"k-colorgradient-input-label",children:"S"})]}),ve("div",{className:"k-vstack",children:[V(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),V("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&V(Ba,{children:ve("div",{className:"k-vstack k-flex-1",children:[V(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),V("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Vo.states=wm;Vo.options=Mm;Vo.className=Ks;Vo.defaultOptions=Hs;import{jsx as xo,jsxs as vo}from"react/jsx-runtime";var _s="k-colorgradient-color-contrast",Lm=[],Em={},Am={},$o=()=>vo("div",{className:n(_s,"k-vbox"),children:[vo("div",{className:"k-contrast-ratio",children:[xo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),vo("span",{className:"k-contrast-validation !k-text-success",children:[xo(E,{icon:"check"}),xo(E,{icon:"check"})]})]}),vo("div",{children:[xo("span",{children:"AA: 4.5"}),vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",xo(E,{icon:"check"})]})]}),vo("div",{children:[xo("span",{children:"AAA: 7.0"}),vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",xo(E,{icon:"x"})]})]})]});$o.states=Lm;$o.options=Em;$o.className=_s;$o.defaultOptions=Am;var zs="color-gradient",Gs="colorgradient";import{jsx as ht,jsxs as Pa}from"react/jsx-runtime";var cl="k-colorgradient",Rm=[c.hover,c.focus,c.readonly,c.disabled],Im={size:[p.undefined,p.small,p.medium,p.large]},Et={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Te=e=>{let{size:t,mode:o=Et.mode,readonly:l=Et.readonly,disabled:r=Et.disabled,gradientStyle:d=Et.gradientStyle,dragHandleStyle:u=Et.dragHandleStyle,alphaStyle:b=Et.alphaStyle,alphaStyleHorizontal:f=Et.alphaStyleHorizontal,contrast:x=Et.contrast,dir:y,hover:k,focus:h,hoverHandle:A,focusHandle:g,canvasOrientation:B=Et.canvasOrientation,role:K,tabIndex:I,...W}=e;return Pa("div",{...W,role:K??"textbox","aria-label":K==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,cl,D(cl,{size:t}),H(cl,{hover:k,focus:h,readonly:l,disabled:r})),dir:y,children:[!B||B==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:d,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":g}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[ht(kr,{className:"k-hue-slider",hover:A,focus:g}),o!=="rgb"&&o!=="hsv"&&ht(kr,{className:"k-alpha-slider",hover:A,focus:g,trackStyle:b})]})]}),B==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:d,children:ht("div",{className:"k-hsv-gradient",children:ht("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":g}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[ht(yr,{className:"k-hue-slider",hover:A,focus:g}),o!=="rgb"&&o!=="hsv"&&ht(yr,{className:"k-alpha-slider",hover:A,focus:g,trackStyle:f})]})]}),ht(Vo,{mode:e.mode,size:t}),x&&ht($o,{})]})};Te.states=Rm;Te.options=Im;Te.className=cl;Te.defaultOptions=Et;Te.moduleName=zs;Te.folderName=Gs;Te.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Om}from"react/jsx-runtime";var pl=e=>Om(Te,{...e});import{jsx as _E}from"react/jsx-runtime";import{jsx as FE}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";var Bm=Te.options,Pm=Te.states,Dm={...Te.defaultOptions,variant:"rgba"},Km=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Hm=[],Xo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Pr(pl,{...o,mode:t});case"rgb":return Pr(pl,{...o,mode:t});default:return Pr(pl,{...o,mode:t})}};Xo.options=Bm;Xo.states=Pm;Xo.variants=Km;Xo.defaultOptions=Dm;Xo.modifiers=Hm;Xo.className=Te.className;import{jsx as _m}from"react/jsx-runtime";var Dr=e=>_m("tr",{role:"row",children:e.children});import{jsx as Um}from"react/jsx-runtime";var Kr="k-colorpalette-tile",zm=[c.hover,c.focus,c.selected],Gm={},Jo=e=>{let{color:t,tileSize:o,hover:l,focus:r,selected:d,...u}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Um("td",{...u,role:"gridcell","aria-label":t,"aria-selected":d?"true":void 0,className:n(e.className,Kr,H(Kr,{hover:l,focus:r,selected:d})),style:b})};Jo.states=zm;Jo.options=Gm;Jo.className=Kr;var Us="color-palette",Fs="colorpalette";import{jsx as Da}from"react/jsx-runtime";var ul="k-colorpalette",Fm=[c.disabled],Wm={size:[p.undefined,p.small,p.medium,p.large]},Ws={columns:10},Fe=e=>{let{size:t,palette:o,columns:l=Ws.columns,tileSize:r,disabled:d,...u}=e,b=[];if(o){let f=l||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(y,k)=>{let h=[];x.slice(k*f,(k+1)*f).map((g,B)=>{h.push(Da(Jo,{color:g,tileSize:r},B))});let A=Da(Dr,{children:h},k);b.push(A)})}return Da("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":d?"true":void 0,className:n(e.className,ul,H(ul,{disabled:d}),D(ul,{size:t})),children:Da("table",{className:"k-colorpalette-table",role:"none",children:Da("tbody",{children:b.length>0?b:e.children})})})};Fe.states=Fm;Fe.options=Wm;Fe.className=ul;Fe.defaultOptions=Ws;Fe.moduleName=Us;Fe.folderName=Fs;Fe.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var ml=Fe;var Ka={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Vm}from"react/jsx-runtime";var Vs=e=>Vm(ml,{palette:Ka.basic,...e});import{jsx as T2}from"react/jsx-runtime";import{jsx as A2,jsxs as R2}from"react/jsx-runtime";import{jsx as Zm}from"react/jsx-runtime";var $m=Fe.options,Xm=Fe.states,Jm={...Fe.defaultOptions,variant:"basic"},qm=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ym={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Qm=[],qo=e=>{let{variant:t="basic",...o}=e,l=Ym[t];return Zm(Vs,{columns:l.columns,palette:l,...o})};qo.options=$m;qo.states=Xm;qo.variants=qm;qo.defaultOptions=Jm;qo.modifiers=Qm;qo.className=Fe.className;var $s="color-editor",Xs="coloreditor";import{jsx as ft,jsxs as Yo}from"react/jsx-runtime";var bl="k-coloreditor",jm=[c.focus],eb={size:[p.undefined,p.small,p.medium,p.large]},Ha={view:"gradient",palette:Ka.office,actionButtons:!0,canvasOrientation:"horizontal"},be=e=>{let{size:t,view:o=Ha.view,palette:l=Ha.palette,color:r,currentColor:d,focus:u,focusView:b,dir:f,group:x,actionButtons:y=Ha.actionButtons,canvasOrientation:k=Ha.canvasOrientation,...h}=e;return Yo("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",bl,D(bl,{size:t}),H(bl,{focus:u})),dir:f,children:[Yo("div",{className:"k-coloreditor-header k-hstack",children:[ft("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Yo(M,{fillMode:"flat",children:[ft(s,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ft(s,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ft("div",{className:"k-spacer"}),Yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[ft(s,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Yo("div",{className:"k-coloreditor-preview k-vstack",children:[ft(Jt,{className:"k-coloreditor-preview-color",color:r}),ft(Jt,{className:"k-coloreditor-current-color",color:d})]})]})]}),ft("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ft(Te,{focus:b,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):ft(Fe,{palette:l,size:t})}),y&&Yo(Mt,{className:"k-coloreditor-footer",alignment:"start",children:[ft(s,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ft(s,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};be.states=jm;be.options=eb;be.className=bl;be.defaultOptions=Ha;be.moduleName=$s;be.folderName=Xs;be.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qo=be;import{jsx as nA}from"react/jsx-runtime";import{jsx as cA}from"react/jsx-runtime";import{jsx as tb}from"react/jsx-runtime";var Js=e=>tb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ob}from"react/jsx-runtime";var qs=e=>ob(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ys}from"react/jsx-runtime";var ab=be.options,lb=be.states,rb={...be.defaultOptions,variant:"gradient"},nb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],sb=[],Zo=e=>{let{variant:t,...o}=e;return t==="palette"?Ys(qs,{...o,color:"white"}):Ys(Js,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Zo.options=ab;Zo.states=lb;Zo.variants=nb;Zo.defaultOptions=rb;Zo.modifiers=sb;Zo.className=be.className;var Qs="color-picker",Zs="colorpicker";import{Fragment as cb,jsx as xt,jsxs as Hr}from"react/jsx-runtime";var js="k-colorpicker",ib=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],db={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},ei={arrowIconName:"caret-alt-down"},Qe=e=>{let{size:t,rounded:o,fillMode:l,arrowIconName:r=ei.arrowIconName,prefix:d,suffix:u,value:b,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:A,disabled:g,valueIconName:B,popup:K,opened:I,adaptive:W,adaptiveSettings:se,adaptiveTitle:fe,adaptiveSubtitle:Le,...Ne}=e,Je="colorpicker-popup";return Hr(cb,{children:[Hr(Tt,{...Ne,size:t,rounded:o,fillMode:l,hover:x,focus:y,valid:k,invalid:h,required:A,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||W?Je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:n(e.className,js,"k-icon-picker"),children:[xt(nt,{children:d}),xt(uo,{placeholder:f,value:b,showValue:!1,valueIcon:xt(Jt,{className:"k-value-icon",color:b,iconName:B}),valueIconName:B}),xt(st,{children:u}),xt(s,{className:"k-input-button",icon:r,size:t,fillMode:l,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),I&&K&&xt(ie,{id:Je,className:"k-colorpicker-popup",children:K}),W&&xt(me,{adaptive:!0,id:Je,...se,header:xt(_e,{actionsEnd:xt(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:Le}),footer:Hr(qt,{children:[xt(s,{text:"Cancel",size:"large"}),xt(s,{text:"Set",size:"large",themeColor:"primary"})]}),children:xt(be,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=ib;Qe.options=db;Qe.className=js;Qe.defaultOptions=ei;Qe.moduleName=Qs;Qe.folderName=Zs;Qe.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zt=Qe;import{jsx as pb}from"react/jsx-runtime";var hl=e=>pb(zt,{...e});import{jsx as XA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as nR}from"react/jsx-runtime";import{jsx as cR}from"react/jsx-runtime";import{jsx as bR}from"react/jsx-runtime";import{jsx as Co}from"react/jsx-runtime";var ub=zt.options,mb=zt.states,ti={...zt.defaultOptions,variant:"color"},bb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],hb=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...l}={...ti,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?Co(be,{size:l.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let d=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Co("div",{style:d,children:Co(hl,{...l,...r})});case"icon":return Co("div",{style:d,children:Co(hl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...l,...r})});default:return Co("div",{style:d,children:Co(hl,{value:"rgba(183, 118 , 118, 1.00)",...l,...r})})}};jo.options=ub;jo.states=mb;jo.variants=bb;jo.defaultOptions=ti;jo.modifiers=hb;jo.className=zt.className;var _r="combobox",oi=_r;import{Fragment as zr,jsx as ye,jsxs as _a}from"react/jsx-runtime";var ai="k-combobox",fb=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],xb={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},li={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:l,separators:r=li.separators,prefix:d,suffix:u,value:b,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:A,loading:g,disabled:B,popup:K,opened:I,readonly:W,adaptive:se,adaptiveSettings:fe,adaptiveTitle:Le,adaptiveSubtitle:Ne,adaptiveCustomValue:Je,id:io,autocomplete:Il,activeDescendant:$t,"aria-label":qa,...Ol}=e,Bl=io?`${io}-listbox`:void 0;return _a(zr,{children:[_a(xe,{...Ol,size:t,rounded:o,fillMode:l,hover:x,focus:y,valid:k,invalid:h,required:A,loading:g,disabled:B,readonly:W,className:n(e.className,ai),children:[d&&_a(zr,{children:[ye(nt,{children:d}),r&&ye(it,{})]}),ye(Ye,{id:io,placeholder:f,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?Bl:void 0,"aria-activedescendant":I&&$t?$t:void 0,"aria-autocomplete":Il,"aria-invalid":h?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":qa,disabled:B,readOnly:W}),ye(He,{valid:k,invalid:h,loading:g,disabled:B}),ye(Ve,{loading:g,disabled:B}),ye(qe,{loading:g,disabled:B,readonly:W,value:b}),u&&_a(zr,{children:[r&&ye(it,{}),ye(st,{children:u})]}),ye(s,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:l,"aria-label":"Open popup",tabIndex:-1,disabled:B})]}),I&&K&&ye(ie,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:K}),se&&ye(me,{adaptive:!0,id:io?`${io}-adaptive`:void 0,...fe,header:ye(_e,{actionsEnd:ye(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:f,title:Le,subtitle:Ne}),children:ye("div",{className:"k-list-container",children:ye(Y,{customValue:Je?ye(to,{text:`Use "${b}"`}):void 0,size:"large",children:_a(oe,{"aria-label":Le||"Options",children:[ye(U,{text:"List item"}),ye(U,{text:"List item"}),ye(U,{text:"List item"})]})})})})]})};Oe.states=fb;Oe.options=xb;Oe.className=ai;Oe.defaultOptions=li;Oe.moduleName=_r;Oe.folderName=oi;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ze=Oe;import{jsx as vb}from"react/jsx-runtime";var ri=e=>vb(Ze,{...e});import{jsx as YR,jsxs as QR}from"react/jsx-runtime";import{jsx as aI,jsxs as lI}from"react/jsx-runtime";import{jsx as cI,jsxs as pI}from"react/jsx-runtime";import{Fragment as xI,jsx as fI}from"react/jsx-runtime";import{Fragment as NI,jsx as SI}from"react/jsx-runtime";import{jsx as EI,jsxs as AI}from"react/jsx-runtime";import{Fragment as HI,jsx as DI,jsxs as KI}from"react/jsx-runtime";import{jsx as UI}from"react/jsx-runtime";import{jsx as $I}from"react/jsx-runtime";import{jsx as ZI,jsxs as jI}from"react/jsx-runtime";import{jsx as r1,jsxs as n1}from"react/jsx-runtime";import{jsx as ao,jsxs as Tb}from"react/jsx-runtime";var Cb=Oe.states,yb=Oe.defaultOptions,kb=Oe.options,Sb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Nb=[],ea=e=>{let{modifiers:t,...o}=e,l={},r=ao(Y,{style:{width:300},size:o.size,children:Tb(oe,{children:[ao(U,{children:"List item"}),ao(U,{children:"List item"}),ao(U,{children:"List item"})]})});return Object.keys(t||{}).forEach(d=>{switch(d){case"prefix":l.prefix=t?.[d]?ao(E,{icon:"map-marker-target"}):void 0;break;case"suffix":l.suffix=t?.[d]?ao(Xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":l.opened=!!t?.[d],l.popup=t?.[d]?r:void 0;break;default:break}}),ao("div",{children:ao(ri,{value:"Value",style:{width:300},...o,...l})})};ea.options=kb;ea.states=Cb;ea.variants=Nb;ea.defaultOptions=yb;ea.modifiers=Sb;ea.className=Oe.className;var Gr="menu-button",ni=Gr;import{jsx as Mb}from"react/jsx-runtime";var si="k-menu-button",gb=[c.hover,c.focus,c.active,c.selected,c.disabled],wb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Ur={showArrow:!0,arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,text:k,showArrow:h=Ur.showArrow,arrowIconName:A=Ur.arrowIconName,expanded:g,...B}=e;return Mb(s,{...B,className:n(e.className,si),text:k,size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,showArrow:h,arrowIconName:A,"aria-expanded":g?"true":"false",...!k&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ae.states=gb;ae.options=wb;ae.className=si;ae.defaultOptions=Ur;ae.moduleName=Gr;ae.folderName=ni;ae.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as _1}from"react/jsx-runtime";import{jsx as F1}from"react/jsx-runtime";import{jsx as X1}from"react/jsx-runtime";var je="menu",vt=je;import{jsx as za,jsxs as ii}from"react/jsx-runtime";var Fr="k-menu-item",Lb=[c.hover,c.focus,c.active,c.selected,c.disabled],Eb={},di={iconPosition:"before"},Be=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:d,icon:u,text:b,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=di.iconPosition,dir:A,children:g,expanded:B,...K}=e,I=k;return I||(I=A==="rtl"?"caret-alt-left":"caret-alt-right"),ii("li",{...K,className:n(e.className,Fr,"k-item",H(Fr,{focus:o,disabled:d,hover:t,active:l,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":B?"true":"false"},...d&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ii("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&za(E,{className:"k-menu-link-icon",icon:u}),za("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&za(E,{className:"k-menu-link-icon",icon:u}),y&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(E,{icon:I})})]}),g]})};Be.states=Lb;Be.options=Eb;Be.className=Fr;Be.defaultOptions=di;Be.moduleName=je;Be.folderName=vt;import{jsx as Ga,jsxs as ci}from"react/jsx-runtime";var Wr="k-menu-item",Ab=[c.hover,c.focus,c.active,c.selected,c.disabled],Rb={},Vr={dir:"ltr",iconPosition:"before"},pe=e=>{let{hover:t,focus:o,active:l,selected:r,disabled:d,icon:u,text:b,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=Vr.iconPosition,dir:A=Vr.dir,children:g,popup:B,expanded:K,...I}=e,W=k;return W||(W=A==="rtl"?"caret-alt-left":"caret-alt-right"),ci("li",{...I,className:n(e.className,Wr,"k-item",H(Wr,{focus:o,disabled:d}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":K?"true":"false"},...d&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ci("span",{className:n("k-link k-menu-link",H("k-menu-link",{hover:t,active:l,selected:r,disabled:d})),children:[u&&h==="before"&&Ga(E,{className:"k-menu-link-icon",icon:u}),Ga("span",{className:"k-menu-link-text",children:b}),u&&h==="after"&&Ga(E,{className:"k-menu-link-icon",icon:u}),y&&Ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ga(E,{icon:W})})]}),g,B]})};pe.states=Ab;pe.options=Rb;pe.className=Wr;pe.defaultOptions=Vr;pe.moduleName=je;pe.folderName=vt;import{jsx as Pb}from"react/jsx-runtime";var pi="k-menu-scroll-wrapper",Ib=[],Ob={},Bb={},yo=e=>{let{className:t,children:o,orientation:l,...r}=e;return Pb("div",{...r,className:n(t,pi,{"k-menu-scroll-wrapper-vertical":l==="vertical"}),children:o})};yo.states=Ib;yo.options=Ob;yo.className=pi;yo.defaultOptions=Bb;yo.moduleName=je;yo.folderName=vt;var ui=yo;import{Fragment as $r,jsx as ko,jsxs as xl}from"react/jsx-runtime";var Xr="k-menu",Db=[],Kb={},vl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=vl.orientation,header:l=vl.header,scrollable:r,scrollButtonsPosition:d=vl.scrollButtonsPosition,wrapperStyles:u,dir:b,popup:f,contextMenu:x,...y}=e,k={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=ko("ul",{dir:b,...y,className:n(e.className,"k-reset",Xr,{[`${Xr}-${o}`]:o,"k-header":l}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return xl($r,{children:[r?xl(ui,{orientation:o,style:u,dir:e.dir,children:[d==="start"&&xl($r,{children:[ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),d==="around"&&ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,d==="end"&&xl($r,{children:[ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),d==="around"&&ko(s,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};ge.states=Db;ge.options=Kb;ge.className=Xr;ge.defaultOptions=vl;ge.moduleName=je;ge.folderName=vt;ge.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Hb}from"react/jsx-runtime";var Jr="k-separator",mi={orientation:"horizontal"},ta=e=>{let{orientation:t=mi.orientation,...o}=e;return Hb("li",{...o,className:n(e.className,"k-item",Jr,{[`${Jr}-${t}`]:t}),role:"separator"})};ta.className=Jr;ta.defaultOptions=mi;ta.moduleName=je;ta.folderName=vt;import{Fragment as SO,jsx as NO}from"react/jsx-runtime";import{jsx as Ub}from"react/jsx-runtime";var qr="k-menu-group",_b=[],zb={size:[p.undefined,p.small,p.medium,p.large]},Gb={},Pe=e=>{let{children:t,size:o,...l}=e;return Ub("ul",{...l,className:n(e.className,qr,D(qr,{size:o})),role:"menu",children:t})};Pe.states=_b;Pe.options=zb;Pe.className=qr;Pe.defaultOptions=Gb;Pe.moduleName=je;Pe.folderName=vt;import{Fragment as Fb,jsx as oa,jsxs as Wb}from"react/jsx-runtime";var Yr=e=>oa(ge,{children:Wb(Fb,{children:[oa(Be,{first:!0,text:"Item 1"}),oa(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),oa(Be,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),oa(Be,{text:"Item 4"}),oa(Be,{last:!0,text:"Item 5"})]}),...e});import{Fragment as KO,jsx as PO,jsxs as DO}from"react/jsx-runtime";import{Fragment as UO,jsx as GO,jsxs as FO}from"react/jsx-runtime";import{Fragment as JO,jsx as XO,jsxs as qO}from"react/jsx-runtime";import{Fragment as eB,jsx as jO,jsxs as tB}from"react/jsx-runtime";import{jsx as So,jsxs as qb}from"react/jsx-runtime";var Vb=ge.options,$b=ge.states,bi={...ge.defaultOptions,variant:"horizontal"},Xb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...l}={...bi,...e},r={};return Object.keys(o||{}).forEach(d=>{switch(d){case"scrollable":r.scrollable=!!o?.[d];break;case"opened":r.opened=!!o?.[d],r.popup=So(ie,{className:"k-menu-popup",children:qb(Pe,{children:[So(pe,{text:"Item 1"}),So(pe,{text:"Item 2"}),So(ta,{}),So(pe,{text:"Item 3"})]})});break}}),t==="vertical"?So(Yr,{...l,...r,orientation:"vertical",style:{width:"200px"}}):So(Yr,{...l,...r})};aa.options=Vb;aa.states=$b;aa.variants=Xb;aa.defaultOptions=bi;aa.modifiers=Jb;aa.className=ge.className;import{Fragment as OB,jsx as RB,jsxs as IB}from"react/jsx-runtime";import{jsx as KB}from"react/jsx-runtime";import{Fragment as eh,jsx as At,jsxs as hi}from"react/jsx-runtime";var Yb=s.states,fi={...s.defaultOptions,variant:"text"},Qb=s.options,Zb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jb=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...l}={...fi,...e},r={},d=At(ie,{className:"k-menu-popup",children:hi(Pe,{size:l.size,children:[At(pe,{first:!0,text:"Menu Item"}),At(pe,{text:"Menu Item"}),At(pe,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=At("div",{children:At(ae,{...l,...r,icon:"star"})});break;case"icon-and-text":u=At("div",{children:At(ae,{...l,...r,icon:"star",children:"Dropdown Button"})});break;default:u=At("div",{children:At(ae,{...l,...r,children:"Dropdown Button"})});break}return hi(eh,{children:[u,o?.opened&&d]})};la.options=Qb;la.states=Yb;la.variants=Zb;la.defaultOptions=fi;la.modifiers=jb;la.className=ae.className;var Qr="split-button",xi=Qr;import{Fragment as ah,jsx as Zr,jsxs as vi}from"react/jsx-runtime";var jr="k-split-button",th=[c.hover,c.focus,c.active,c.selected,c.disabled],oh={size:[p.undefined,p.small,p.medium,p.large],rounded:[C.undefined,C.none,C.small,C.medium,C.large,C.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Ci={arrowIconName:"caret-alt-down"},$=e=>{let{size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,icon:y,text:k,arrowIconName:h=Ci.arrowIconName,popup:A,opened:g,popupId:B,...K}=e;return vi(ah,{children:[vi("div",{...K,className:n(e.className,jr,"k-button-group",D(jr,{rounded:o})),children:[Zr(s,{text:k,icon:y,size:t,rounded:o,fillMode:l,themeColor:r,hover:d,focus:u,active:b,selected:f,disabled:x,...!k&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),Zr(s,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:l,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?B:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),g&&A&&Zr(ie,{className:"k-menu-popup",children:A})]})};$.states=th;$.options=oh;$.className=jr;$.defaultOptions=Ci;$.moduleName=Qr;$.folderName=xi;$.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var en=$;import{jsx as rh}from"react/jsx-runtime";var lh="k-toolbar-separator",yt=e=>rh("div",{className:n(lh,e.className,"k-separator")});var Gt="toolbar",lo=Gt;import{Fragment as tn,jsx as Z,jsxs as ra}from"react/jsx-runtime";var Ut="k-toolbar",nh=[c.focus],sh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},ih={scrollButtons:"around"},re=e=>{let{size:t,fillMode:o,focus:l,resizable:r,scrollable:d,scrollButtons:u,scrollingPosition:b,section:f,...x}=e,y=[],k=(h,A)=>{let g=[];if(h.type===s&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))g.push(Z(s,{...h.props,className:`${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===s)g.push(Z(s,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Ta)g.push(Z(Ta,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===Xt)g.push(Z(Xt,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===ae)g.push(Z(ae,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===en)g.push(Z(en,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`));else if(h.type===M||h.props.className&&h.props.className.includes("k-button-group")){let B=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((I,W)=>{B.push(Z(s,{...I.props,className:`${I.props.className?I.props.className:""}`},`${W}-${new Date().getTime()}`))}),g.push(Z(M,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:B},`${A}-${new Date().getTime()}`))}else h.type===Oe?g.push(Z(Oe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===Ce?g.push(Z(Ce,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):h.type===Qe?g.push(Z(Qe,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${A}-${new Date().getTime()}`)):g.push(h);g.forEach(B=>{y.push(B)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,g)=>{k(A,g)}),ra("div",{...x,className:n(e.className,Ut,D(Ut,{size:t,fillMode:o}),H(Ut,{focus:l}),{[`${Ut}-resizable`]:r,[`${Ut}-scrollable`]:d,[`${Ut}-scrollable-overlay`]:d&&u==="hidden",[`${Ut}-scrollable-${b}`]:b&&b!=="both",[`${Ut}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!d&&y,d&&u==="hidden"&&Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),d&&u==="start"&&ra(tn,{children:[ra(M,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Z(yt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),d&&u==="end"&&ra(tn,{children:[Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),Z(yt,{className:"k-toolbar-button-separator"}),ra(M,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),d&&(u==="around"||!u)&&ra(tn,{children:[Z("span",{className:n("k-toolbar-prev","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-left"})}),Z(yt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),Z(yt,{className:"k-toolbar-button-separator"}),Z("span",{className:n("k-toolbar-next","k-button",D("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(E,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};re.states=nh;re.options=sh;re.className=Ut;re.defaultOptions=ih;re.moduleName=Gt;re.folderName=lo;re.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as uh}from"react/jsx-runtime";var yi="k-floating-toolbar",dh=[],ch={},ph={},na=e=>{let{...t}=e;return uh("div",{...t,className:n(e.className,yi),children:e.children})};na.states=dh;na.options=ch;na.className=yi;na.defaultOptions=ph;na.moduleName=Gt;na.folderName=lo;import{jsx as fh}from"react/jsx-runtime";var on="k-toolbar-item",mh=[c.focus],bh={},hh={},sa=e=>{let{focus:t,...o}=e;return fh("div",{...o,className:n(e.className,on,H(on,{focus:t})),children:e.children})};sa.states=mh;sa.options=bh;sa.className=on;sa.defaultOptions=hh;sa.moduleName=Gt;sa.folderName=lo;import{jsx as ki}from"react/jsx-runtime";var Si="k-toolbar-popup",xh=[],vh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Ch={},No=e=>{let{size:t,fillMode:o,section:l,...r}=e;return ki(ie,{...r,className:n(e.className,Si),children:l?ki("span",{className:n("k-toolbar-items-list",D("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};No.states=xh;No.options=vh;No.className=Si;No.defaultOptions=Ch;No.moduleName=Gt;No.folderName=lo;var Cl=No;import{jsx as zP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{jsx as JP}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as Ft,jsxs as Th}from"react/jsx-runtime";var yh=$.states,Ni={...$.defaultOptions,variant:"text"},kh=$.options,Sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Nh=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...l}={...Ni,...e},r={},d=Th(Pe,{size:l.size,children:[Ft(pe,{first:!0,text:"Menu Item"}),Ft(pe,{text:"Menu Item"}),Ft(pe,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?d:"")}),t){case"icon-only":return Ft("div",{children:Ft($,{...l,...r,icon:"star"})});case"icon-and-text":return Ft("div",{children:Ft($,{...l,...r,icon:"star",children:"Split Button"})});default:return Ft("div",{children:Ft($,{...l,...r,children:"Split Button"})})}};ia.options=kh;ia.states=yh;ia.variants=Sh;ia.defaultOptions=Ni;ia.modifiers=Nh;ia.className=$.className;import{jsx as To,jsxs as gh}from"react/jsx-runtime";var Ti=e=>To(re,{children:[To(s,{children:"Button"},"toolbar-button"),To(ae,{text:"Menu button"},"toolbar-menu-button"),To($,{children:"Split button"},"toolbar-split-button"),gh(M,{children:[To(s,{className:"k-group-start",icon:"align-left",children:"Left"}),To(s,{icon:"align-center",children:"Center"}),To(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as BD,jsxs as PD}from"react/jsx-runtime";import{jsx as et,jsxs as gi}from"react/jsx-runtime";var wi=e=>et(re,{scrollable:!0,...e,children:[et(s,{children:"Button"},"toolbar-button"),et(ae,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),gi(M,{children:[et(s,{className:"k-group-start",icon:"align-left",children:"Left"}),et(s,{icon:"align-center",children:"Center"}),et(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),et(s,{children:"Button"},"toolbar-button"),et(ae,{text:"Menu button"},"toolbar-menu-button"),et($,{children:"Split button"},"toolbar-split-button"),gi(M,{children:[et(s,{className:"k-group-start",icon:"align-left",children:"Left"}),et(s,{icon:"align-center",children:"Center"}),et(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as tt,jsxs as Mi}from"react/jsx-runtime";var Li=({scrollingPosition:e="start",...t})=>tt(re,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[tt(s,{children:"Button"},"toolbar-button"),tt(ae,{text:"Menu button"},"toolbar-menu-button"),tt($,{children:"Split button"},"toolbar-split-button"),Mi(M,{children:[tt(s,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(s,{icon:"align-center",children:"Center"}),tt(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),tt(s,{children:"Button"},"toolbar-button"),tt(ae,{text:"Menu button"},"toolbar-menu-button"),tt($,{children:"Split button"},"toolbar-split-button"),Mi(M,{children:[tt(s,{className:"k-group-start",icon:"align-left",children:"Left"}),tt(s,{icon:"align-center",children:"Center"}),tt(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as wh,jsx as $e,jsxs as yl}from"react/jsx-runtime";var Ei=({fillMode:e,size:t,...o})=>yl(wh,{children:[$e(re,{section:!0,fillMode:e,size:t,children:[$e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yl(M,{fillMode:e,children:[$e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),$e(yt,{className:"k-toolbar-button-separator"}),$e(s,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),yl(Cl,{size:t,fillMode:e,section:!0,...o,children:[$e($,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),$e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$e(yt,{}),$e(ae,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yl(M,{fillMode:e,children:[$e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),$e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),$e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as bK,jsx as uK,jsxs as mK}from"react/jsx-runtime";import{Fragment as gK,jsx as NK,jsxs as TK}from"react/jsx-runtime";import{jsx as ro}from"react/jsx-runtime";var Mh=re.options,Lh=re.states,Ai={...re.defaultOptions,variant:"default"},Eh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ah=[],da=e=>{let{variant:t,...o}={...Ai,...e};switch(t){case"responsive":return ro("div",{children:ro(Ei,{style:{width:"583px"},...o})});case"overlay":return ro("div",{children:ro(Li,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return ro("div",{children:ro(wi,{style:{width:"583px"},...o})});default:return ro("div",{children:ro(Ti,{style:{width:"583px"},...o})})}};da.options=Mh;da.states=Lh;da.variants=Eh;da.defaultOptions=Ai;da.modifiers=Ah;da.className=re.className;import{jsx as kt,jsxs as Ri}from"react/jsx-runtime";var Ii="k-scheduler-toolbar",te=e=>{let{footer:t,...o}=e;return kt(re,{...o,className:n(e.className,{[t?"k-scheduler-footer":Ii]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[Ri(M,{className:"k-scheduler-navigation",children:[kt(s,{className:"k-group-start",children:"Today"}),kt(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),kt(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),kt(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),kt("span",{className:"k-spacer"},"spacer"),Ri(M,{className:"k-scheduler-views",children:[kt(s,{className:"k-group-start",selected:!0,children:"Day"}),kt(s,{children:"Week"}),kt(s,{children:"Month"}),kt(s,{children:"Timeline"}),kt(s,{className:"k-group-end",children:"Agenda"})]},"views")]})};te.className=Ii;te.moduleName=Q;te.folderName=j;import{Fragment as iH,jsx as nH,jsxs as sH}from"react/jsx-runtime";import{jsx as Oi}from"react/jsx-runtime";var Bi="k-scheduler-header",Rt=e=>Oi("div",{...e,className:n(Bi,e.className),children:Oi("div",{className:"k-scheduler-header-wrap",children:e.children})});Rt.className=Bi;Rt.moduleName=Q;Rt.folderName=j;import{jsx as Rh}from"react/jsx-runtime";var Pi="k-scheduler-content",It=e=>Rh("div",{...e,className:n(Pi,e.className),children:e.children});It.className=Pi;It.moduleName=Q;It.folderName=j;import{jsx as Ih}from"react/jsx-runtime";var Di="k-scheduler-times",no=e=>Ih("div",{...e,className:n(Di,e.className),children:e.children});no.className=Di;no.moduleName=Q;no.folderName=j;import{jsx as Oh}from"react/jsx-runtime";var Ki="k-scheduler-table",Ot=e=>Oh("table",{...e,className:n(Ki,e.className),children:e.children});Ot.className=Ki;Ot.moduleName=Q;Ot.folderName=j;import{jsx as Hi}from"react/jsx-runtime";var _i="k-scheduler-cell",Bh=[],Ph={},Dh={},a=e=>{let{cellType:t,allDay:o,text:l,colspan:r,rowspan:d,as:u="div",...b}=e,f=l||e.children,x=!l&&!e.children,y=u==="th"&&x&&!b.role?"presentation":void 0;return Hi(u,{...b,colSpan:r,rowSpan:d,...y&&{role:y},className:n(_i,e.className,{"k-scheduler-times-all-day":o},t?.map(k=>({[`k-${k}-cell`]:!0}))),children:!o&&l?Hi("span",{className:"k-link k-nav-day",children:f}):f})};a.states=Bh;a.options=Ph;a.defaultOptions=Dh;a.className=_i;a.moduleName=Q;a.folderName=j;import{jsx as Kh}from"react/jsx-runtime";var zi="k-sticky-cell",ca=e=>Kh("div",{...e,className:n(zi,e.className),children:e.children});ca.className=zi;ca.moduleName=Q;ca.folderName=j;import{jsx as Hh}from"react/jsx-runtime";var Gi="k-scheduler-row",T=e=>Hh("div",{...e,className:n(Gi,e.className),children:e.children});T.className=Gi;T.moduleName=Q;T.folderName=j;import{jsx as _h}from"react/jsx-runtime";var Ui="k-scheduler-body",de=e=>{let{as:t="div",...o}=e;return _h(t,{...o,className:n(Ui,e.className),children:e.children})};de.className=Ui;de.moduleName=Q;de.folderName=j;import{jsx as zh}from"react/jsx-runtime";var Fi="k-scheduler-head",ue=e=>{let{as:t="div",...o}=e;return zh(t,{...o,className:n(Fi,e.className),children:e.children})};ue.className=Fi;ue.moduleName=Q;ue.folderName=j;import{jsx as Fh}from"react/jsx-runtime";var Wi="k-scheduler-group",Gh=[],Uh={},Vi={orientation:"horizontal"},G=e=>{let{orientation:t=Vi.orientation,...o}=e;return Fh("div",{...o,className:n(Wi,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};G.states=Gh;G.options=Uh;G.defaultOptions=Vi;G.className=Wi;G.moduleName=Q;G.folderName=j;import{Fragment as Nl,jsx as We,jsxs as kl}from"react/jsx-runtime";var an="k-event",Wh=[c.hover,c.focus,c.selected],Vh={},Sl={resizable:"vertical",eventPrefix:We(E,{icon:"arrow-rotate-cw"}),eventSuffix:We(Nl,{children:We("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:We(E,{icon:"x"})})})},ke=e=>{let{inverse:t,ongoing:o,multiDay:l,resizable:r=Sl.resizable,hover:d,focus:u,selected:b,eventPrefix:f=Sl.eventPrefix,eventSuffix:x=Sl.eventSuffix,...y}=e;return kl("div",{...y,className:n(an,e.className,H(an,{hover:d,focus:u,selected:b}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":y["aria-label"]||"Event",children:[We("span",{className:"k-event-actions",children:f}),We("div",{children:e.children}),We("span",{className:"k-event-actions",children:x}),l&&kl(Nl,{children:[We("span",{className:"k-event-top-actions",children:We(E,{icon:"caret-alt-up"})}),We("span",{className:"k-event-bottom-actions",children:We(E,{icon:"caret-alt-down"})})]}),r==="vertical"?kl(Nl,{children:[We("span",{className:"k-resize-handle k-resize-n"}),We("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&kl(Nl,{children:[We("span",{className:"k-resize-handle k-resize-w"}),We("span",{className:"k-resize-handle k-resize-e"})]})]})};ke.states=Wh;ke.options=Vh;ke.defaultOptions=Sl;ke.className=an;ke.moduleName=Q;ke.folderName=j;import{jsx as Ua,jsxs as Jh}from"react/jsx-runtime";var $i="k-task",$h=[],Xh={},Xi={markStyle:{backgroundColor:"gold"}},ot=e=>{let{text:t,markStyle:o=Xi.markStyle,recurring:l,closable:r,...d}=e;return Jh("div",{...d,className:n($i,e.className),children:[Ua("span",{className:"k-scheduler-mark",style:o}),l&&Ua(Gl,{icon:"arrow-rotate-cw"}),Ua("span",{className:"k-scheduler-task-text",children:t}),r&&Ua("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:Ua(Gl,{icon:"x"})})]})};ot.states=$h;ot.options=Xh;ot.defaultOptions=Xi;ot.className=$i;ot.moduleName=Q;ot.folderName=j;import{Fragment as u3,jsx as c3,jsxs as p3}from"react/jsx-runtime";import{Fragment as y3,jsx as v3,jsxs as C3}from"react/jsx-runtime";import{jsx as w3,jsxs as M3}from"react/jsx-runtime";import{jsx as P3,jsxs as D3}from"react/jsx-runtime";import{Fragment as qh,jsx as w,jsxs as Re}from"react/jsx-runtime";var Ji=({style:e,...t})=>w(q,{style:e,layout:"flex",view:"day",toolbar:Re(te,{children:[Re(M,{className:"k-scheduler-navigation",children:[w(s,{className:"k-group-start",children:"Today"}),w(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),w(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),w(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),w("span",{className:"k-spacer"}),Re(M,{className:"k-scheduler-views",children:[w(s,{className:"k-group-start",selected:!0,children:"Day"}),w(s,{children:"Week"}),w(s,{children:"Month"}),w(s,{children:"Timeline"}),w(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:w(te,{footer:!0,children:w(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Re(qh,{children:[Re(ue,{as:"div",children:[w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})})]}),Re(de,{as:"div",children:[w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),w(a,{as:"div",cellType:["group"],children:w(T,{className:"k-middle-row",children:w(a,{as:"div",cellType:["slot"]})})})]})}),w(G,{children:Re(T,{children:[w(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(a,{as:"div",cellType:["group"],children:w(T,{children:w(a,{as:"div",cellType:["slot"]})})})]})}),Re(ke,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[w("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),w("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});import{Fragment as Yh,jsx as m,jsxs as le}from"react/jsx-runtime";var qi=({style:e,...t})=>m(q,{style:e,layout:"flex",view:"week",toolbar:le(te,{children:[le(M,{className:"k-scheduler-navigation",children:[m(s,{className:"k-group-start",children:"Today"}),m(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),m(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),m(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),m("span",{className:"k-spacer"}),le(M,{className:"k-scheduler-views",children:[m(s,{className:"k-group-start",children:"Day"}),m(s,{selected:!0,children:"Week"}),m(s,{children:"Month"}),m(s,{children:"Timeline"}),m(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:m(te,{footer:!0,children:m(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:le(Yh,{children:[le(ue,{as:"div",children:[m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),m(a,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})})]}),le(de,{as:"div",children:[m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),m(a,{as:"div",cellType:["group"],children:le(T,{className:"k-middle-row",children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})}),m(G,{children:le(T,{children:[m(a,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),m(a,{as:"div",cellType:["group"],children:le(T,{children:[m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]}),m(a,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});import{jsx as Qh}from"react/jsx-runtime";var Yi="k-calendar-view",ln={orientation:"horizontal",calendarView:"month"},Tl=e=>{let{orientation:t=ln.orientation,calendarView:o=ln.calendarView,gridRole:l,ariaLabelledBy:r,...d}=e;return Qh("div",{...d,className:n(e.className,Yi,`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":r,tabIndex:0}:{},children:e.children})};Tl.className=Yi;Tl.defaultOptions=ln;import{jsx as Fa,jsxs as Qi}from"react/jsx-runtime";var Zi="k-calendar-header",Zh={size:[p.undefined,p.small,p.medium,p.large]},Wa={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},go=e=>{let{calendarTitleText:t=Wa.calendarTitleText,showToday:o=Wa.showToday,showNavigationButtons:l=Wa.showNavigationButtons,orientation:r=Wa.orientation,size:d,calendarView:u,dir:b,titleId:f,...x}=e,y=b==="rtl"?"chevron-right":"chevron-left",k=b==="rtl"?"chevron-left":"chevron-right",h=f||F("calendar-title");return Qi("div",{...x,className:n(e.className,Zi,{"k-vstack":r==="vertical"}),children:[Fa(s,{disabled:u==="century",className:"k-calendar-title",text:t,size:d,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),Fa("span",{className:"k-spacer"}),Qi("span",{className:"k-calendar-nav",children:[l&&Fa(s,{className:"k-calendar-nav-prev",icon:y,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Fa(s,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&Fa(s,{className:"k-calendar-nav-next",icon:k,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};go.options=Zh;go.className=Zi;go.defaultOptions=Wa;import{jsx as ji}from"react/jsx-runtime";var ed="k-calendar-footer",jh={size:[p.undefined,p.small,p.medium,p.large]},td={calendarFooterText:"Tuesday, October 12, 2021"},Va=e=>{let{size:t,calendarFooterText:o=td.calendarFooterText,...l}=e;return ji("div",{...l,className:n(e.className,ed),children:ji(s,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Va.options=jh;Va.className=ed;Va.defaultOptions=td;var Ie="calendar",De=Ie;import{jsx as rn,jsxs as of}from"react/jsx-runtime";var nn="k-calendar",ef=[],tf={size:[p.undefined,p.small,p.medium,p.large]},$a={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ce=e=>{let{size:t,orientation:o=$a.orientation,calendarView:l=$a.calendarView,calendarTitleText:r=$a.calendarTitleText,showCalendarHeader:d=$a.showCalendarHeader,showWeek:u,showCalendarFooter:b,calendarFooterText:f,dir:x,...y}=e,k=F("calendar-title");return of("div",{...y,dir:x,className:n(e.className,nn,D(nn,{size:t}),{"k-week-number":u}),children:[d&&rn(go,{calendarView:l,showToday:!b,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:k}),rn(Tl,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),b&&rn(Va,{calendarFooterText:f,size:t})]})};ce.states=ef;ce.options=tf;ce.className=nn;ce.defaultOptions=$a;ce.moduleName=Ie;ce.folderName=De;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 nf}from"react/jsx-runtime";var od="k-calendar-container",af=[],lf={},rf={},pa=e=>{let{...t}=e;return nf("div",{...t,className:n(e.className,od),children:e.children})};pa.states=af;pa.options=lf;pa.className=od;pa.defaultOptions=rf;pa.moduleName=Ie;pa.folderName=De;import{Fragment as df,jsx as ua,jsxs as cf}from"react/jsx-runtime";var sf=[c.hover,c.focus,c.active,c.selected,c.disabled],i=e=>{let{text:t,headerCell:o,today:l,weekend:r,showOtherMonth:d,weekCell:u,rangeStart:b,rangeMid:f,rangeEnd:x,dayIndicator:y,empty:k,hover:h,focus:A,active:g,selected:B,disabled:K,...I}=e,se=`k-calendar-${o?"th":"td"}`,fe=[e.className,se,H(se,{hover:h,focus:A,active:g,selected:B,disabled:K}),{"k-today":l,"k-weekend":r,"k-other-month":d,"k-alt":u,"k-range-start":b,"k-range-mid":f,"k-range-end":x,"k-empty":k}],Le={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ne=t?Le[t]||t:void 0;return ua("th",{...I,className:n(fe),role:"columnheader",scope:"col","aria-label":Ne,children:u?ua("span",{className:"k-sr-only",children:Ne}):t})}return u?ua("td",{...I,className:n(fe),children:t}):ua("td",{...I,className:n(fe),role:"gridcell",...B?{"aria-selected":"true"}:{},...K?{"aria-disabled":"true"}:{},children:k&&!d?ua(df,{children:"\xA0"}):cf("span",{className:"k-link",children:[t,y&&ua("span",{className:"k-day-indicator"})]})})};i.states=sf;import{jsx as sn,jsxs as pf}from"react/jsx-runtime";var ad="k-calendar-thead",ld={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ma=e=>{let{showWeek:t,cellsText:o=ld.cellsText,...l}=e;return sn("thead",{...l,className:n(e.className,ad),role:"rowgroup",children:pf("tr",{className:"k-calendar-tr",role:"row",children:[t&&sn(i,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,d)=>sn(i,{text:r,headerCell:!0},d))]})})};ma.className=ad;ma.defaultOptions=ld;import{jsx as uf}from"react/jsx-runtime";var rd="k-calendar-tbody",we=e=>{let{...t}=e;return uf("tbody",{...t,className:n(e.className,rd),role:"rowgroup",children:e.children})};we.className=rd;we.moduleName=Ie;we.folderName=De;import{jsx as dn,jsxs as bf}from"react/jsx-runtime";var mf="k-calendar-table",St=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:r,ariaActiveDescendant:d,gridRole:u,...b}=e;return bf("table",{...b,className:n(e.className,mf),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[t&&dn("caption",{className:"k-calendar-caption",children:t}),o&&dn(ma,{showWeek:l}),dn(we,{children:e.children})]})};import{jsx as cn,jsxs as nd}from"react/jsx-runtime";var sd="k-calendar-navigation",Xa=e=>nd("div",{...e,className:n(e.className,sd),children:[cn("span",{className:"k-calendar-navigation-highlight"}),nd("div",{className:"k-content k-scrollable",children:[cn("ul",{className:"k-reset",children:e.children}),cn("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Xa.className=sd;Xa.moduleName=Ie;Xa.folderName=De;import{jsx as ff}from"react/jsx-runtime";var hf="k-calendar-table",pn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return ff("table",{...l,className:n(e.className,hf),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as Nt,jsxs as gl}from"react/jsx-runtime";var id="k-calendar-view",ba={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},ha=e=>{let{orientation:t=ba.orientation,calendarView:o=ba.calendarView,headerText:l=ba.headerText,showWeekdays:r=ba.showWeekdays,showNavigationButtons:d=ba.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:b,gridLabelledBy:f,...x}=e;return gl("div",{...x,className:n(id,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[Nt(go,{showNavigationButtons:d,calendarTitleText:l,orientation:"horizontal"}),r&&gl(pn,{className:"k-calendar-weekdays",tableRole:"table",children:[gl("colgroup",{children:[Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Nt(ma,{cellsText:b,showWeek:u})]}),gl("div",{className:"k-content k-scrollable",role:"none",children:[Nt(pn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),Nt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};ha.className=id;ha.defaultOptions=ba;ha.moduleName=Ie;ha.folderName=De;import{jsx as wl,jsxs as kf}from"react/jsx-runtime";var dd="k-calendar-infinite",xf={size:[p.undefined,p.small,p.medium,p.large]},vf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Cf={2021:"marker",2022:"marker"},yf=(e,t)=>e.map((o,l)=>wl("li",{children:wl("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),Ja={showNavigation:!0,calendarView:"month",navigationItems:vf,navigationMarkerConfig:Cf},he=e=>{let{size:t,showNavigation:o=Ja.showNavigation,calendarView:l=Ja.calendarView,navigationItems:r=Ja.navigationItems,navigationMarkerConfig:d=Ja.navigationMarkerConfig,calendarTitleText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:y,...k}=e,h=F("calendar-infinite-title");return kf("div",{...k,className:n(e.className,"k-calendar",dd,D("k-calendar",{size:t})),children:[o&&wl(Xa,{children:yf(r,d)}),wl(ha,{calendarView:l,headerText:u,showWeekdays:b,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:h,children:e.children})]})};he.options=xf;he.className=dd;he.defaultOptions=Ja;he.moduleName=Ie;he.folderName=De;he.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 Sf}from"react/jsx-runtime";var cd="k-calendar-tr",R=e=>{let{...t}=e;return Sf("tr",{...t,className:n(e.className,cd),role:"row",children:e.children})};R.className=cd;R.moduleName=Ie;R.folderName=De;import{jsx as Nf}from"react/jsx-runtime";var pd="k-calendar-caption",Ke=e=>{let{text:t,scope:o,colSpan:l,rowSpan:r,...d}=e;return Nf("th",{...d,scope:o,colSpan:l,rowSpan:r,className:n(e.className,pd),children:t})};Ke.className=pd;Ke.moduleName=Ie;Ke.folderName=De;import{jsx as at,jsxs as Ml}from"react/jsx-runtime";var ud=({showOtherCentury:e,...t})=>at(ce,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Ml(St,{children:[Ml(R,{children:[at(i,{text:"1990 - 1999"}),at(i,{text:"2000 - 2009"}),at(i,{text:"2010 - 2019",today:!0}),at(i,{text:"2020 - 2029"})]}),Ml(R,{children:[at(i,{text:"2030 - 2039"}),at(i,{text:"2040 - 2049"}),at(i,{text:"2050 - 2059"}),at(i,{text:"2060 - 2069"})]}),Ml(R,{children:[at(i,{text:"2070 - 2079"}),at(i,{text:"2080 - 2089"}),at(i,{text:"2090 - 2099"}),at(i,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as lt,jsxs as Ll}from"react/jsx-runtime";var md=({showOtherDecade:e,...t})=>lt(ce,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ll(St,{children:[Ll(R,{children:[lt(i,{text:"2019",empty:!e}),lt(i,{text:"2020"}),lt(i,{text:"2021",today:!0}),lt(i,{text:"2022"})]}),Ll(R,{children:[lt(i,{text:"2023"}),lt(i,{text:"2024"}),lt(i,{text:"2025"}),lt(i,{text:"2026"})]}),Ll(R,{children:[lt(i,{text:"2027"}),lt(i,{text:"2028"}),lt(i,{text:"2029"}),lt(i,{text:"2030",empty:!e})]})]}),...t});import{jsx as z,jsxs as wo}from"react/jsx-runtime";var bd=({showCaptions:e,showOtherMonth:t,...o})=>z(ce,{calendarView:"month",children:wo(St,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[wo(R,{children:[z(i,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),z(i,{text:"27",showOtherMonth:t,empty:!t}),z(i,{text:"28",showOtherMonth:t,empty:!t}),z(i,{text:"29",showOtherMonth:t,empty:!t}),z(i,{text:"30",showOtherMonth:t,empty:!t}),z(i,{text:"1"}),z(i,{text:"2",weekend:!0})]}),wo(R,{children:[z(i,{text:"3",weekend:!0}),z(i,{text:"4"}),z(i,{text:"5"}),z(i,{text:"6"}),z(i,{text:"7"}),z(i,{text:"8"}),z(i,{text:"9",weekend:!0})]}),wo(R,{children:[z(i,{text:"10",weekend:!0}),z(i,{text:"11"}),z(i,{text:"12",today:!0}),z(i,{text:"13"}),z(i,{text:"14"}),z(i,{text:"15"}),z(i,{text:"16",weekend:!0})]}),wo(R,{children:[z(i,{text:"17",weekend:!0}),z(i,{text:"18"}),z(i,{text:"19"}),z(i,{text:"20"}),z(i,{text:"21"}),z(i,{text:"22"}),z(i,{text:"23",weekend:!0})]}),wo(R,{children:[z(i,{text:"24",weekend:!0}),z(i,{text:"25"}),z(i,{text:"26"}),z(i,{text:"27"}),z(i,{text:"28"}),z(i,{text:"29"}),z(i,{text:"30",weekend:!0})]}),wo(R,{children:[z(i,{text:"31",weekend:!0}),z(i,{text:"1",showOtherMonth:t,empty:!t}),z(i,{text:"2",showOtherMonth:t,empty:!t}),z(i,{text:"3",showOtherMonth:t,empty:!t}),z(i,{text:"4",showOtherMonth:t,empty:!t}),z(i,{text:"5",showOtherMonth:t,empty:!t}),z(i,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as y6,jsxs as k6}from"react/jsx-runtime";import{jsx as rt,jsxs as El}from"react/jsx-runtime";var hd=e=>rt(ce,{calendarView:"year",calendarTitleText:"2019",children:El(St,{children:[El(R,{children:[rt(i,{text:"Jan"}),rt(i,{text:"Feb"}),rt(i,{text:"Mar"}),rt(i,{text:"Apr"})]}),El(R,{children:[rt(i,{text:"May"}),rt(i,{text:"Jun"}),rt(i,{text:"Jul"}),rt(i,{text:"Au"})]}),El(R,{children:[rt(i,{text:"Sep"}),rt(i,{text:"Oct",today:!0}),rt(i,{text:"Nov"}),rt(i,{text:"Dec"})]})]}),...e});import{Fragment as Tf,jsx as O,jsxs as Wt}from"react/jsx-runtime";var fd=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>O(he,{calendarTitleText:"January 2021",children:Wt(Tf,{children:[Wt("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),Wt(we,{children:[O(R,{"aria-hidden":"true",children:O(Ke,{scope:"col",colSpan:7,text:e})}),Wt(R,{children:[O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{text:"1"}),O(i,{text:"2",weekend:!0})]}),Wt(R,{children:[O(i,{text:"3",weekend:!0}),O(i,{text:"4"}),O(i,{text:"5"}),O(i,{text:"6"}),O(i,{text:"7"}),O(i,{text:"8"}),O(i,{text:"9",weekend:!0})]}),Wt(R,{children:[O(i,{text:"10",weekend:!0}),O(i,{text:"11"}),O(i,{text:"12"}),O(i,{text:"13"}),O(i,{text:"14"}),O(i,{text:"15"}),O(i,{text:"16",weekend:!0})]}),Wt(R,{children:[O(i,{text:"17",weekend:!0}),O(i,{text:"18"}),O(i,{text:"19"}),O(i,{text:"20"}),O(i,{text:"21"}),O(i,{text:"22"}),O(i,{text:"23",weekend:!0})]}),Wt(R,{children:[O(i,{text:"24",weekend:!0}),O(i,{text:"25"}),O(i,{text:"26"}),O(i,{text:"27"}),O(i,{text:"28"}),O(i,{text:"29"}),O(i,{text:"30",weekend:!0})]}),Wt(R,{children:[O(i,{text:"31",weekend:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0})]})]}),O(we,{children:O(R,{"aria-hidden":"true",children:O(Ke,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as gf,jsx as X,jsxs as Bt}from"react/jsx-runtime";var xd=({firstCaption:e="2021",secondCaption:t="2022",...o})=>X(he,{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:Bt(gf,{children:[Bt("colgroup",{children:[X("col",{}),X("col",{}),X("col",{}),X("col",{})]}),Bt(we,{children:[X(R,{"aria-hidden":"true",children:X(Ke,{scope:"col",colSpan:4,text:e})}),Bt(R,{children:[X(i,{text:"Jan",today:!0}),X(i,{text:"Feb"}),X(i,{text:"Mar"}),X(i,{text:"Apr"})]}),Bt(R,{children:[X(i,{text:"May"}),X(i,{text:"Jun"}),X(i,{text:"Jul"}),X(i,{text:"Aug"})]}),Bt(R,{children:[X(i,{text:"Sep"}),X(i,{text:"Oct"}),X(i,{text:"Nov"}),X(i,{text:"Dec"})]})]}),Bt(we,{children:[X(R,{"aria-hidden":"true",children:X(Ke,{scope:"col",colSpan:4,text:t})}),Bt(R,{children:[X(i,{text:"Jan"}),X(i,{text:"Feb"}),X(i,{text:"Mar"}),X(i,{text:"Apr"})]}),Bt(R,{children:[X(i,{text:"May"}),X(i,{text:"Jun"}),X(i,{text:"Jul"}),X(i,{text:"Aug"})]}),Bt(R,{children:[X(i,{text:"Sep"}),X(i,{text:"Oct"}),X(i,{text:"Nov"}),X(i,{text:"Dec"})]})]})]}),...o});import{Fragment as wf,jsx as J,jsxs as Pt}from"react/jsx-runtime";var vd=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>J(he,{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:Pt(wf,{children:[Pt("colgroup",{children:[J("col",{}),J("col",{}),J("col",{}),J("col",{})]}),Pt(we,{children:[J(R,{"aria-hidden":"true",children:J(Ke,{scope:"col",colSpan:4,text:e})}),Pt(R,{children:[J(i,{text:"2020",today:!0}),J(i,{text:"2021"}),J(i,{text:"2022"}),J(i,{text:"2023"})]}),Pt(R,{children:[J(i,{text:"2024"}),J(i,{text:"2025"}),J(i,{text:"2026"}),J(i,{text:"2027"})]}),Pt(R,{children:[J(i,{text:"2028"}),J(i,{text:"2029"}),J(i,{empty:!0}),J(i,{empty:!0})]})]}),Pt(we,{children:[J(R,{"aria-hidden":"true",children:J(Ke,{scope:"col",colSpan:4,text:t})}),Pt(R,{children:[J(i,{text:"2030"}),J(i,{text:"2031"}),J(i,{text:"2032"}),J(i,{text:"2033"})]}),Pt(R,{children:[J(i,{text:"2034"}),J(i,{text:"2035"}),J(i,{text:"2036"}),J(i,{text:"2037"})]}),Pt(R,{children:[J(i,{text:"2038"}),J(i,{text:"2039"}),J(i,{empty:!0}),J(i,{empty:!0})]})]})]}),...o});import{Fragment as Mf,jsx as Se,jsxs as fa}from"react/jsx-runtime";var Cd=({firstCaption:e="2000 - 2099",...t})=>Se(he,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:fa(Mf,{children:[fa("colgroup",{children:[Se("col",{}),Se("col",{}),Se("col",{}),Se("col",{})]}),fa(we,{children:[Se(R,{"aria-hidden":"true",children:Se(Ke,{scope:"col",colSpan:4,text:e})}),fa(R,{children:[Se(i,{text:"1900 - 1999"}),Se(i,{text:"2000 - 2009"}),Se(i,{text:"2010 - 2019"}),Se(i,{text:"2020 - 2029"})]}),fa(R,{children:[Se(i,{text:"2030 - 2039"}),Se(i,{text:"2040 - 2049"}),Se(i,{text:"2050 - 2059"}),Se(i,{text:"2060 - 2069"})]}),fa(R,{children:[Se(i,{text:"2070 - 2079"}),Se(i,{text:"2080 - 2089"}),Se(i,{text:"2090 - 2099"}),Se(i,{empty:!0})]})]})]}),...t});import{Fragment as U6,jsx as z6,jsxs as G6}from"react/jsx-runtime";import{jsx as $6,jsxs as X6}from"react/jsx-runtime";import{Fragment as j6,jsx as Q6,jsxs as Z6}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var Lf=ce.options,Ef=ce.states,yd={...ce.defaultOptions,variant:"month"},Af=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Rf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],xa=e=>{let{variant:t,modifiers:o,...l}={...yd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return Al(ud,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return Al(md,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Al(hd,{calendarTitleText:"2021",size:l.size,showCalendarFooter:f});default:return Al(bd,{size:l.size,showOtherMonth:d,showCalendarFooter:f})}};xa.options=Lf;xa.states=Ef;xa.variants=Af;xa.defaultOptions=yd;xa.modifiers=Rf;xa.className=ce.className;import{jsx as Rl}from"react/jsx-runtime";var If=he.options,Of=he.states,kd={...he.defaultOptions,variant:"month"},Bf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Pf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],va=e=>{let{variant:t,modifiers:o,...l}={...kd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:b,showCalendarFooter:f}=r;switch(t){case"century":return Rl(Cd,{size:l.size,showOtherCentury:b,showCalendarFooter:f});case"decade":return Rl(vd,{size:l.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Rl(xd,{size:l.size,showCalendarFooter:f});default:return Rl(fd,{size:l.size,showOtherMonth:d,showCalendarFooter:f})}};va.options=If;va.states=Of;va.variants=Bf;va.defaultOptions=kd;va.modifiers=Pf;va.className=he.className;import{jsx as Z5,jsxs as j5}from"react/jsx-runtime";import{Fragment as Df,jsx as N,jsxs as Xe}from"react/jsx-runtime";var Sd=({style:e,...t})=>N(q,{style:e,layout:"flex",view:"month",toolbar:Xe(te,{children:[Xe(M,{className:"k-scheduler-navigation",children:[N(s,{className:"k-group-start",children:"Today"}),N(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),N(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),N(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),N("span",{className:"k-spacer"}),Xe(M,{className:"k-scheduler-views",children:[N(s,{className:"k-group-start",children:"Day"}),N(s,{children:"Week"}),N(s,{selected:!0,children:"Month"}),N(s,{children:"Timeline"}),N(s,{className:"k-group-end",children:"Agenda"})]})]}),children:Xe(Df,{children:[N(ue,{as:"div",children:N(G,{children:N(T,{children:N(a,{as:"div",cellType:["group"],children:Xe(T,{children:[N(a,{as:"div",cellType:["heading"],text:"Sunday"}),N(a,{as:"div",cellType:["heading"],text:"Monday"}),N(a,{as:"div",cellType:["heading"],text:"Tuesday"}),N(a,{as:"div",cellType:["heading"],text:"Wednesday"}),N(a,{as:"div",cellType:["heading"],text:"Tuesday"}),N(a,{as:"div",cellType:["heading"],text:"Friday"}),N(a,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),Xe(de,{as:"div",children:[N(G,{children:N(T,{children:Xe(a,{as:"div",cellType:["group"],children:[Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"01"})]}),Xe(T,{children:[Xe(a,{as:"div",cellType:["slot"],children:[N("span",{className:"k-link k-nav-day",children:"02"}),N(s,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),N(a,{as:"div",cellType:["slot"],text:"03"}),N(a,{as:"div",cellType:["slot"],text:"04"}),N(a,{as:"div",cellType:["slot"],text:"05"}),N(a,{as:"div",cellType:["slot"],text:"06"}),N(a,{as:"div",cellType:["slot"],text:"07"}),N(a,{as:"div",cellType:["slot"],text:"08"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"09"}),N(a,{as:"div",cellType:["slot"],text:"10"}),N(a,{as:"div",cellType:["slot"],text:"11"}),N(a,{as:"div",cellType:["slot"],text:"12"}),N(a,{as:"div",cellType:["slot"],text:"13"}),N(a,{as:"div",cellType:["slot"],text:"14"}),N(a,{as:"div",cellType:["slot"],text:"15"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"16"}),N(a,{as:"div",cellType:["slot"],text:"17"}),N(a,{as:"div",cellType:["slot"],text:"18"}),N(a,{as:"div",cellType:["slot"],text:"19"}),N(a,{as:"div",cellType:["slot"],text:"20"}),N(a,{as:"div",cellType:["slot"],text:"21"}),N(a,{as:"div",cellType:["slot"],text:"22"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"23"}),N(a,{as:"div",cellType:["slot"],text:"24"}),N(a,{as:"div",cellType:["slot"],text:"25"}),N(a,{as:"div",cellType:["slot"],text:"26"}),N(a,{as:"div",cellType:["slot"],text:"27"}),N(a,{as:"div",cellType:["slot"],text:"28"}),N(a,{as:"div",cellType:["slot"],text:"29"})]}),Xe(T,{children:[N(a,{as:"div",cellType:["slot"],text:"30"}),N(a,{as:"div",cellType:["slot"],text:"31"}),N(a,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),N(a,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 1 Title"})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 2 Title"})})}),N(ke,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 3 Title"})})}),N(ke,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});import{Fragment as Kf,jsx as L,jsxs as Vt}from"react/jsx-runtime";var Nd=({style:e,...t})=>L(q,{style:e,layout:"flex",view:"timeline",toolbar:Vt(te,{children:[Vt(M,{className:"k-scheduler-navigation",children:[L(s,{className:"k-group-start",children:"Today"}),L(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),L(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),L(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),L("span",{className:"k-spacer"}),Vt(M,{className:"k-scheduler-views",children:[L(s,{className:"k-group-start",children:"Day"}),L(s,{children:"Week"}),L(s,{children:"Month"}),L(s,{selected:!0,children:"Timeline"}),L(s,{className:"k-group-end",children:"Agenda"})]})]}),footer:L(te,{footer:!0,children:L(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Vt(Kf,{children:[L(ue,{as:"div",style:{width:"1874px"},children:L(G,{children:Vt(T,{children:[L(ca,{children:L(a,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),Vt(a,{as:"div",cellType:["group"],children:[L(T,{children:L(a,{as:"div",cellType:["heading"],text:"June 21"})}),Vt(T,{children:[L(a,{as:"div",cellType:["heading"],children:"8:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"9:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"10:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"11:00 AM"}),L(a,{as:"div",cellType:["heading"],children:"12:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"1:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"2:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"3:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"4:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"5:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"6:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"7:00 PM"}),L(a,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),L(de,{as:"div",style:{width:"1874px",minHeight:"100px"},children:L(G,{children:Vt(T,{children:[L(ca,{children:L(a,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),L(a,{as:"div",cellType:["group"],children:Vt(T,{children:[L(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),L(a,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]}),L(a,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});import{Fragment as f9,jsx as b9,jsxs as h9}from"react/jsx-runtime";import{Fragment as N9,jsx as k9,jsxs as S9}from"react/jsx-runtime";import{Fragment as A9,jsx as L9,jsxs as E9}from"react/jsx-runtime";import{Fragment as K9,jsx as P9,jsxs as D9}from"react/jsx-runtime";import{Fragment as Hf,jsx as P,jsxs as Me}from"react/jsx-runtime";var Td=({style:e,...t})=>P(q,{style:e,layout:"flex",view:"agenda",toolbar:Me(te,{children:[Me(M,{className:"k-scheduler-navigation",children:[P(s,{className:"k-group-start",children:"Today"}),P(s,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),P(s,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),P(s,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),P("span",{className:"k-spacer"}),Me(M,{className:"k-scheduler-views",children:[P(s,{className:"k-group-start",children:"Day"}),P(s,{children:"Week"}),P(s,{children:"Month"}),P(s,{children:"Timeline"}),P(s,{className:"k-group-end",selected:!0,children:"Agenda"})]})]}),children:Me(Hf,{children:[P(ue,{as:"div",role:"rowgroup",children:P(G,{orientation:"vertical",role:"presentation",children:P(T,{role:"presentation",children:P(a,{as:"div",className:"k-group-content",role:"presentation",children:Me(T,{role:"row",children:[P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),P(a,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),P(de,{as:"div",role:"rowgroup",children:Me(G,{orientation:"vertical",role:"presentation",children:[Me(T,{className:"k-scheduler-content",role:"row",children:[P(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Me("div",{children:[P("strong",{className:"k-scheduler-agendaday",children:"25"}),P("em",{className:"k-scheduler-agendaweek",children:"Monday"}),P("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Me(a,{as:"div",className:"k-group-content",role:"gridcell",children:[Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"11:30 AM-1:00 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 1 Title",closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"12:45 PM-2:30 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"all day"})}),P(a,{as:"div",children:P(ot,{text:"Task 3 Title",closable:!0})})]})]})]}),Me(T,{className:"k-scheduler-content",role:"row",children:[P(a,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Me("div",{children:[P("strong",{className:"k-scheduler-agendaday",children:"25"}),P("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),P("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Me(a,{as:"div",className:"k-group-content",role:"gridcell",children:[Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"9:30 AM-11:00 AM"})}),P(a,{as:"div",children:P(ot,{text:"Task 1 Title",closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"3:00 PM-4:30 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Me(T,{children:[P(a,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:P("div",{children:"6:00 PM-7:00 PM"})}),P(a,{as:"div",children:P(ot,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});import{Fragment as Ff,jsx as so}from"react/jsx-runtime";var _f=q.options,zf=q.states,gd={...q.defaultOptions,variant:"day"},Gf=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],Uf=[{name:"footer",title:"Footer"}],Mo=e=>{let{variant:t,modifiers:o,...l}={...gd,...e},r=so(Ff,{children:so(te,{footer:!0,children:so(s,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),d={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(d.footer=o?.[u]?r:void 0)}),t){case"agenda":return so(Td,{style:{height:"350px",width:"100%"},...l,...d});case"timeline":return so(Nd,{style:{height:"350px",width:"100%"},...l,...d});case"month":return so(Sd,{style:{height:"350px",width:"100%"},...l,...d});case"week":return so(qi,{style:{height:"350px",width:"100%"},...l,...d});default:return so(Ji,{style:{height:"350px",width:"100%"},...l,...d})}};Mo.options=_f;Mo.states=zf;Mo.variants=Gf;Mo.defaultOptions=gd;Mo.modifiers=Uf;Mo.className=q.className;var I7=Mo;export{Mo as SchedulerDemo,I7 as default};
+var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var P=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),H=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:u,active:m,selected:f,disabled:x,indeterminate:y,loading:k,empty:h,readonly:E,highlighted:T,...B}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":u,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":y&&!u,"k-loading":k,"k-empty":h,"k-readonly":E,"k-highlighted":T},Object.keys(B).reduce((_,I)=>(I.startsWith("k-")?_[I]=B[I]:_[`k-${I}`]=B[I],_),{}))};function yn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 zl={};function W(e){return zl[e]=(zl[e]||0)+1,`k-${e}-${zl[e]}`}var Z="scheduler",ee=Z;import{jsx as Gd}from"react/jsx-runtime";var kn="k-scheduler-layout",Hd=[],_d={},zd={},uo=e=>{let{as:t="div",view:o,...a}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return Gd(t,{...a,className:n(e.className,kn,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};uo.states=Hd;uo.options=_d;uo.className=kn;uo.defaultOptions=zd;uo.moduleName=Z;uo.folderName=ee;var Sn=uo;import{jsx as Vd,jsxs as $d}from"react/jsx-runtime";var Nn="k-scheduler",Ud=[],Fd={},Wd={},Y=e=>{let{view:t,toolbar:o,footer:a,layout:r,...s}=e;return $d("div",{...s,className:n(e.className,Nn),role:"application",children:[o,Vd(Sn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),a]})};Y.states=Ud;Y.options=Fd;Y.className=Nn;Y.defaultOptions=Wd;Y.moduleName=Z;Y.folderName=ee;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-caret-alt-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-caret-alt-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{Fragment as Yd,jsx as gn}from"react/jsx-runtime";var Gl="k-font-icon",Xd=[],Jd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},qd={},ka=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...u}=e;return a?gn("span",{...u,className:n(e.className,Gl,P(Gl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):gn(Yd,{})};ka.states=Xd;ka.options=Jd;ka.className=Gl;ka.defaultOptions=qd;var Tn=ka;import{Fragment as jd,jsx as Za}from"react/jsx-runtime";var Ul="k-svg-icon",Qd=[],Zd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},wn={viewBox:"0 0 24 24"},Sa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=wn.viewBox,icon:u,...m}=e;if(!u)return Za(jd,{});if(u==="none")return Za("span",{...m,className:n(e.className,Ul,P("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof u=="object"&&u.name&&u.name;return Za("span",{...m,className:n(e.className,Ul,P("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:s,dangerouslySetInnerHTML:typeof u=="object"?{__html:u.content}:void 0,children:u?void 0:e.children})})};Sa.states=Qd;Sa.options=Zd;Sa.className=Ul;Sa.defaultOptions=wn;var Fl=Sa;import*as Wl from"@progress/kendo-svg-icons";var Mn="icon",Ln="icons";import{useContext as tc}from"react";import{createContext as ec}from"react";var En=ec({iconsType:"svg"});import{Fragment as An,jsx as Na}from"react/jsx-runtime";var ja="k-icon",oc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ac=[],lc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark]},Vl={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=tc(En),{size:o,themeColor:a,icon:r,type:s=t||Vl.type,rotate:u,flip:m,viewBox:f=Vl.viewBox,...x}=e;if(!r)return Na(An,{});if((t||s)==="svg"){if(r==="none")return Na(Fl,{...x,className:n(e.className,ja),icon:r,size:o});let k=Wl[r]?r:oc(`${r}-icon`);return Wl[k]?Na(Fl,{...x,className:n(e.className,ja),icon:Wl[k],size:o,themeColor:a,rotate:u,flip:m,viewBox:f}):Na(An,{})}return Na(Tn,{...x,className:n(e.className,ja),icon:r,size:o,themeColor:a,rotate:u,flip:m})};L.states=ac;L.options=lc;L.defaultOptions=Vl;L.className=ja;L.moduleName=Mn;L.folderName=Ln;L.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 $l=L;var Xl="button",Rn=Xl;import{Fragment as ic,jsx as ga,jsxs as In}from"react/jsx-runtime";var Ta="k-button",rc=["icon-button"],nc=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],sc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Jl={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:u=Jl.showArrow,arrowIconName:m=Jl.arrowIconName,variant:f,hover:x,focus:y,active:k,selected:h,disabled:E,togglable:T,ariaDisabled:B,icon:_,text:I,iconClassName:V,className:ie,...Ce}=e,Ae=_!==void 0,Te=e.children!==void 0;return In(t,{className:n(ie,Ta,yn(Ta,f),P(Ta,{size:o,rounded:a,fillMode:r,themeColor:s}),H(Ta,{hover:x,focus:y,active:k,disabled:E||B,selected:h}),{"k-icon-button":!I&&!Te&&Ae}),...Ce,"aria-pressed":T?h?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:E||void 0,children:[_&&ga(L,{className:n(V,"k-button-icon"),icon:_}),I?In(ic,{children:[I&&ga("span",{className:"k-button-text",children:I}),e.children]}):e.children&&ga("span",{className:"k-button-text",children:e.children}),u&&ga("span",{className:"k-menu-button-arrow k-button-arrow",children:ga(L,{icon:m})})]})};d.states=nc;d.options=sc;d.variants=rc;d.className=Ta;d.defaultOptions=Jl;d.moduleName=Xl;d.folderName=Rn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as dc}from"react/jsx-runtime";var qt=e=>dc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as cc}from"react/jsx-runtime";var wa=e=>cc(d,{icon:"folder",children:"Button",...e});import{jsx as pc}from"react/jsx-runtime";var mo=e=>pc(d,{children:"Button",...e});import{jsx as ql}from"react/jsx-runtime";var uc=d.options,mc=d.states,bc={...d.defaultOptions,variant:"text"},hc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fc=[],Ao=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ql(qt,{...o,icon:"star"});case"icon-and-text":return ql(wa,{...o,icon:"star",children:"Button"});default:return ql(mo,{...o,children:"Button"})}};Ao.options=uc;Ao.states=mc;Ao.variants=hc;Ao.defaultOptions=bc;Ao.modifiers=fc;Ao.className=d.className;var Yl="button",On=Yl;import{jsx as yc}from"react/jsx-runtime";var Ma="k-button-group",xc=[c.disabled],Cc={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},vc={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return yc("div",{role:"group",...r,className:n(e.className,Ma,P(Ma,{fillMode:t}),H(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=xc;R.options=Cc;R.className=Ma;R.defaultOptions=vc;R.moduleName=Yl;R.folderName=On;R.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};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 bv,jsx as mv,jsxs as hv}from"react/jsx-runtime";import{jsx as Ht,jsxs as Ql}from"react/jsx-runtime";var kc={...d.options,...R.options},Sc=d.states,Nc={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},gc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Tc=[],Ro=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,icon:"star"}),Ht(d,{...a,icon:"star"}),Ht(d,{...a,icon:"star"})]}):t==="icon-text-button"?Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,icon:"star",children:"First"}),Ht(d,{...a,icon:"star",children:"Middle"}),Ht(d,{...a,icon:"star",children:"Last"})]}):Ql(R,{fillMode:a.fillMode,className:o,children:[Ht(d,{...a,children:"First"}),Ht(d,{...a,children:"Middle"}),Ht(d,{...a,children:"Last"})]})};Ro.options=kc;Ro.states=Sc;Ro.variants=gc;Ro.defaultOptions=Nc;Ro.modifiers=Tc;Ro.className=R.className;var Zl="segmented-control",Bn=Zl,Pn="segmented-control-button",Dn="segmented-control";import{jsx as Lc,jsxs as Ec}from"react/jsx-runtime";var el="k-segmented-control",wc=[],Mc={size:[p.undefined,p.small,p.medium,p.large]},de=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return Ec("div",{...s,className:n(e.className,el,P(el,{size:t}),{[`${el}-stretched`]:o}),role:"group",children:[Lc("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};de.states=wc;de.options=Mc;de.className=el;de.moduleName=Zl;de.folderName=Bn;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 Kn,jsxs as Oc}from"react/jsx-runtime";var jl="k-segmented-control-button",Ac=[c.selected,c.hover,c.focus,c.disabled],Rc={},Ic={},K=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:u,iconClassName:m,...f}=e;return Oc("button",{...f,className:n(e.className,jl,H(jl,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&Kn(L,{className:n(m,"k-segmented-control-button-icon"),icon:s}),(u||e.children)&&Kn("span",{className:"k-segmented-control-button-text",children:u||e.children})]})};K.states=Ac;K.options=Rc;K.className=jl;K.defaultOptions=Ic;K.moduleName=Pn;K.folderName=Dn;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";var La="input",al=La;import{jsx as Kc}from"react/jsx-runtime";var ll="k-input",Bc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Pc={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Dc={},ve=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m,size:f,rounded:x,fillMode:y,...k}=e;return Kc("span",{...k,className:n(e.className,ll,P(ll,{size:f,rounded:x,fillMode:y}),H(ll,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m}))})};ve.states=Bc;ve.options=Pc;ve.className=ll;ve.defaultOptions=Dc;ve.moduleName=La;ve.folderName=al;import{jsx as Gc}from"react/jsx-runtime";var rl="k-picker",Hc=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],_c={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},zc={},wt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m,size:f,rounded:x,fillMode:y,...k}=e;return Gc("span",{...k,className:n(e.className,rl,P(rl,{size:f,rounded:x,fillMode:y}),H(rl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:m})),children:e.children})};wt.states=Hc;wt.options=_c;wt.className=rl;wt.defaultOptions=zc;wt.moduleName=La;wt.folderName=al;import{Fragment as Wc,jsx as er}from"react/jsx-runtime";var Hn="k-clear-value",Uc=[c.disabled,c.loading,c.readonly],Fc={},Qe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?er(Wc,{}):er("span",{className:n(e.className,Hn),children:er(L,{icon:"x"})})};Qe.states=Uc;Qe.options=Fc;Qe.className=Hn;import{jsx as Xc}from"react/jsx-runtime";var tr="k-input-inner",Vc=[],$c={},nl={type:"text",autocomplete:"off",value:"",placeholder:""},Ze=e=>{let{value:t=nl.value,type:o=nl.type,placeholder:a=nl.placeholder,autocomplete:r=nl.autocomplete,disabled:s,readOnly:u,...m}=e;return Xc("input",{...m,type:o,className:n(e.className,tr,P(tr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};Ze.states=Vc;Ze.options=$c;Ze.className=tr;import{jsx as _n,jsxs as Yc}from"react/jsx-runtime";var or="k-input-inner",Jc=[],qc={},bo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...u}=e;return Yc("span",{...u,className:n(e.className,or,P(or,e)),children:[r,!r&&s&&_n(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&_n("span",{className:"k-input-value-text",children:t})]})};bo.states=Jc;bo.options=qc;bo.className=or;import{jsx as jc}from"react/jsx-runtime";var ar="k-input-inner",Qc=[],Zc={},zn={value:"",placeholder:""},lr=e=>{let{value:t=zn.value,placeholder:o=zn.placeholder,rows:a,disabled:r,...s}=e;return jc("textarea",{...s,className:n(e.className,ar,P(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};lr.states=Qc;lr.options=Zc;lr.className=ar;import{Fragment as tp,jsx as Gn}from"react/jsx-runtime";var Un="k-input-loading-icon",ep=[c.disabled,c.loading],Xe=e=>{let{disabled:t,loading:o}=e;return t||!o?Gn(tp,{}):Gn("span",{className:n(e.className,Un,"k-icon k-i-loading")})};Xe.states=ep;Xe.className=Un;import{Fragment as lp,jsx as Fn}from"react/jsx-runtime";var Wn="k-input-validation-icon",op=[c.valid,c.invalid,c.disabled,c.loading],ap={},ze=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?Fn(lp,{}):Fn(L,{className:n(Wn),icon:s})};ze.states=op;ze.options=ap;ze.className=Wn;import{Fragment as sp,jsx as Vn}from"react/jsx-runtime";var rp="k-input-prefix",np={direction:"horizontal"},it=e=>{let{direction:t=np.direction,...o}=e;return e.children?Vn("span",{...o,className:n(rp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Vn(sp,{})};import{Fragment as cp,jsx as $n}from"react/jsx-runtime";var ip="k-input-suffix",dp={direction:"horizontal"},dt=e=>{let{direction:t=dp.direction,...o}=e;return e.children?$n("span",{...o,className:n(ip,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$n(cp,{})};import{jsx as bk}from"react/jsx-runtime";import{jsx as up}from"react/jsx-runtime";var pp="k-input-suffix-text",rr=e=>{let{children:t,...o}=e;return up("span",{...o,className:n(pp,e.className),children:t})};import{jsx as bp}from"react/jsx-runtime";var Xn="k-input-separator",mp={direction:"vertical"},ct=e=>{let{direction:t=mp.direction,...o}=e;return bp("span",{...o,className:n(Xn,e.className,{[`${Xn}-${t}`]:t})})};import{Fragment as Jn,jsx as Mt,jsxs as nr}from"react/jsx-runtime";var hp=ve.states,fp=ve.defaultOptions,xp=ve.options,Cp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vp=[],Io=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:u,...m}=e,f=t?.prefix,x=t?.suffix,y=t?.["clear-button"],k=t?.["validation-icon"],h=t?.separators;return nr(ve,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:u,style:{width:300},children:[f&&nr(Jn,{children:[Mt(it,{children:Mt(L,{icon:"lock"})}),h&&Mt(ct,{})]}),Mt(Ze,{placeholder:"Placeholder",value:"Value"}),k&&Mt(ze,{valid:o,invalid:a,loading:r,disabled:s}),Mt(Xe,{loading:r,disabled:s}),y&&Mt(Qe,{loading:r,disabled:s,readonly:u,value:"Value"}),x&&nr(Jn,{children:[h&&Mt(ct,{}),Mt(dt,{children:Mt(mo,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Io.options=xp;Io.states=hp;Io.variants=vp;Io.defaultOptions=fp;Io.modifiers=Cp;Io.className=ve.className;import{jsx as qn,jsxs as Sp}from"react/jsx-runtime";var Yn="k-color-preview",yp=[],kp={},Yt=e=>{let{color:t,iconName:o,...a}=e;return Sp("span",{...a,className:n(e.className,Yn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&qn(L,{icon:o,className:"k-color-preview-icon"}),qn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Yt.states=yp;Yt.options=kp;Yt.className=Yn;var sr="popup",Qn=sr;import{jsx as Zn}from"react/jsx-runtime";var jn="k-animation-container",Np=[],gp={},es={positionMode:"absolute"},Lt=e=>{let{positionMode:t=es.positionMode,animationStyle:o,offset:a,...r}=e;return Zn("div",{...r,style:{...a,...e.style},className:n(e.className,jn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Zn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Lt.states=Np;Lt.options=gp;Lt.className=jn;Lt.defaultOptions=es;Lt.moduleName=sr;Lt.folderName=Qn;var ir="popup",ts=ir;import{jsx as os}from"react/jsx-runtime";var as="k-popup",Tp=[],wp={},ls={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=ls.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:u,...m}=e;return os(Lt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":u,children:os("div",{...m,className:n(e.className,as),children:e.children})})};ce.states=Tp;ce.options=wp;ce.className=as;ce.defaultOptions=ls;ce.moduleName=ir;ce.folderName=ts;ce.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 dr="action-buttons",rs=dr;import{jsx as Ep}from"react/jsx-runtime";var sl="k-actions",Mp=[],Lp={},cr={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Ep("div",{...a,className:n(sl,{[`${sl}-${t}`]:t,[`${sl}-${o}`]:o},e.className),children:e.children})};Et.states=Mp;Et.options=Lp;Et.className=sl;Et.defaultOptions=cr;Et.moduleName=dr;Et.folderName=rs;import{jsx as Rp}from"react/jsx-runtime";var Ap="k-actionsheet-footer",ns={alignment:"stretched",orientation:"horizontal"},Qt=e=>{let{alignment:t=ns.alignment,orientation:o=ns.orientation,template:a,as:r=a?"div":Et,...s}=e;return Rp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Ap),children:e.children})};var pr="searchbox",ss=pr;import{jsx as Ea,jsxs as Bp}from"react/jsx-runtime";var is="k-searchbox",Ip=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],Op={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},ur={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:u,focus:m,valid:f,invalid:x,required:y,loading:k,disabled:h,showIcon:E=ur.showIcon,icon:T=ur.icon,"aria-label":B,..._}=e;return Bp(ve,{..._,size:a,rounded:r,fillMode:s,hover:u,focus:m,valid:f,invalid:x,required:y,loading:k,disabled:h,className:n(e.className,is),children:[E&&Ea(L,{className:"k-input-icon",icon:T}),Ea(Ze,{placeholder:o,value:t,"aria-label":B}),Ea(Xe,{...e}),Ea(ze,{...e}),Ea(Qe,{...e})]})};pt.states=Ip;pt.options=Op;pt.className=is;pt.defaultOptions=ur;pt.moduleName=pr;pt.folderName=ss;import{jsx as _S}from"react/jsx-runtime";var mr="textbox",ds=mr;import{Fragment as cs,jsx as Zt,jsxs as br}from"react/jsx-runtime";var ps="k-textbox",Pp=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Dp={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},il={showClearButton:!0,showValidationIcon:!0,separators:!0},Re=e=>{let{size:t,rounded:o,fillMode:a,separators:r=il.separators,showClearButton:s=il.showClearButton,showValidationIcon:u=il.showValidationIcon,prefix:m,suffix:f,type:x,value:y,placeholder:k,hover:h,focus:E,valid:T,invalid:B,required:_,loading:I,disabled:V,readonly:ie,id:Ce,"aria-label":Ae,"aria-describedby":Te,...Ye}=e;return br(ve,{...Ye,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:T,invalid:B,required:_,loading:I,disabled:V,readonly:ie,className:n(e.className,ps),children:[m&&br(cs,{children:[Zt(it,{children:m}),r&&Zt(ct,{})]}),Zt(Ze,{id:Ce,placeholder:k,value:y,type:x,disabled:V,"aria-label":Ae,"aria-describedby":Te,"aria-invalid":B?"true":void 0}),u&&Zt(ze,{valid:T,invalid:B,loading:I,disabled:V}),Zt(Xe,{loading:I,disabled:V}),s&&Zt(Qe,{loading:I,disabled:V,readonly:ie,value:y}),f&&br(cs,{children:[r&&Zt(ct,{}),Zt(dt,{children:f})]})]})};Re.states=Pp;Re.options=Dp;Re.className=ps;Re.defaultOptions=il;Re.moduleName=mr;Re.folderName=ds;Re.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Aa=Re;import{jsx as Kp}from"react/jsx-runtime";var us=e=>Kp(Aa,{...e});import{Fragment as aN,jsx as oN}from"react/jsx-runtime";import{Fragment as dN,jsx as iN}from"react/jsx-runtime";import{jsx as mN}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var Hp=Re.states,_p=Re.defaultOptions,zp=Re.options,Gp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Up=[],Oo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?hr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?hr(mo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),hr(us,{value:"Value",style:{width:300},...o,...a})};Oo.options=zp;Oo.states=Hp;Oo.variants=Up;Oo.defaultOptions=_p;Oo.modifiers=Gp;Oo.className=Re.className;import{jsx as jt,jsxs as fr}from"react/jsx-runtime";var ms="k-actionsheet-titlebar",Fp={},Ge=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:u,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:y,children:k,...h}=e;return fr("div",{...h,className:n(e.className,ms),children:[fr("div",{className:"k-actionsheet-titlebar-group",children:[a&&jt("div",{className:"k-actionsheet-actions",children:a}),!k&&fr("div",{className:"k-actionsheet-title",id:y,children:[t&&jt("div",{className:"k-text-center",children:t}),o&&jt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&jt("div",{className:"k-actionsheet-title",id:y,children:k}),r&&jt("div",{className:"k-actionsheet-actions",children:r})]}),(u||s)&&jt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?jt(Re,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):jt(pt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ge.className=ms;Ge.defaultOptions=Fp;import{jsx as xr,jsxs as Xp}from"react/jsx-runtime";var Cr="k-actionsheet-view",Wp=[],Vp={},$p={},Bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:u,...m}=e,f=r?.type===Ge&&xr(Ge,{adaptive:t,titleId:u,...r?.props}),x=s?.type===Qt&&xr(Qt,{...s?.props});return Xp("div",{...m,className:n(e.className,Cr,{[`${Cr}-animated`]:o}),children:[f,xr("div",{className:"k-actionsheet-content",children:a}),x]})};Bo.states=Wp;Bo.options=Vp;Bo.className=Cr;Bo.defaultOptions=$p;var Ra="action-sheet",dl=Ra;var vr="overlay",bs=vr;import{jsx as Qp}from"react/jsx-runtime";var yr="k-overlay",Jp=[],qp={themeColor:[S.undefined,S.light,S.dark,S.inverse]},Yp={},eo=e=>{let{themeColor:t,...o}=e;return Qp("div",{...o,className:n(e.className,yr,P(yr,{themeColor:t})),children:e.children})};eo.states=Jp;eo.options=qp;eo.className=yr;eo.defaultOptions=Yp;eo.moduleName=vr;eo.folderName=bs;import{jsx as cl,jsxs as eu}from"react/jsx-runtime";var hs="k-actionsheet",Zp=[],jp={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:r=Ia.overlay,template:s,children:u,header:m,footer:f,id:x,...y}=e,k=x&&!s&&m?`${x}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[r&&cl(eo,{}),cl(Lt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:cl("div",{...y,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,hs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||cl(Bo,{header:m,footer:f,adaptive:a,titleId:k,...e,children:u})})})]})};he.states=Zp;he.options=jp;he.className=hs;he.defaultOptions=Ia;he.moduleName=Ra;he.folderName=dl;he.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as lu}from"react/jsx-runtime";var fs="k-actionsheet-container",tu=[],ou={},au={},Po=e=>{let{children:t,...o}=e;return lu("div",{...o,className:fs,children:t})};Po.states=tu;Po.options=ou;Po.className=fs;Po.defaultOptions=au;Po.moduleName=Ra;Po.folderName=dl;import{jsx as ru}from"react/jsx-runtime";var kr=e=>{let{...t}=e;return ru("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as su,jsx as Oa,jsxs as Sr}from"react/jsx-runtime";var Nr="k-actionsheet-item",nu=[c.hover,c.focus,c.selected,c.disabled],to=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:u,disabled:m,...f}=e;return Sr("span",{...f,className:n(e.className,Nr,H(Nr,{hover:r,focus:s,selected:u,disabled:m})),children:[!e.children&&Oa(su,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Oa("span",{className:"k-icon-wrap",children:Oa(L,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Oa("span",{className:"k-actionsheet-item-title",children:o}),a&&Oa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};to.states=nu;to.className=Nr;import{jsx as ug,jsxs as mg}from"react/jsx-runtime";import{jsx as xg}from"react/jsx-runtime";import{jsx as kg}from"react/jsx-runtime";import{jsx as Tg}from"react/jsx-runtime";import{jsx as Ie,jsxs as gr}from"react/jsx-runtime";var iu=he.options,du=he.states,Cs={...he.defaultOptions,variant:"normal"},cu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Do=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={},s=gr(kr,{children:[Ie(to,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ie(to,{text:"Add to Favorites",iconName:"heart"}),Ie(to,{text:"Upload New",iconName:"upload",disabled:!0}),Ie("hr",{className:"k-hr"}),Ie(to,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",m="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?u:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Ie(he,{...a,adaptive:!0,fullscreen:r.fullScreen,header:Ie(Ge,{actionsStart:r.actionsStart?Ie(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ie(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?gr(Qt,{alignment:"stretched",children:[Ie(d,{text:"Cancel",size:"large",themeColor:"base"}),Ie(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ie(he,{...a,fullscreen:r.fullScreen,header:Ie(Ge,{actionsStart:r.actionsStart?Ie(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Ie(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?gr(Qt,{alignment:"stretched",children:[Ie(d,{text:"Apply",themeColor:"primary"}),Ie(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Do.options=iu;Do.states=du;Do.variants=cu;Do.defaultOptions=Cs;Do.modifiers=pu;Do.className=he.className;var Tr="slider",vs=Tr;import{jsx as Ko,jsxs as wr}from"react/jsx-runtime";var Ba="k-slider",uu=[c.hover,c.focus,c.active,c.disabled,c.readonly],mu={},ut={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},se=e=>{let{type:t=ut.type,orientation:o=ut.orientation,gradientType:a=ut.gradientType,readonly:r=ut.readonly,disabled:s=ut.disabled,handlePosition:u=ut.handlePosition,showButtons:m=ut.showButtons,showTicks:f=ut.showTicks,value:x=ut.value,min:y=ut.min,max:k=ut.max,startValue:h,endValue:E,hover:T,focus:B,active:_,trackStyle:I,dir:V,...ie}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Te,Ye;return o==="horizontal"?(Te=V==="rtl"?"caret-alt-left":"caret-alt-right",Ye=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Te="caret-alt-up",Ye="caret-alt-down"),wr("div",{...ie,className:n(Ba,e.className,H(Ba,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[m&&Ko(d,{className:"k-button-decrease",rounded:"full",icon:Ye,tabIndex:-1,title:"Decrease"}),wr("div",{className:"k-slider-track-wrap",children:[f&&Ko("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),wr("div",{className:"k-slider-track",style:I,children:[Ko("div",{className:"k-slider-selection"}),t==="range"&&Ko("span",{className:n("k-draghandle","k-draghandle-start",H(Ba,{hover:T,focus:B,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":h??y,"aria-valuemin":y,"aria-valuemax":E??k,"aria-orientation":Ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),Ko("span",{className:n("k-draghandle",`k-draghandle-${u}`,H(Ba,{hover:T,focus:B,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?E??k:x,"aria-valuemin":t==="range"?h??y:y,"aria-valuemax":k,"aria-orientation":Ae,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),m&&Ko(d,{className:"k-button-increase",rounded:"full",icon:Te,tabIndex:-1,title:"Increase"})]})};se.states=uu;se.options=mu;se.className=Ba;se.defaultOptions=ut;se.moduleName=Tr;se.folderName=vs;se.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as ys}from"react/jsx-runtime";var ks="k-tick",bu=[],hu={},Ss={label:!1},z=e=>{let{style:t,label:o=Ss.label,orientation:a,large:r,text:s,...u}=e;return ys("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,ks,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&ys("span",{className:"k-label",children:s})})};z.states=bu;z.options=hu;z.className=ks;z.defaultOptions=Ss;import{Fragment as fu,jsx as mt,jsxs as xu}from"react/jsx-runtime";var Ns=e=>mt(se,{"aria-label":e["aria-label"]||"Slider",children:xu(fu,{children:[mt(z,{className:"k-first",label:!0,large:!0,text:"0"}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{label:!0,large:!0,text:"5"}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{}),mt(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Cu,jsx as bt,jsxs as vu}from"react/jsx-runtime";var gs=e=>bt(se,{children:vu(Cu,{children:[bt(z,{className:"k-first",label:!0,large:!0,text:"0"}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{label:!0,large:!0,text:"5"}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{}),bt(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as mT,jsx as uT,jsxs as bT}from"react/jsx-runtime";import{Fragment as vT,jsx as CT,jsxs as yT}from"react/jsx-runtime";import{jsx as yu}from"react/jsx-runtime";var Mr=e=>yu(se,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as ku}from"react/jsx-runtime";var Lr=e=>ku(se,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as RT,jsx as AT,jsxs as IT}from"react/jsx-runtime";import{Fragment as KT,jsx as DT,jsxs as HT}from"react/jsx-runtime";import{jsx as At,jsxs as Ts}from"react/jsx-runtime";var Su=se.options,Nu=se.states,ws={...se.defaultOptions,variant:"horizontal",label:!0},gu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:u,showTicks:m}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ts(gs,{showTicks:m,showButtons:u,style:{height:"300px",...f},...a,children:[At(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),At(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),At(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),At(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),At(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ts(Ns,{showTicks:m,showButtons:u,style:{width:"400px",...f},...a,children:[At(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),At(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),At(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),At(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),At(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ho.options=Su;Ho.states=Nu;Ho.variants=gu;Ho.defaultOptions=ws;Ho.modifiers=Tu;Ho.className=se.className;import{jsx as Ms,jsxs as Au}from"react/jsx-runtime";var Ls="k-spin-button",Lu=[],Eu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},Er={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},oo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Er.increaseLabel,decreaseLabel:s=Er.decreaseLabel,...u}=e;return Au("span",{...u,className:n(Ls,e.className),children:[Ms(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ms(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};oo.states=Lu;oo.options=Eu;oo.className=Ls;oo.defaultOptions=Er;oo.moduleName=null;oo.folderName=null;var Es="numeric-textbox",As="numerictextbox";import{Fragment as Rs,jsx as _t,jsxs as Ar}from"react/jsx-runtime";var Is="k-numerictextbox",Ru=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],Iu={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},pl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pl.separators,showClearButton:s=pl.showClearButton,showSpinButton:u=pl.showSpinButton,prefix:m,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,id:ie,"aria-label":Ce,"aria-describedby":Ae,...Te}=e;return Ar(ve,{...Te,size:t,rounded:o,fillMode:a,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,className:n(e.className,Is),children:[m&&Ar(Rs,{children:[_t(it,{children:m}),r&&_t(ct,{})]}),_t(Ze,{id:ie,placeholder:y,value:x,role:"spinbutton",disabled:I,"aria-label":Ce,"aria-describedby":Ae,"aria-invalid":T?"true":void 0}),_t(ze,{valid:E,invalid:T,loading:_,disabled:I}),_t(Xe,{loading:_,disabled:I}),s&&_t(Qe,{loading:_,disabled:I,readonly:V,value:x}),f&&Ar(Rs,{children:[r&&_t(ct,{}),_t(dt,{children:f})]}),u&&_t(oo,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};te.states=Ru;te.options=Iu;te.className=Is;te.defaultOptions=pl;te.moduleName=Es;te.folderName=As;te.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Pa=te;import{jsx as Ou}from"react/jsx-runtime";var Os=e=>Ou(Pa,{...e});import Ir from"react";import{jsx as Bs}from"react/jsx-runtime";var Bu="k-list-group-sticky-header",Rr=e=>Bs("div",{className:n(Bu,e.className),children:Bs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Du}from"react/jsx-runtime";var Pu="k-no-data",ul=e=>{let{live:t,...o}=e;return Du("span",{...o,className:n(Pu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ho="list",_o=ho;import{jsx as Ps,jsxs as Ds}from"react/jsx-runtime";var Or="k-list",Ku=[],Hu={size:[p.undefined,p.small,p.medium,p.large]},_u={},Q=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:u,noData:m,screenReaders:f,...x}=e,k=Ir.Children.toArray(a)[0],h=k?.props?.children?Ir.Children.count(k.props.children):Ir.Children.count(a);return Ds("div",{...x,className:n(e.className,Or,P(Or,{size:t}),{"k-virtual-list":o}),children:[s,u,r&&Ps(Rr,{children:r}),a||(m!==void 0?m:Ps(ul,{live:!0,children:"No data found."})),f&&a&&Ds(ul,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};Q.states=Ku;Q.options=Hu;Q.className=Or;Q.defaultOptions=_u;Q.moduleName=ho;Q.folderName=_o;Q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Fu}from"react/jsx-runtime";var Ks="k-list-container",zu=[],Gu={},Uu={},zo=e=>{let{...t}=e;return Fu("div",{...t,className:n(e.className,Ks),children:e.children})};zo.states=zu;zo.options=Gu;zo.className=Ks;zo.defaultOptions=Uu;zo.moduleName=ho;zo.folderName=_o;var fo="checkbox",Go=fo;import{jsx as Hs}from"react/jsx-runtime";var ml="k-checkbox",Wu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.checked,c.indeterminate],Vu={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},$u={},ht=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:u,invalid:m,valid:f,required:x,size:y,rounded:k,wrapperRole:h,...E}=e;return Hs("span",{className:"k-checkbox-wrap",role:h,children:Hs("input",{...E,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:u||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ml,P(ml,{size:y,rounded:k}),H(ml,{hover:r,focus:s,disabled:u,invalid:m,valid:f,indeterminate:a,checked:o}))})})};ht.states=Wu;ht.options=Vu;ht.className=ml;ht.defaultOptions=$u;ht.moduleName=fo;ht.folderName=Go;ht.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var kt=ht;import{jsx as qu}from"react/jsx-runtime";var _s="k-checkbox-list",Xu=[],Ju={},zs={layout:"vertical"},Ue=e=>{let{layout:t=zs.layout,...o}=e;return qu("ul",{...o,className:n(e.className,_s,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=Xu;Ue.options=Ju;Ue.className=_s;Ue.defaultOptions=zs;Ue.moduleName=fo;Ue.folderName=Go;import{jsx as ju}from"react/jsx-runtime";var Gs="k-checkbox-list-item",Yu=[],Qu={},Zu={},Fe=e=>{let{...t}=e;return ju("li",{...t,className:n(e.className,Gs),children:e.children})};Fe.states=Yu;Fe.options=Qu;Fe.className=Gs;Fe.defaultOptions=Zu;Fe.moduleName=fo;Fe.folderName=Go;import{Fragment as em,jsx as Us,jsxs as tm}from"react/jsx-runtime";var zt=({children:e="Label",id:t="cb-label-after",...o})=>tm(em,{children:[Us(kt,{id:t,...o}),Us("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as iM,jsx as sM,jsxs as dM}from"react/jsx-runtime";import{Fragment as bM,jsx as mM,jsxs as hM}from"react/jsx-runtime";import{Fragment as yM,jsx as vM,jsxs as kM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as EM}from"react/jsx-runtime";import{jsx as OM}from"react/jsx-runtime";import{jsx as ft,jsxs as Fs}from"react/jsx-runtime";var om=Ue.options,am=Ue.states,lm={...Ue.defaultOptions,variant:"vertical"},rm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nm=[],Uo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Fs(Ue,{layout:"horizontal",...o,children:[ft(Fe,{children:ft(zt,{id:W("cb"),defaultChecked:!0,children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})})]}):Fs(Ue,{...o,children:[ft(Fe,{children:ft(zt,{id:W("cb"),defaultChecked:!0,children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})}),ft(Fe,{children:ft(zt,{id:W("cb"),children:"Label"})})]})};Uo.options=om;Uo.states=am;Uo.variants=rm;Uo.defaultOptions=lm;Uo.modifiers=nm;Uo.className=Ue.className;import{jsx as um}from"react/jsx-runtime";var sm=kt.options,im=kt.states,dm=kt.defaultOptions,cm=[],pm=[],Fo=e=>um(zt,{id:W("checkbox"),...e,defaultChecked:!0,children:"Label"});Fo.options=sm;Fo.states=im;Fo.variants=cm;Fo.defaultOptions=dm;Fo.modifiers=pm;Fo.className=kt.className;import{jsx as xo,jsxs as fm}from"react/jsx-runtime";var Br="k-list-item",mm=[c.hover,c.focus,c.selected,c.disabled],bm={},hm={},F=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:u,checked:m,hover:f,focus:x,selected:y,disabled:k,actions:h,description:E,id:T,...B}=e,_=t||e.children;return fm("li",{...B,id:T,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":Br,H(Br,{hover:f,focus:x,disabled:k,selected:y})),children:[u&&xo(ht,{checked:m}),r&&xo("span",{className:"k-list-item-icon-wrapper",children:xo(L,{icon:r,className:n("k-list-item-icon",s)})}),xo("span",{className:"k-list-item-text",children:_}),h&&xo("div",{className:"k-list-item-actions",children:h}),E&&xo("span",{className:"k-list-item-description",children:E}),o&&o!==""&&xo("div",{className:"k-list-item-group-label",children:o})]})};F.states=mm;F.options=bm;F.className=Br;F.defaultOptions=hm;F.moduleName=ho;F.folderName=_o;F.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Cm}from"react/jsx-runtime";var xm="k-list-ul",Gt=e=>{let{children:t,role:o,id:a,...r}=e;return Cm("ul",{...r,id:a,role:o,className:n(xm,e.className),children:t})};Gt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Pr,jsxs as ym}from"react/jsx-runtime";var vm="k-list-content",ae=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...u}=e;return ym("div",{...u,className:n(vm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Pr(Gt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Pr("div",{className:"k-height-container",children:Pr("div",{})})]})};ae.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as NL,jsx as SL,jsxs as gL}from"react/jsx-runtime";import{jsx as Dr,jsxs as Sm}from"react/jsx-runtime";var km="k-list-group-item",Co=e=>{let{groupIconName:t,...o}=e;return Sm("li",{...o,role:"presentation",className:n(km,e.className),children:[t&&Dr("span",{className:"k-list-item-icon-wrapper",children:Dr(L,{icon:t,className:"k-list-item-icon"})}),Dr("span",{className:"k-list-item-text",children:e.children})]})};Co.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as wm}from"react/jsx-runtime";var Kr="k-list-optionlabel",Nm=[c.hover,c.focus,c.selected,c.disabled],gm={},Tm={},bl=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return wm("div",{...u,className:n(Kr,H(Kr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};bl.states=Nm;bl.options=gm;bl.className=Kr;bl.defaultOptions=Tm;import{jsx as Am}from"react/jsx-runtime";var Hr="k-list-custom-value",Mm=[c.hover,c.focus,c.selected,c.disabled],Lm={},Em={},ao=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...u}=e;return Am("div",{...u,className:n(Hr,H(Hr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ao.states=Mm;ao.options=Lm;ao.className=Hr;ao.defaultOptions=Em;import{Fragment as zL,jsx as _L,jsxs as GL}from"react/jsx-runtime";import{Fragment as XL,jsx as $L,jsxs as JL}from"react/jsx-runtime";import{Fragment as t0,jsx as jL,jsxs as e0}from"react/jsx-runtime";import{Fragment as i0,jsx as n0,jsxs as s0}from"react/jsx-runtime";import{jsx as u0}from"react/jsx-runtime";import{Fragment as C0,jsx as x0,jsxs as v0}from"react/jsx-runtime";var Ws="dropdown-list",Vs="dropdownlist";import{Fragment as Om,jsx as We,jsxs as _r}from"react/jsx-runtime";var $s="k-dropdownlist",Rm=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Im={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},zr={showValue:!0,arrowIconName:"caret-alt-down"},ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=zr.arrowIconName,showValue:s=zr.showValue,valueIconName:u,prefix:m,suffix:f,value:x,placeholder:y,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,popup:ie,opened:Ce,adaptive:Ae,adaptiveSettings:Te,adaptiveTitle:Ye,adaptiveSubtitle:po,adaptiveFilter:Kl,id:Jt,activeDescendant:Qa,"aria-label":Hl,..._l}=e,Kd=Jt?`${Jt}-listbox`:void 0,vn=Jt?`${Jt}-value`:void 0;return _r(Om,{children:[_r(wt,{..._l,id:Jt,size:t,rounded:o,fillMode:a,hover:k,focus:h,valid:E,invalid:T,required:B,loading:_,disabled:I,readonly:V,className:n(e.className,$s,{"k-icon-picker":!s&&u}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Ce?"true":"false","aria-controls":Ce?Kd:void 0,"aria-activedescendant":Ce&&Qa?Qa:void 0,"aria-describedby":Ce?vn:void 0,"aria-disabled":I?"true":void 0,"aria-label":Hl,tabIndex:0,children:[We(it,{children:m}),We(bo,{placeholder:y,value:x,showValue:s,valueIconName:u,id:vn}),We(ze,{valid:E,invalid:T,loading:_,disabled:I}),We(Xe,{loading:_,disabled:I}),We(dt,{children:f}),We(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":y||"Toggle dropdown",tabIndex:-1})]}),Ce&&ie&&We(ce,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ie}),Ae&&We(he,{adaptive:!0,...Te,header:We(Ge,{actionsEnd:We(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Kl,inputValue:x,inputPlaceholder:y,title:Ye,subtitle:po}),children:We("div",{className:"k-list-container",children:We(Q,{size:"large",children:_r(ae,{"aria-label":"Options",children:[We(F,{text:"List item"}),We(F,{text:"List item"}),We(F,{text:"List item"})]})})})})]})};ke.states=Rm;ke.options=Im;ke.className=$s;ke.defaultOptions=zr;ke.moduleName=Ws;ke.folderName=Vs;ke.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as Z0}from"react/jsx-runtime";import{jsx as lE,jsxs as rE}from"react/jsx-runtime";import{Fragment as bE,jsx as uE,jsxs as mE}from"react/jsx-runtime";import{jsx as vE}from"react/jsx-runtime";import{jsx as TE,jsxs as wE}from"react/jsx-runtime";import{Fragment as PE,jsx as OE,jsxs as BE}from"react/jsx-runtime";import{jsx as zE}from"react/jsx-runtime";import{Fragment as _m,jsx as lo,jsxs as Xs}from"react/jsx-runtime";var Bm=ke.states,Pm=ke.defaultOptions,Dm=ke.options,Km=[{name:"opened",title:"Opened"}],Hm=[],Vo=e=>{let{modifiers:t,...o}=e,a={},r=Xs(_m,{children:[lo("div",{className:"k-list-filter",children:lo(pt,{})}),lo(Q,{style:{width:300},size:o.size,children:Xs(ae,{children:[lo(F,{children:"List item"}),lo(F,{children:"List item"}),lo(F,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),lo("div",{children:lo(ke,{placeholder:"Value",style:{width:300},...o,...a})})};Vo.options=Dm;Vo.states=Bm;Vo.variants=Hm;Vo.defaultOptions=Pm;Vo.modifiers=Km;Vo.className=ke.className;import{Fragment as i2,jsx as s2}from"react/jsx-runtime";import{Fragment as b2,jsx as m2}from"react/jsx-runtime";import{jsx as C2}from"react/jsx-runtime";import{jsx as Gr}from"react/jsx-runtime";var zm=te.states,Gm=te.defaultOptions,Um=te.options,Fm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wm=[],$o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Gr(ke,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Gr(rr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Gr(Os,{value:"Value",style:{width:300},...o,...a})};$o.options=Um;$o.states=zm;$o.variants=Wm;$o.defaultOptions=Gm;$o.modifiers=Fm;$o.className=te.className;import{Fragment as Da,jsx as $,jsxs as ye}from"react/jsx-runtime";var Js="k-colorgradient-inputs",Vm=[],$m={size:[p.undefined,p.small,p.medium,p.large]},qs={mode:"rgba"},Xo=e=>{let{mode:t=qs.mode,size:o,...a}=e;return ye("div",{...a,className:n(Js,"k-hstack"),children:[$("div",{className:"k-vstack",children:$(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ye(Da,{children:[ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),ye("div",{className:"k-vstack",children:[$(te,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&$(Da,{children:ye("div",{className:"k-vstack k-flex-1",children:[$(Re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),$("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xo.states=Vm;Xo.options=$m;Xo.className=Js;Xo.defaultOptions=qs;import{jsx as vo,jsxs as yo}from"react/jsx-runtime";var Ys="k-colorgradient-color-contrast",Xm=[],Jm={},qm={},Jo=()=>yo("div",{className:n(Ys,"k-vbox"),children:[yo("div",{className:"k-contrast-ratio",children:[vo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),yo("span",{className:"k-contrast-validation !k-text-success",children:[vo(L,{icon:"check"}),vo(L,{icon:"check"})]})]}),yo("div",{children:[vo("span",{children:"AA: 4.5"}),yo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",vo(L,{icon:"check"})]})]}),yo("div",{children:[vo("span",{children:"AAA: 7.0"}),yo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",vo(L,{icon:"x"})]})]})]});Jo.states=Xm;Jo.options=Jm;Jo.className=Ys;Jo.defaultOptions=qm;var Qs="color-gradient",Zs="colorgradient";import{jsx as xt,jsxs as Ka}from"react/jsx-runtime";var hl="k-colorgradient",Ym=[c.hover,c.focus,c.readonly,c.disabled],Qm={size:[p.undefined,p.small,p.medium,p.large]},Rt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},we=e=>{let{size:t,mode:o=Rt.mode,readonly:a=Rt.readonly,disabled:r=Rt.disabled,gradientStyle:s=Rt.gradientStyle,dragHandleStyle:u=Rt.dragHandleStyle,alphaStyle:m=Rt.alphaStyle,alphaStyleHorizontal:f=Rt.alphaStyleHorizontal,contrast:x=Rt.contrast,dir:y,hover:k,focus:h,hoverHandle:E,focusHandle:T,canvasOrientation:B=Rt.canvasOrientation,role:_,tabIndex:I,...V}=e;return Ka("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,hl,P(hl,{size:t}),H(hl,{hover:k,focus:h,readonly:a,disabled:r})),dir:y,children:[!B||B==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:s,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":T}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[xt(Lr,{className:"k-hue-slider",hover:E,focus:T}),o!=="rgb"&&o!=="hsv"&&xt(Lr,{className:"k-alpha-slider",hover:E,focus:T,trackStyle:m})]})]}),B==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:s,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":T}),style:u,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[xt(Mr,{className:"k-hue-slider",hover:E,focus:T}),o!=="rgb"&&o!=="hsv"&&xt(Mr,{className:"k-alpha-slider",hover:E,focus:T,trackStyle:f})]})]}),xt(Xo,{mode:e.mode,size:t}),x&&xt(Jo,{})]})};we.states=Ym;we.options=Qm;we.className=hl;we.defaultOptions=Rt;we.moduleName=Qs;we.folderName=Zs;we.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Zm}from"react/jsx-runtime";var fl=e=>Zm(we,{...e});import{jsx as aA}from"react/jsx-runtime";import{jsx as sA}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";var jm=we.options,eb=we.states,tb={...we.defaultOptions,variant:"rgba"},ob=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ab=[],qo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ur(fl,{...o,mode:t});case"rgb":return Ur(fl,{...o,mode:t});default:return Ur(fl,{...o,mode:t})}};qo.options=jm;qo.states=eb;qo.variants=ob;qo.defaultOptions=tb;qo.modifiers=ab;qo.className=we.className;import{jsx as lb}from"react/jsx-runtime";var Fr=e=>lb("tr",{role:"row",children:e.children});import{jsx as sb}from"react/jsx-runtime";var Wr="k-colorpalette-tile",rb=[c.hover,c.focus,c.selected],nb={},Yo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...u}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return sb("td",{...u,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Wr,H(Wr,{hover:a,focus:r,selected:s})),style:m})};Yo.states=rb;Yo.options=nb;Yo.className=Wr;var js="color-palette",ei="colorpalette";import{jsx as Ha}from"react/jsx-runtime";var xl="k-colorpalette",ib=[c.disabled],db={size:[p.undefined,p.small,p.medium,p.large]},ti={columns:10},Ve=e=>{let{size:t,palette:o,columns:a=ti.columns,tileSize:r,disabled:s,...u}=e,m=[];if(o){let f=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(y,k)=>{let h=[];x.slice(k*f,(k+1)*f).map((T,B)=>{h.push(Ha(Yo,{color:T,tileSize:r},B))});let E=Ha(Fr,{children:h},k);m.push(E)})}return Ha("div",{...u,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,xl,H(xl,{disabled:s}),P(xl,{size:t})),children:Ha("table",{className:"k-colorpalette-table",role:"none",children:Ha("tbody",{children:m.length>0?m:e.children})})})};Ve.states=ib;Ve.options=db;Ve.className=xl;Ve.defaultOptions=ti;Ve.moduleName=js;Ve.folderName=ei;Ve.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Cl=Ve;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as cb}from"react/jsx-runtime";var oi=e=>cb(Cl,{palette:_a.basic,...e});import{jsx as UA}from"react/jsx-runtime";import{jsx as JA,jsxs as qA}from"react/jsx-runtime";import{jsx as xb}from"react/jsx-runtime";var pb=Ve.options,ub=Ve.states,mb={...Ve.defaultOptions,variant:"basic"},bb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},fb=[],Qo=e=>{let{variant:t="basic",...o}=e,a=hb[t];return xb(oi,{columns:a.columns,palette:a,...o})};Qo.options=pb;Qo.states=ub;Qo.variants=bb;Qo.defaultOptions=mb;Qo.modifiers=fb;Qo.className=Ve.className;var ai="color-editor",li="coloreditor";import{jsx as Ct,jsxs as Zo}from"react/jsx-runtime";var vl="k-coloreditor",Cb=[c.focus],vb={size:[p.undefined,p.small,p.medium,p.large]},za={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},fe=e=>{let{size:t,view:o=za.view,palette:a=za.palette,color:r,currentColor:s,focus:u,focusView:m,dir:f,group:x,actionButtons:y=za.actionButtons,canvasOrientation:k=za.canvasOrientation,...h}=e;return Zo("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",vl,P(vl,{size:t}),H(vl,{focus:u})),dir:f,children:[Zo("div",{className:"k-coloreditor-header k-hstack",children:[Ct("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Zo(R,{fillMode:"flat",children:[Ct(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ct(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ct("div",{className:"k-spacer"}),Zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ct(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ct(Yt,{className:"k-coloreditor-preview-color",color:r}),Ct(Yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Ct("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ct(we,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Ct(Ve,{palette:a,size:t})}),y&&Zo(Et,{className:"k-coloreditor-footer",alignment:"start",children:[Ct(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ct(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};fe.states=Cb;fe.options=vb;fe.className=vl;fe.defaultOptions=za;fe.moduleName=ai;fe.folderName=li;fe.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var jo=fe;import{jsx as gR}from"react/jsx-runtime";import{jsx as LR}from"react/jsx-runtime";import{jsx as yb}from"react/jsx-runtime";var ri=e=>yb(jo,{group:!0,currentColor:"fuchsia",...e});import{jsx as kb}from"react/jsx-runtime";var ni=e=>kb(jo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as si}from"react/jsx-runtime";var Sb=fe.options,Nb=fe.states,gb={...fe.defaultOptions,variant:"gradient"},Tb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],wb=[],ea=e=>{let{variant:t,...o}=e;return t==="palette"?si(ni,{...o,color:"white"}):si(ri,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ea.options=Sb;ea.states=Nb;ea.variants=Tb;ea.defaultOptions=gb;ea.modifiers=wb;ea.className=fe.className;var ii="color-picker",di="colorpicker";import{Fragment as Eb,jsx as vt,jsxs as Vr}from"react/jsx-runtime";var ci="k-colorpicker",Mb=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled],Lb={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},pi={arrowIconName:"caret-alt-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=pi.arrowIconName,prefix:s,suffix:u,value:m,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:E,disabled:T,valueIconName:B,popup:_,opened:I,adaptive:V,adaptiveSettings:ie,adaptiveTitle:Ce,adaptiveSubtitle:Ae,...Te}=e,Ye="colorpicker-popup";return Vr(Eb,{children:[Vr(wt,{...Te,size:t,rounded:o,fillMode:a,hover:x,focus:y,valid:k,invalid:h,required:E,disabled:T,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||V?Ye:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":T?"true":void 0,className:n(e.className,ci,"k-icon-picker"),children:[vt(it,{children:s}),vt(bo,{placeholder:f,value:m,showValue:!1,valueIcon:vt(Yt,{className:"k-value-icon",color:m,iconName:B}),valueIconName:B}),vt(dt,{children:u}),vt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:T})]}),I&&_&&vt(ce,{id:Ye,className:"k-colorpicker-popup",children:_}),V&&vt(he,{adaptive:!0,id:Ye,...ie,header:vt(Ge,{actionsEnd:vt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ce,subtitle:Ae}),footer:Vr(Qt,{children:[vt(d,{text:"Cancel",size:"large"}),vt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:vt(fe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Mb;je.options=Lb;je.className=ci;je.defaultOptions=pi;je.moduleName=ii;je.folderName=di;je.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ut=je;import{jsx as Ab}from"react/jsx-runtime";var yl=e=>Ab(Ut,{...e});import{jsx as pI}from"react/jsx-runtime";import{jsx as fI}from"react/jsx-runtime";import{jsx as yI}from"react/jsx-runtime";import{jsx as gI}from"react/jsx-runtime";import{jsx as LI}from"react/jsx-runtime";import{jsx as II}from"react/jsx-runtime";import{jsx as ko}from"react/jsx-runtime";var Rb=Ut.options,Ib=Ut.states,ui={...Ut.defaultOptions,variant:"color"},Ob=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Bb=[{name:"opened",title:"Opened"}],ta=e=>{let{variant:t,modifiers:o,...a}={...ui,...e},r={};Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?ko(fe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return ko("div",{style:s,children:ko(yl,{...a,...r})});case"icon":return ko("div",{style:s,children:ko(yl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return ko("div",{style:s,children:ko(yl,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};ta.options=Rb;ta.states=Ib;ta.variants=Ob;ta.defaultOptions=ui;ta.modifiers=Bb;ta.className=Ut.className;var $r="combobox",mi=$r;import{Fragment as Xr,jsx as Se,jsxs as Ga}from"react/jsx-runtime";var bi="k-combobox",Pb=[c.hover,c.focus,c.valid,c.invalid,c.loading,c.required,c.disabled,c.readonly],Db={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},hi={separators:!0},Pe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=hi.separators,prefix:s,suffix:u,value:m,placeholder:f,hover:x,focus:y,valid:k,invalid:h,required:E,loading:T,disabled:B,popup:_,opened:I,readonly:V,adaptive:ie,adaptiveSettings:Ce,adaptiveTitle:Ae,adaptiveSubtitle:Te,adaptiveCustomValue:Ye,id:po,autocomplete:Kl,activeDescendant:Jt,"aria-label":Qa,...Hl}=e,_l=po?`${po}-listbox`:void 0;return Ga(Xr,{children:[Ga(ve,{...Hl,size:t,rounded:o,fillMode:a,hover:x,focus:y,valid:k,invalid:h,required:E,loading:T,disabled:B,readonly:V,className:n(e.className,bi),children:[s&&Ga(Xr,{children:[Se(it,{children:s}),r&&Se(ct,{})]}),Se(Ze,{id:po,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?_l:void 0,"aria-activedescendant":I&&Jt?Jt:void 0,"aria-autocomplete":Kl,"aria-invalid":h?"true":void 0,"aria-busy":T?"true":void 0,"aria-label":Qa,disabled:B,readOnly:V}),Se(ze,{valid:k,invalid:h,loading:T,disabled:B}),Se(Xe,{loading:T,disabled:B}),Se(Qe,{loading:T,disabled:B,readonly:V,value:m}),u&&Ga(Xr,{children:[r&&Se(ct,{}),Se(dt,{children:u})]}),Se(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:B})]}),I&&_&&Se(ce,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),ie&&Se(he,{adaptive:!0,id:po?`${po}-adaptive`:void 0,...Ce,header:Se(Ge,{actionsEnd:Se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:Ae,subtitle:Te}),children:Se("div",{className:"k-list-container",children:Se(Q,{customValue:Ye?Se(ao,{text:`Use "${m}"`}):void 0,size:"large",children:Ga(ae,{"aria-label":Ae||"Options",children:[Se(F,{text:"List item"}),Se(F,{text:"List item"}),Se(F,{text:"List item"})]})})})})]})};Pe.states=Pb;Pe.options=Db;Pe.className=bi;Pe.defaultOptions=hi;Pe.moduleName=$r;Pe.folderName=mi;Pe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var et=Pe;import{jsx as Kb}from"react/jsx-runtime";var fi=e=>Kb(et,{...e});import{jsx as b1,jsxs as h1}from"react/jsx-runtime";import{jsx as k1,jsxs as S1}from"react/jsx-runtime";import{jsx as L1,jsxs as E1}from"react/jsx-runtime";import{Fragment as P1,jsx as B1}from"react/jsx-runtime";import{Fragment as G1,jsx as z1}from"react/jsx-runtime";import{jsx as X1,jsxs as J1}from"react/jsx-runtime";import{Fragment as oO,jsx as eO,jsxs as tO}from"react/jsx-runtime";import{jsx as nO}from"react/jsx-runtime";import{jsx as cO}from"react/jsx-runtime";import{jsx as fO,jsxs as xO}from"react/jsx-runtime";import{jsx as NO,jsxs as gO}from"react/jsx-runtime";import{jsx as ro,jsxs as Fb}from"react/jsx-runtime";var Hb=Pe.states,_b=Pe.defaultOptions,zb=Pe.options,Gb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ub=[],oa=e=>{let{modifiers:t,...o}=e,a={},r=ro(Q,{style:{width:300},size:o.size,children:Fb(ae,{children:[ro(F,{children:"List item"}),ro(F,{children:"List item"}),ro(F,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?ro(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?ro(qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),ro("div",{children:ro(fi,{value:"Value",style:{width:300},...o,...a})})};oa.options=zb;oa.states=Hb;oa.variants=Ub;oa.defaultOptions=_b;oa.modifiers=Gb;oa.className=Pe.className;var Jr="menu-button",xi=Jr;import{jsx as $b}from"react/jsx-runtime";var Ci="k-menu-button",Wb=[c.hover,c.focus,c.active,c.selected,c.disabled],Vb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},qr={showArrow:!0,arrowIconName:"caret-alt-down"},le=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,text:k,showArrow:h=qr.showArrow,arrowIconName:E=qr.arrowIconName,expanded:T,...B}=e;return $b(d,{...B,className:n(e.className,Ci),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,showArrow:h,arrowIconName:E,"aria-expanded":T?"true":"false",...!k&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};le.states=Wb;le.options=Vb;le.className=Ci;le.defaultOptions=qr;le.moduleName=Jr;le.folderName=xi;le.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as aB}from"react/jsx-runtime";import{jsx as sB}from"react/jsx-runtime";import{jsx as pB}from"react/jsx-runtime";var tt="menu",yt=tt;import{jsx as Ua,jsxs as vi}from"react/jsx-runtime";var Yr="k-menu-item",Xb=[c.hover,c.focus,c.active,c.selected,c.disabled],Jb={},yi={iconPosition:"before"},De=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:m,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=yi.iconPosition,dir:E,children:T,expanded:B,..._}=e,I=k;return I||(I=E==="rtl"?"caret-alt-left":"caret-alt-right"),vi("li",{..._,className:n(e.className,Yr,"k-item",H(Yr,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":B?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[vi("span",{className:n("k-link k-menu-link"),children:[u&&h==="before"&&Ua(L,{className:"k-menu-link-icon",icon:u}),Ua("span",{className:"k-menu-link-text",children:m}),u&&h==="after"&&Ua(L,{className:"k-menu-link-icon",icon:u}),y&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(L,{icon:I})})]}),T]})};De.states=Xb;De.options=Jb;De.className=Yr;De.defaultOptions=yi;De.moduleName=tt;De.folderName=yt;import{jsx as Fa,jsxs as ki}from"react/jsx-runtime";var Qr="k-menu-item",qb=[c.hover,c.focus,c.active,c.selected,c.disabled],Yb={},Zr={dir:"ltr",iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:u,text:m,first:f,last:x,showArrow:y,arrowIconName:k,iconPosition:h=Zr.iconPosition,dir:E=Zr.dir,children:T,popup:B,expanded:_,...I}=e,V=k;return V||(V=E==="rtl"?"caret-alt-left":"caret-alt-right"),ki("li",{...I,className:n(e.className,Qr,"k-item",H(Qr,{focus:o,disabled:s}),{"k-first":f,"k-last":x}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ki("span",{className:n("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[u&&h==="before"&&Fa(L,{className:"k-menu-link-icon",icon:u}),Fa("span",{className:"k-menu-link-text",children:m}),u&&h==="after"&&Fa(L,{className:"k-menu-link-icon",icon:u}),y&&Fa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fa(L,{icon:V})})]}),T,B]})};me.states=qb;me.options=Yb;me.className=Qr;me.defaultOptions=Zr;me.moduleName=tt;me.folderName=yt;import{jsx as eh}from"react/jsx-runtime";var Si="k-menu-scroll-wrapper",Qb=[],Zb={},jb={},So=e=>{let{className:t,children:o,orientation:a,...r}=e;return eh("div",{...r,className:n(t,Si,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};So.states=Qb;So.options=Zb;So.className=Si;So.defaultOptions=jb;So.moduleName=tt;So.folderName=yt;var Ni=So;import{Fragment as jr,jsx as No,jsxs as Sl}from"react/jsx-runtime";var en="k-menu",th=[],oh={},Nl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Nl.orientation,header:a=Nl.header,scrollable:r,scrollButtonsPosition:s=Nl.scrollButtonsPosition,wrapperStyles:u,dir:m,popup:f,contextMenu:x,...y}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=No("ul",{dir:m,...y,className:n(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Sl(jr,{children:[r?Sl(Ni,{orientation:o,style:u,dir:e.dir,children:[s==="start"&&Sl(jr,{children:[No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,s==="end"&&Sl(jr,{children:[No(d,{fillMode:"flat",icon:`caret-alt-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&No(d,{fillMode:"flat",icon:`caret-alt-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,f]})};Me.states=th;Me.options=oh;Me.className=en;Me.defaultOptions=Nl;Me.moduleName=tt;Me.folderName=yt;Me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as ah}from"react/jsx-runtime";var tn="k-separator",gi={orientation:"horizontal"},aa=e=>{let{orientation:t=gi.orientation,...o}=e;return ah("li",{...o,className:n(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};aa.className=tn;aa.defaultOptions=gi;aa.moduleName=tt;aa.folderName=yt;import{Fragment as zB,jsx as GB}from"react/jsx-runtime";import{jsx as sh}from"react/jsx-runtime";var on="k-menu-group",lh=[],rh={size:[p.undefined,p.small,p.medium,p.large]},nh={},Ke=e=>{let{children:t,size:o,...a}=e;return sh("ul",{...a,className:n(e.className,on,P(on,{size:o})),role:"menu",children:t})};Ke.states=lh;Ke.options=rh;Ke.className=on;Ke.defaultOptions=nh;Ke.moduleName=tt;Ke.folderName=yt;import{Fragment as ih,jsx as la,jsxs as dh}from"react/jsx-runtime";var an=e=>la(Me,{children:dh(ih,{children:[la(De,{first:!0,text:"Item 1"}),la(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),la(De,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),la(De,{text:"Item 4"}),la(De,{last:!0,text:"Item 5"})]}),...e});import{Fragment as tP,jsx as jB,jsxs as eP}from"react/jsx-runtime";import{Fragment as nP,jsx as rP,jsxs as sP}from"react/jsx-runtime";import{Fragment as uP,jsx as pP,jsxs as mP}from"react/jsx-runtime";import{Fragment as CP,jsx as xP,jsxs as vP}from"react/jsx-runtime";import{jsx as go,jsxs as bh}from"react/jsx-runtime";var ch=Me.options,ph=Me.states,Ti={...Me.defaultOptions,variant:"horizontal"},uh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ra=e=>{let{variant:t,modifiers:o,...a}={...Ti,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=go(ce,{className:"k-menu-popup",children:bh(Ke,{children:[go(me,{text:"Item 1"}),go(me,{text:"Item 2"}),go(aa,{}),go(me,{text:"Item 3"})]})});break}}),t==="vertical"?go(an,{...a,...r,orientation:"vertical",style:{width:"200px"}}):go(an,{...a,...r})};ra.options=ch;ra.states=ph;ra.variants=uh;ra.defaultOptions=Ti;ra.modifiers=mh;ra.className=Me.className;import{Fragment as QP,jsx as qP,jsxs as YP}from"react/jsx-runtime";import{jsx as tD}from"react/jsx-runtime";import{Fragment as vh,jsx as It,jsxs as wi}from"react/jsx-runtime";var hh=d.states,Mi={...d.defaultOptions,variant:"text"},fh=d.options,xh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ch=[{name:"opened",title:"Opened"}],na=e=>{let{variant:t,modifiers:o,...a}={...Mi,...e},r={},s=It(ce,{className:"k-menu-popup",children:wi(Ke,{size:a.size,children:[It(me,{first:!0,text:"Menu Item"}),It(me,{text:"Menu Item"}),It(me,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=It("div",{children:It(le,{...a,...r,icon:"star"})});break;case"icon-and-text":u=It("div",{children:It(le,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=It("div",{children:It(le,{...a,...r,children:"Dropdown Button"})});break}return wi(vh,{children:[u,o?.opened&&s]})};na.options=fh;na.states=hh;na.variants=xh;na.defaultOptions=Mi;na.modifiers=Ch;na.className=le.className;var ln="split-button",Li=ln;import{Fragment as Sh,jsx as rn,jsxs as Ei}from"react/jsx-runtime";var nn="k-split-button",yh=[c.hover,c.focus,c.active,c.selected,c.disabled],kh={size:[p.undefined,p.small,p.medium,p.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.light,S.dark,S.inverse]},Ai={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,icon:y,text:k,arrowIconName:h=Ai.arrowIconName,popup:E,opened:T,popupId:B,..._}=e;return Ei(Sh,{children:[Ei("div",{..._,className:n(e.className,nn,"k-button-group",P(nn,{rounded:o})),children:[rn(d,{text:k,icon:y,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:u,active:m,selected:f,disabled:x,...!k&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),rn(d,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":T?"true":"false","aria-controls":T?B:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),T&&E&&rn(ce,{className:"k-menu-popup",children:E})]})};X.states=yh;X.options=kh;X.className=nn;X.defaultOptions=Ai;X.moduleName=ln;X.folderName=Li;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var sn=X;import{jsx as gh}from"react/jsx-runtime";var Nh="k-toolbar-separator",St=e=>gh("div",{className:n(Nh,e.className,"k-separator")});var Ft="toolbar",no=Ft;import{Fragment as dn,jsx as j,jsxs as sa}from"react/jsx-runtime";var Wt="k-toolbar",Th=[c.focus],wh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},Mh={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:u,scrollingPosition:m,section:f,...x}=e,y=[],k=(h,E)=>{let T=[];if(h.type===d&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))T.push(j(d,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===d)T.push(j(d,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===wa)T.push(j(wa,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===qt)T.push(j(qt,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===le)T.push(j(le,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===sn)T.push(j(sn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===R||h.props.className&&h.props.className.includes("k-button-group")){let B=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((I,V)=>{B.push(j(d,{...I.props,className:`${I.props.className?I.props.className:""}`},`${V}-${new Date().getTime()}`))}),T.push(j(R,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:B},`${E}-${new Date().getTime()}`))}else h.type===Pe?T.push(j(Pe,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===ke?T.push(j(ke,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===je?T.push(j(je,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):T.push(h);T.forEach(B=>{y.push(B)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,T)=>{k(E,T)}),sa("div",{...x,className:n(e.className,Wt,P(Wt,{size:t,fillMode:o}),H(Wt,{focus:a}),{[`${Wt}-resizable`]:r,[`${Wt}-scrollable`]:s,[`${Wt}-scrollable-overlay`]:s&&u==="hidden",[`${Wt}-scrollable-${m}`]:m&&m!=="both",[`${Wt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&u==="hidden"&&j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&u==="start"&&sa(dn,{children:[sa(R,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]}),j(St,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&u==="end"&&sa(dn,{children:[j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),j(St,{className:"k-toolbar-button-separator"}),sa(R,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(u==="around"||!u)&&sa(dn,{children:[j("span",{className:n("k-toolbar-prev","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-left"})}),j(St,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),j(St,{className:"k-toolbar-button-separator"}),j("span",{className:n("k-toolbar-next","k-button",P("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(L,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=Th;ne.options=wh;ne.className=Wt;ne.defaultOptions=Mh;ne.moduleName=Ft;ne.folderName=no;ne.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Rh}from"react/jsx-runtime";var Ri="k-floating-toolbar",Lh=[],Eh={},Ah={},ia=e=>{let{...t}=e;return Rh("div",{...t,className:n(e.className,Ri),children:e.children})};ia.states=Lh;ia.options=Eh;ia.className=Ri;ia.defaultOptions=Ah;ia.moduleName=Ft;ia.folderName=no;import{jsx as Ph}from"react/jsx-runtime";var cn="k-toolbar-item",Ih=[c.focus],Oh={},Bh={},da=e=>{let{focus:t,...o}=e;return Ph("div",{...o,className:n(e.className,cn,H(cn,{focus:t})),children:e.children})};da.states=Ih;da.options=Oh;da.className=cn;da.defaultOptions=Bh;da.moduleName=Ft;da.folderName=no;import{jsx as Ii}from"react/jsx-runtime";var Oi="k-toolbar-popup",Dh=[],Kh={size:[p.undefined,p.small,p.medium,p.large],fillMode:[C.undefined,C.solid,C.outline,C.flat]},Hh={},To=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ii(ce,{...r,className:n(e.className,Oi),children:a?Ii("span",{className:n("k-toolbar-items-list",P("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};To.states=Dh;To.options=Kh;To.className=Oi;To.defaultOptions=Hh;To.moduleName=Ft;To.folderName=no;var gl=To;import{jsx as lK}from"react/jsx-runtime";import{jsx as iK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as CK,jsxs as vK}from"react/jsx-runtime";import{jsx as NK}from"react/jsx-runtime";import{jsx as Vt,jsxs as Fh}from"react/jsx-runtime";var _h=X.states,Bi={...X.defaultOptions,variant:"text"},zh=X.options,Gh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Uh=[{name:"opened",title:"Opened"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Bi,...e},r={},s=Fh(Ke,{size:a.size,children:[Vt(me,{first:!0,text:"Menu Item"}),Vt(me,{text:"Menu Item"}),Vt(me,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!o?.[u],r.popup=o?.[u]?s:"")}),t){case"icon-only":return Vt("div",{children:Vt(X,{...a,...r,icon:"star"})});case"icon-and-text":return Vt("div",{children:Vt(X,{...a,...r,icon:"star",children:"Split Button"})});default:return Vt("div",{children:Vt(X,{...a,...r,children:"Split Button"})})}};ca.options=zh;ca.states=_h;ca.variants=Gh;ca.defaultOptions=Bi;ca.modifiers=Uh;ca.className=X.className;import{jsx as wo,jsxs as Wh}from"react/jsx-runtime";var Pi=e=>wo(ne,{children:[wo(d,{children:"Button"},"toolbar-button"),wo(le,{text:"Menu button"},"toolbar-menu-button"),wo(X,{children:"Split button"},"toolbar-split-button"),Wh(R,{children:[wo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wo(d,{icon:"align-center",children:"Center"}),wo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as ZK,jsxs as jK}from"react/jsx-runtime";import{jsx as ot,jsxs as Di}from"react/jsx-runtime";var Ki=e=>ot(ne,{scrollable:!0,...e,children:[ot(d,{children:"Button"},"toolbar-button"),ot(le,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Di(R,{children:[ot(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(d,{icon:"align-center",children:"Center"}),ot(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ot(d,{children:"Button"},"toolbar-button"),ot(le,{text:"Menu button"},"toolbar-menu-button"),ot(X,{children:"Split button"},"toolbar-split-button"),Di(R,{children:[ot(d,{className:"k-group-start",icon:"align-left",children:"Left"}),ot(d,{icon:"align-center",children:"Center"}),ot(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as at,jsxs as Hi}from"react/jsx-runtime";var _i=({scrollingPosition:e="start",...t})=>at(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[at(d,{children:"Button"},"toolbar-button"),at(le,{text:"Menu button"},"toolbar-menu-button"),at(X,{children:"Split button"},"toolbar-split-button"),Hi(R,{children:[at(d,{className:"k-group-start",icon:"align-left",children:"Left"}),at(d,{icon:"align-center",children:"Center"}),at(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),at(d,{children:"Button"},"toolbar-button"),at(le,{text:"Menu button"},"toolbar-menu-button"),at(X,{children:"Split button"},"toolbar-split-button"),Hi(R,{children:[at(d,{className:"k-group-start",icon:"align-left",children:"Left"}),at(d,{icon:"align-center",children:"Center"}),at(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vh,jsx as Je,jsxs as Tl}from"react/jsx-runtime";var zi=({fillMode:e,size:t,...o})=>Tl(Vh,{children:[Je(ne,{section:!0,fillMode:e,size:t,children:[Je(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tl(R,{fillMode:e,children:[Je(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Je(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Je(St,{className:"k-toolbar-button-separator"}),Je(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Tl(gl,{size:t,fillMode:e,section:!0,...o,children:[Je(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Je(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Je(St,{}),Je(le,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tl(R,{fillMode:e,children:[Je(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Je(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as IH,jsx as AH,jsxs as RH}from"react/jsx-runtime";import{Fragment as FH,jsx as GH,jsxs as UH}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";var $h=ne.options,Xh=ne.states,Gi={...ne.defaultOptions,variant:"default"},Jh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qh=[],pa=e=>{let{variant:t,...o}={...Gi,...e};switch(t){case"responsive":return so("div",{children:so(zi,{style:{width:"583px"},...o})});case"overlay":return so("div",{children:so(_i,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return so("div",{children:so(Ki,{style:{width:"583px"},...o})});default:return so("div",{children:so(Pi,{style:{width:"583px"},...o})})}};pa.options=$h;pa.states=Xh;pa.variants=Jh;pa.defaultOptions=Gi;pa.modifiers=qh;pa.className=ne.className;import{jsx as Nt,jsxs as Ui}from"react/jsx-runtime";var Fi="k-scheduler-toolbar",oe=e=>{let{footer:t,...o}=e;return Nt(ne,{...o,className:n(e.className,{[t?"k-scheduler-footer":Fi]:!0}),"aria-label":o["aria-label"]||(t?"Scheduler footer":"Scheduler toolbar"),children:e.children||[Ui(R,{className:"k-scheduler-navigation",children:[Nt(d,{className:"k-group-start",children:"Today"}),Nt(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),Nt(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]},"nav"),Nt(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 13, 2022"},"current"),Nt("span",{className:"k-spacer"},"spacer"),Ui(de,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[Nt(K,{selected:!0,children:"Day"}),Nt(K,{children:"Week"}),Nt(K,{children:"Month"}),Nt(K,{children:"Timeline"}),Nt(K,{children:"Agenda"})]},"views")]})};oe.className=Fi;oe.moduleName=Z;oe.folderName=ee;import{Fragment as M3,jsx as T3,jsxs as w3}from"react/jsx-runtime";import{jsx as Wi}from"react/jsx-runtime";var Vi="k-scheduler-header",Ot=e=>Wi("div",{...e,className:n(Vi,e.className),children:Wi("div",{className:"k-scheduler-header-wrap",children:e.children})});Ot.className=Vi;Ot.moduleName=Z;Ot.folderName=ee;import{jsx as Yh}from"react/jsx-runtime";var $i="k-scheduler-content",Bt=e=>Yh("div",{...e,className:n($i,e.className),children:e.children});Bt.className=$i;Bt.moduleName=Z;Bt.folderName=ee;import{jsx as Qh}from"react/jsx-runtime";var Xi="k-scheduler-times",io=e=>Qh("div",{...e,className:n(Xi,e.className),children:e.children});io.className=Xi;io.moduleName=Z;io.folderName=ee;import{jsx as Zh}from"react/jsx-runtime";var Ji="k-scheduler-table",Pt=e=>Zh("table",{...e,className:n(Ji,e.className),children:e.children});Pt.className=Ji;Pt.moduleName=Z;Pt.folderName=ee;import{jsx as qi}from"react/jsx-runtime";var Yi="k-scheduler-cell",jh=[],ef={},tf={},l=e=>{let{cellType:t,allDay:o,text:a,colspan:r,rowspan:s,as:u="div",...m}=e,f=a||e.children,x=!a&&!e.children,y=u==="th"&&x&&!m.role?"presentation":void 0;return qi(u,{...m,colSpan:r,rowSpan:s,...y&&{role:y},className:n(Yi,e.className,{"k-scheduler-times-all-day":o},t?.map(k=>({[`k-${k}-cell`]:!0}))),children:!o&&a?qi("span",{className:"k-link k-nav-day",children:f}):f})};l.states=jh;l.options=ef;l.defaultOptions=tf;l.className=Yi;l.moduleName=Z;l.folderName=ee;import{jsx as of}from"react/jsx-runtime";var Qi="k-sticky-cell",ua=e=>of("div",{...e,className:n(Qi,e.className),children:e.children});ua.className=Qi;ua.moduleName=Z;ua.folderName=ee;import{jsx as af}from"react/jsx-runtime";var Zi="k-scheduler-row",g=e=>af("div",{...e,className:n(Zi,e.className),children:e.children});g.className=Zi;g.moduleName=Z;g.folderName=ee;import{jsx as lf}from"react/jsx-runtime";var ji="k-scheduler-body",pe=e=>{let{as:t="div",...o}=e;return lf(t,{...o,className:n(ji,e.className),children:e.children})};pe.className=ji;pe.moduleName=Z;pe.folderName=ee;import{jsx as rf}from"react/jsx-runtime";var ed="k-scheduler-head",be=e=>{let{as:t="div",...o}=e;return rf(t,{...o,className:n(ed,e.className),children:e.children})};be.className=ed;be.moduleName=Z;be.folderName=ee;import{jsx as df}from"react/jsx-runtime";var td="k-scheduler-group",nf=[],sf={},od={orientation:"horizontal"},U=e=>{let{orientation:t=od.orientation,...o}=e;return df("div",{...o,className:n(td,e.className,{"k-group-horizontal":t==="horizontal"}),children:e.children})};U.states=nf;U.options=sf;U.defaultOptions=od;U.className=td;U.moduleName=Z;U.folderName=ee;import{Fragment as Ll,jsx as $e,jsxs as wl}from"react/jsx-runtime";var pn="k-event",cf=[c.hover,c.focus,c.selected],pf={},Ml={resizable:"vertical",eventPrefix:$e(L,{icon:"arrow-rotate-cw"}),eventSuffix:$e(Ll,{children:$e("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:$e(L,{icon:"x"})})})},Ne=e=>{let{inverse:t,ongoing:o,multiDay:a,resizable:r=Ml.resizable,hover:s,focus:u,selected:m,eventPrefix:f=Ml.eventPrefix,eventSuffix:x=Ml.eventSuffix,...y}=e;return wl("div",{...y,className:n(pn,e.className,H(pn,{hover:s,focus:u,selected:m}),{"k-event-inverse":t,"k-event-ongoing":o}),role:"button","aria-label":y["aria-label"]||"Event",children:[$e("span",{className:"k-event-actions",children:f}),$e("div",{children:e.children}),$e("span",{className:"k-event-actions",children:x}),a&&wl(Ll,{children:[$e("span",{className:"k-event-top-actions",children:$e(L,{icon:"caret-alt-up"})}),$e("span",{className:"k-event-bottom-actions",children:$e(L,{icon:"caret-alt-down"})})]}),r==="vertical"?wl(Ll,{children:[$e("span",{className:"k-resize-handle k-resize-n"}),$e("span",{className:"k-resize-handle k-resize-s"})]}):r==="horizontal"&&wl(Ll,{children:[$e("span",{className:"k-resize-handle k-resize-w"}),$e("span",{className:"k-resize-handle k-resize-e"})]})]})};Ne.states=cf;Ne.options=pf;Ne.defaultOptions=Ml;Ne.className=pn;Ne.moduleName=Z;Ne.folderName=ee;import{jsx as Wa,jsxs as bf}from"react/jsx-runtime";var ad="k-task",uf=[],mf={},ld={markStyle:{backgroundColor:"gold"}},lt=e=>{let{text:t,markStyle:o=ld.markStyle,recurring:a,closable:r,...s}=e;return bf("div",{...s,className:n(ad,e.className),children:[Wa("span",{className:"k-scheduler-mark",style:o}),a&&Wa($l,{icon:"arrow-rotate-cw"}),Wa("span",{className:"k-scheduler-task-text",children:t}),r&&Wa("a",{className:"k-link k-event-delete","aria-label":"Delete event",children:Wa($l,{icon:"x"})})]})};lt.states=uf;lt.options=mf;lt.defaultOptions=ld;lt.className=ad;lt.moduleName=Z;lt.folderName=ee;import{Fragment as I_,jsx as A_,jsxs as R_}from"react/jsx-runtime";import{Fragment as G_,jsx as __,jsxs as z_}from"react/jsx-runtime";import{jsx as J_,jsxs as q_}from"react/jsx-runtime";import{jsx as l6,jsxs as r6}from"react/jsx-runtime";import{Fragment as hf,jsx as w,jsxs as Oe}from"react/jsx-runtime";var rd=({style:e,...t})=>w(Y,{style:e,layout:"flex",view:"day",toolbar:Oe(oe,{children:[Oe(R,{className:"k-scheduler-navigation",children:[w(d,{className:"k-group-start",children:"Today"}),w(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),w(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),w(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Monday, June 24, 2024"}),w("span",{className:"k-spacer"}),Oe(de,{thumbStyles:{width:"15%",left:"2px"},className:"k-scheduler-views",children:[w(K,{selected:!0,children:"Day"}),w(K,{children:"Week"}),w(K,{children:"Month"}),w(K,{children:"Timeline"}),w(K,{children:"Agenda"})]})]}),footer:w(oe,{footer:!0,children:w(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Oe(hf,{children:[Oe(be,{as:"div",children:[w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["heading"],text:"Mon, 6/24"})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})})]}),Oe(pe,{as:"div",children:[w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),w(l,{as:"div",cellType:["group"],children:w(g,{className:"k-middle-row",children:w(l,{as:"div",cellType:["slot"]})})})]})}),w(U,{children:Oe(g,{children:[w(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),w(l,{as:"div",cellType:["group"],children:w(g,{children:w(l,{as:"div",cellType:["slot"]})})})]})}),Oe(Ne,{ongoing:!0,style:{top:"0px",left:"80px",height:"72px",width:"200px"},children:[w("div",{className:"k-event-template k-event-time",children:"8:00 AM - 9:00 AM"}),w("div",{className:"k-event-template",children:"Event Title"})]})]})]}),...t});import{Fragment as ff,jsx as b,jsxs as re}from"react/jsx-runtime";var nd=({style:e,...t})=>b(Y,{style:e,layout:"flex",view:"week",toolbar:re(oe,{children:[re(R,{className:"k-scheduler-navigation",children:[b(d,{className:"k-group-start",children:"Today"}),b(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),b(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),b(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/23/2022 - 6/29/2022"}),b("span",{className:"k-spacer"}),re(de,{thumbStyles:{width:"18%",left:"16%"},className:"k-scheduler-views",children:[b(K,{children:"Day"}),b(K,{selected:!0,children:"Week"}),b(K,{children:"Month"}),b(K,{children:"Timeline"}),b(K,{children:"Agenda"})]})]}),footer:b(oe,{footer:!0,children:b(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:re(ff,{children:[re(be,{as:"div",children:[b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["heading"],text:"Sun, 6/23"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/24"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/25"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/26"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/27"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/28"}),b(l,{as:"div",cellType:["heading"],text:"Sun, 6/29"})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"65px"},children:"all day"}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})})]}),re(pe,{as:"div",children:[b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"8:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"9:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"10:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side","major"],style:{minWidth:"65px"},children:"11:00 AM"}),b(l,{as:"div",cellType:["group"],children:re(g,{className:"k-middle-row",children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})}),b(U,{children:re(g,{children:[b(l,{as:"div",cellType:["heading","side"],style:{minWidth:"65px"}}),b(l,{as:"div",cellType:["group"],children:re(g,{children:[b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]}),b(l,{as:"div",cellType:["slot"]})]})})]})})]})]}),...t});import{jsx as xf}from"react/jsx-runtime";var sd="k-calendar-view",un={orientation:"horizontal",calendarView:"month"},El=e=>{let{orientation:t=un.orientation,calendarView:o=un.calendarView,gridRole:a,ariaLabelledBy:r,...s}=e;return xf("div",{...s,className:n(e.className,sd,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...a?{role:"grid","aria-labelledby":r,tabIndex:0}:{},children:e.children})};El.className=sd;El.defaultOptions=un;import{jsx as Va,jsxs as id}from"react/jsx-runtime";var dd="k-calendar-header",Cf={size:[p.undefined,p.small,p.medium,p.large]},$a={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Mo=e=>{let{calendarTitleText:t=$a.calendarTitleText,showToday:o=$a.showToday,showNavigationButtons:a=$a.showNavigationButtons,orientation:r=$a.orientation,size:s,calendarView:u,dir:m,titleId:f,...x}=e,y=m==="rtl"?"chevron-right":"chevron-left",k=m==="rtl"?"chevron-left":"chevron-right",h=f||W("calendar-title");return id("div",{...x,className:n(e.className,dd,{"k-vstack":r==="vertical"}),children:[Va(d,{disabled:u==="century",className:"k-calendar-title",text:t,size:s,fillMode:"flat",themeColor:"primary",id:h,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),Va("span",{className:"k-spacer"}),id("span",{className:"k-calendar-nav",children:[a&&Va(d,{className:"k-calendar-nav-prev",icon:y,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&Va(d,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),a&&Va(d,{className:"k-calendar-nav-next",icon:k,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Mo.options=Cf;Mo.className=dd;Mo.defaultOptions=$a;import{jsx as cd}from"react/jsx-runtime";var pd="k-calendar-footer",vf={size:[p.undefined,p.small,p.medium,p.large]},ud={calendarFooterText:"Tuesday, October 12, 2021"},Xa=e=>{let{size:t,calendarFooterText:o=ud.calendarFooterText,...a}=e;return cd("div",{...a,className:n(e.className,pd),children:cd(d,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};Xa.options=vf;Xa.className=pd;Xa.defaultOptions=ud;var Be="calendar",He=Be;import{jsx as mn,jsxs as Sf}from"react/jsx-runtime";var bn="k-calendar",yf=[],kf={size:[p.undefined,p.small,p.medium,p.large]},Ja={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ue=e=>{let{size:t,orientation:o=Ja.orientation,calendarView:a=Ja.calendarView,calendarTitleText:r=Ja.calendarTitleText,showCalendarHeader:s=Ja.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:f,dir:x,...y}=e,k=W("calendar-title");return Sf("div",{...y,dir:x,className:n(e.className,bn,P(bn,{size:t}),{"k-week-number":u}),children:[s&&mn(Mo,{calendarView:a,showToday:!m,calendarTitleText:r,orientation:o,size:t,dir:x,titleId:k}),mn(El,{calendarView:a,orientation:o,gridRole:!0,ariaLabelledBy:k,children:e.children}),m&&mn(Xa,{calendarFooterText:f,size:t})]})};ue.states=yf;ue.options=kf;ue.className=bn;ue.defaultOptions=Ja;ue.moduleName=Be;ue.folderName=He;ue.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 wf}from"react/jsx-runtime";var md="k-calendar-container",Nf=[],gf={},Tf={},ma=e=>{let{...t}=e;return wf("div",{...t,className:n(e.className,md),children:e.children})};ma.states=Nf;ma.options=gf;ma.className=md;ma.defaultOptions=Tf;ma.moduleName=Be;ma.folderName=He;import{Fragment as Lf,jsx as ba,jsxs as Ef}from"react/jsx-runtime";var Mf=[c.hover,c.focus,c.active,c.selected,c.disabled],i=e=>{let{text:t,headerCell:o,today:a,weekend:r,showOtherMonth:s,weekCell:u,rangeStart:m,rangeMid:f,rangeEnd:x,dayIndicator:y,empty:k,hover:h,focus:E,active:T,selected:B,disabled:_,...I}=e,ie=`k-calendar-${o?"th":"td"}`,Ce=[e.className,ie,H(ie,{hover:h,focus:E,active:T,selected:B,disabled:_}),{"k-today":a,"k-weekend":r,"k-other-month":s,"k-alt":u,"k-range-start":m,"k-range-mid":f,"k-range-end":x,"k-empty":k}],Ae={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Te=t?Ae[t]||t:void 0;return ba("th",{...I,className:n(Ce),role:"columnheader",scope:"col","aria-label":Te,children:u?ba("span",{className:"k-sr-only",children:Te}):t})}return u?ba("td",{...I,className:n(Ce),children:t}):ba("td",{...I,className:n(Ce),role:"gridcell",...B?{"aria-selected":"true"}:{},..._?{"aria-disabled":"true"}:{},children:k&&!s?ba(Lf,{children:"\xA0"}):Ef("span",{className:"k-link",children:[t,y&&ba("span",{className:"k-day-indicator"})]})})};i.states=Mf;import{jsx as hn,jsxs as Af}from"react/jsx-runtime";var bd="k-calendar-thead",hd={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},ha=e=>{let{showWeek:t,cellsText:o=hd.cellsText,...a}=e;return hn("thead",{...a,className:n(e.className,bd),role:"rowgroup",children:Af("tr",{className:"k-calendar-tr",role:"row",children:[t&&hn(i,{weekCell:!0,headerCell:!0,text:"W"}),o.map((r,s)=>hn(i,{text:r,headerCell:!0},s))]})})};ha.className=bd;ha.defaultOptions=hd;import{jsx as Rf}from"react/jsx-runtime";var fd="k-calendar-tbody",Le=e=>{let{...t}=e;return Rf("tbody",{...t,className:n(e.className,fd),role:"rowgroup",children:e.children})};Le.className=fd;Le.moduleName=Be;Le.folderName=He;import{jsx as fn,jsxs as Of}from"react/jsx-runtime";var If="k-calendar-table",gt=e=>{let{calendarCaption:t,showTableHead:o,showWeek:a,ariaLabelledBy:r,ariaActiveDescendant:s,gridRole:u,...m}=e;return Of("table",{...m,className:n(e.className,If),...u?{role:"grid","aria-labelledby":r,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&fn("caption",{className:"k-calendar-caption",children:t}),o&&fn(ha,{showWeek:a}),fn(Le,{children:e.children})]})};import{jsx as xn,jsxs as xd}from"react/jsx-runtime";var Cd="k-calendar-navigation",qa=e=>xd("div",{...e,className:n(e.className,Cd),children:[xn("span",{className:"k-calendar-navigation-highlight"}),xd("div",{className:"k-content k-scrollable",children:[xn("ul",{className:"k-reset",children:e.children}),xn("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});qa.className=Cd;qa.moduleName=Be;qa.folderName=He;import{jsx as Pf}from"react/jsx-runtime";var Bf="k-calendar-table",Cn=e=>{let{tableRole:t="none",ariaLabelledBy:o,...a}=e;return Pf("table",{...a,className:n(e.className,Bf),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};import{jsx as Tt,jsxs as Al}from"react/jsx-runtime";var vd="k-calendar-view",fa={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},xa=e=>{let{orientation:t=fa.orientation,calendarView:o=fa.calendarView,headerText:a=fa.headerText,showWeekdays:r=fa.showWeekdays,showNavigationButtons:s=fa.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:f,...x}=e;return Al("div",{...x,className:n(vd,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[Tt(Mo,{showNavigationButtons:s,calendarTitleText:a,orientation:"horizontal"}),r&&Al(Cn,{className:"k-calendar-weekdays",tableRole:"table",children:[Al("colgroup",{children:[Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{}),Tt("col",{})]}),Tt(ha,{cellsText:m,showWeek:u})]}),Al("div",{className:"k-content k-scrollable",role:"none",children:[Tt(Cn,{tableRole:"grid",ariaLabelledBy:f,children:e.children}),Tt("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};xa.className=vd;xa.defaultOptions=fa;xa.moduleName=Be;xa.folderName=He;import{jsx as Rl,jsxs as zf}from"react/jsx-runtime";var yd="k-calendar-infinite",Df={size:[p.undefined,p.small,p.medium,p.large]},Kf=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Hf={2021:"marker",2022:"marker"},_f=(e,t)=>e.map((o,a)=>Rl("li",{children:Rl("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},a)),Ya={showNavigation:!0,calendarView:"month",navigationItems:Kf,navigationMarkerConfig:Hf},xe=e=>{let{size:t,showNavigation:o=Ya.showNavigation,calendarView:a=Ya.calendarView,navigationItems:r=Ya.navigationItems,navigationMarkerConfig:s=Ya.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,calendarWeekdays:y,...k}=e,h=W("calendar-infinite-title");return zf("div",{...k,className:n(e.className,"k-calendar",yd,P("k-calendar",{size:t})),children:[o&&Rl(qa,{children:_f(r,s)}),Rl(xa,{calendarView:a,headerText:u,showWeekdays:m,showWeekNumbers:f,showNavigationButtons:x,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:h,children:e.children})]})};xe.options=Df;xe.className=yd;xe.defaultOptions=Ya;xe.moduleName=Be;xe.folderName=He;xe.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 Gf}from"react/jsx-runtime";var kd="k-calendar-tr",A=e=>{let{...t}=e;return Gf("tr",{...t,className:n(e.className,kd),role:"row",children:e.children})};A.className=kd;A.moduleName=Be;A.folderName=He;import{jsx as Uf}from"react/jsx-runtime";var Sd="k-calendar-caption",_e=e=>{let{text:t,scope:o,colSpan:a,rowSpan:r,...s}=e;return Uf("th",{...s,scope:o,colSpan:a,rowSpan:r,className:n(e.className,Sd),children:t})};_e.className=Sd;_e.moduleName=Be;_e.folderName=He;import{jsx as rt,jsxs as Il}from"react/jsx-runtime";var Nd=({showOtherCentury:e,...t})=>rt(ue,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Il(gt,{children:[Il(A,{children:[rt(i,{text:"1990 - 1999"}),rt(i,{text:"2000 - 2009"}),rt(i,{text:"2010 - 2019",today:!0}),rt(i,{text:"2020 - 2029"})]}),Il(A,{children:[rt(i,{text:"2030 - 2039"}),rt(i,{text:"2040 - 2049"}),rt(i,{text:"2050 - 2059"}),rt(i,{text:"2060 - 2069"})]}),Il(A,{children:[rt(i,{text:"2070 - 2079"}),rt(i,{text:"2080 - 2089"}),rt(i,{text:"2090 - 2099"}),rt(i,{text:"2100 - 2109",empty:!e})]})]}),...t});import{jsx as nt,jsxs as Ol}from"react/jsx-runtime";var gd=({showOtherDecade:e,...t})=>nt(ue,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ol(gt,{children:[Ol(A,{children:[nt(i,{text:"2019",empty:!e}),nt(i,{text:"2020"}),nt(i,{text:"2021",today:!0}),nt(i,{text:"2022"})]}),Ol(A,{children:[nt(i,{text:"2023"}),nt(i,{text:"2024"}),nt(i,{text:"2025"}),nt(i,{text:"2026"})]}),Ol(A,{children:[nt(i,{text:"2027"}),nt(i,{text:"2028"}),nt(i,{text:"2029"}),nt(i,{text:"2030",empty:!e})]})]}),...t});import{jsx as G,jsxs as Lo}from"react/jsx-runtime";var Td=({showCaptions:e,showOtherMonth:t,...o})=>G(ue,{calendarView:"month",children:Lo(gt,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[Lo(A,{children:[G(i,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),G(i,{text:"27",showOtherMonth:t,empty:!t}),G(i,{text:"28",showOtherMonth:t,empty:!t}),G(i,{text:"29",showOtherMonth:t,empty:!t}),G(i,{text:"30",showOtherMonth:t,empty:!t}),G(i,{text:"1"}),G(i,{text:"2",weekend:!0})]}),Lo(A,{children:[G(i,{text:"3",weekend:!0}),G(i,{text:"4"}),G(i,{text:"5"}),G(i,{text:"6"}),G(i,{text:"7"}),G(i,{text:"8"}),G(i,{text:"9",weekend:!0})]}),Lo(A,{children:[G(i,{text:"10",weekend:!0}),G(i,{text:"11"}),G(i,{text:"12",today:!0}),G(i,{text:"13"}),G(i,{text:"14"}),G(i,{text:"15"}),G(i,{text:"16",weekend:!0})]}),Lo(A,{children:[G(i,{text:"17",weekend:!0}),G(i,{text:"18"}),G(i,{text:"19"}),G(i,{text:"20"}),G(i,{text:"21"}),G(i,{text:"22"}),G(i,{text:"23",weekend:!0})]}),Lo(A,{children:[G(i,{text:"24",weekend:!0}),G(i,{text:"25"}),G(i,{text:"26"}),G(i,{text:"27"}),G(i,{text:"28"}),G(i,{text:"29"}),G(i,{text:"30",weekend:!0})]}),Lo(A,{children:[G(i,{text:"31",weekend:!0}),G(i,{text:"1",showOtherMonth:t,empty:!t}),G(i,{text:"2",showOtherMonth:t,empty:!t}),G(i,{text:"3",showOtherMonth:t,empty:!t}),G(i,{text:"4",showOtherMonth:t,empty:!t}),G(i,{text:"5",showOtherMonth:t,empty:!t}),G(i,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as V5,jsxs as $5}from"react/jsx-runtime";import{jsx as st,jsxs as Bl}from"react/jsx-runtime";var wd=e=>st(ue,{calendarView:"year",calendarTitleText:"2019",children:Bl(gt,{children:[Bl(A,{children:[st(i,{text:"Jan"}),st(i,{text:"Feb"}),st(i,{text:"Mar"}),st(i,{text:"Apr"})]}),Bl(A,{children:[st(i,{text:"May"}),st(i,{text:"Jun"}),st(i,{text:"Jul"}),st(i,{text:"Au"})]}),Bl(A,{children:[st(i,{text:"Sep"}),st(i,{text:"Oct",today:!0}),st(i,{text:"Nov"}),st(i,{text:"Dec"})]})]}),...e});import{Fragment as Ff,jsx as O,jsxs as $t}from"react/jsx-runtime";var Md=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>O(xe,{calendarTitleText:"January 2021",children:$t(Ff,{children:[$t("colgroup",{children:[O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{}),O("col",{})]}),$t(Le,{children:[O(A,{"aria-hidden":"true",children:O(_e,{scope:"col",colSpan:7,text:e})}),$t(A,{children:[O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{text:"1"}),O(i,{text:"2",weekend:!0})]}),$t(A,{children:[O(i,{text:"3",weekend:!0}),O(i,{text:"4"}),O(i,{text:"5"}),O(i,{text:"6"}),O(i,{text:"7"}),O(i,{text:"8"}),O(i,{text:"9",weekend:!0})]}),$t(A,{children:[O(i,{text:"10",weekend:!0}),O(i,{text:"11"}),O(i,{text:"12"}),O(i,{text:"13"}),O(i,{text:"14"}),O(i,{text:"15"}),O(i,{text:"16",weekend:!0})]}),$t(A,{children:[O(i,{text:"17",weekend:!0}),O(i,{text:"18"}),O(i,{text:"19"}),O(i,{text:"20"}),O(i,{text:"21"}),O(i,{text:"22"}),O(i,{text:"23",weekend:!0})]}),$t(A,{children:[O(i,{text:"24",weekend:!0}),O(i,{text:"25"}),O(i,{text:"26"}),O(i,{text:"27"}),O(i,{text:"28"}),O(i,{text:"29"}),O(i,{text:"30",weekend:!0})]}),$t(A,{children:[O(i,{text:"31",weekend:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0}),O(i,{empty:!0})]})]}),O(Le,{children:O(A,{"aria-hidden":"true",children:O(_e,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as Wf,jsx as J,jsxs as Dt}from"react/jsx-runtime";var Ld=({firstCaption:e="2021",secondCaption:t="2022",...o})=>J(xe,{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:Dt(Wf,{children:[Dt("colgroup",{children:[J("col",{}),J("col",{}),J("col",{}),J("col",{})]}),Dt(Le,{children:[J(A,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:e})}),Dt(A,{children:[J(i,{text:"Jan",today:!0}),J(i,{text:"Feb"}),J(i,{text:"Mar"}),J(i,{text:"Apr"})]}),Dt(A,{children:[J(i,{text:"May"}),J(i,{text:"Jun"}),J(i,{text:"Jul"}),J(i,{text:"Aug"})]}),Dt(A,{children:[J(i,{text:"Sep"}),J(i,{text:"Oct"}),J(i,{text:"Nov"}),J(i,{text:"Dec"})]})]}),Dt(Le,{children:[J(A,{"aria-hidden":"true",children:J(_e,{scope:"col",colSpan:4,text:t})}),Dt(A,{children:[J(i,{text:"Jan"}),J(i,{text:"Feb"}),J(i,{text:"Mar"}),J(i,{text:"Apr"})]}),Dt(A,{children:[J(i,{text:"May"}),J(i,{text:"Jun"}),J(i,{text:"Jul"}),J(i,{text:"Aug"})]}),Dt(A,{children:[J(i,{text:"Sep"}),J(i,{text:"Oct"}),J(i,{text:"Nov"}),J(i,{text:"Dec"})]})]})]}),...o});import{Fragment as Vf,jsx as q,jsxs as Kt}from"react/jsx-runtime";var Ed=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>q(xe,{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:Kt(Vf,{children:[Kt("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{})]}),Kt(Le,{children:[q(A,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:e})}),Kt(A,{children:[q(i,{text:"2020",today:!0}),q(i,{text:"2021"}),q(i,{text:"2022"}),q(i,{text:"2023"})]}),Kt(A,{children:[q(i,{text:"2024"}),q(i,{text:"2025"}),q(i,{text:"2026"}),q(i,{text:"2027"})]}),Kt(A,{children:[q(i,{text:"2028"}),q(i,{text:"2029"}),q(i,{empty:!0}),q(i,{empty:!0})]})]}),Kt(Le,{children:[q(A,{"aria-hidden":"true",children:q(_e,{scope:"col",colSpan:4,text:t})}),Kt(A,{children:[q(i,{text:"2030"}),q(i,{text:"2031"}),q(i,{text:"2032"}),q(i,{text:"2033"})]}),Kt(A,{children:[q(i,{text:"2034"}),q(i,{text:"2035"}),q(i,{text:"2036"}),q(i,{text:"2037"})]}),Kt(A,{children:[q(i,{text:"2038"}),q(i,{text:"2039"}),q(i,{empty:!0}),q(i,{empty:!0})]})]})]}),...o});import{Fragment as $f,jsx as ge,jsxs as Ca}from"react/jsx-runtime";var Ad=({firstCaption:e="2000 - 2099",...t})=>ge(xe,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:Ca($f,{children:[Ca("colgroup",{children:[ge("col",{}),ge("col",{}),ge("col",{}),ge("col",{})]}),Ca(Le,{children:[ge(A,{"aria-hidden":"true",children:ge(_e,{scope:"col",colSpan:4,text:e})}),Ca(A,{children:[ge(i,{text:"1900 - 1999"}),ge(i,{text:"2000 - 2009"}),ge(i,{text:"2010 - 2019"}),ge(i,{text:"2020 - 2029"})]}),Ca(A,{children:[ge(i,{text:"2030 - 2039"}),ge(i,{text:"2040 - 2049"}),ge(i,{text:"2050 - 2059"}),ge(i,{text:"2060 - 2069"})]}),Ca(A,{children:[ge(i,{text:"2070 - 2079"}),ge(i,{text:"2080 - 2089"}),ge(i,{text:"2090 - 2099"}),ge(i,{empty:!0})]})]})]}),...t});import{Fragment as m9,jsx as p9,jsxs as u9}from"react/jsx-runtime";import{jsx as x9,jsxs as C9}from"react/jsx-runtime";import{Fragment as g9,jsx as S9,jsxs as N9}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var Xf=ue.options,Jf=ue.states,Rd={...ue.defaultOptions,variant:"month"},qf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Yf=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],va=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return Pl(Nd,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Pl(gd,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Pl(wd,{calendarTitleText:"2021",size:a.size,showCalendarFooter:f});default:return Pl(Td,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};va.options=Xf;va.states=Jf;va.variants=qf;va.defaultOptions=Rd;va.modifiers=Yf;va.className=ue.className;import{jsx as Dl}from"react/jsx-runtime";var Qf=xe.options,Zf=xe.states,Id={...xe.defaultOptions,variant:"month"},jf=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],ex=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],ya=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},r={showCalendarFooter:!1};Object.keys(o||{}).forEach(x=>{switch(x){case"other":r.showOtherMonth=!!o?.[x],r.showOtherCentury=!!o?.[x],r.showOtherDecade=!!o?.[x];break;case"footer":r.showCalendarFooter=!!o?.[x];break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:f}=r;switch(t){case"century":return Dl(Ad,{size:a.size,showOtherCentury:m,showCalendarFooter:f});case"decade":return Dl(Ed,{size:a.size,showOtherDecade:u,showCalendarFooter:f});case"year":return Dl(Ld,{size:a.size,showCalendarFooter:f});default:return Dl(Md,{size:a.size,showOtherMonth:s,showCalendarFooter:f})}};ya.options=Qf;ya.states=Zf;ya.variants=jf;ya.defaultOptions=Id;ya.modifiers=ex;ya.className=xe.className;import{jsx as gz,jsxs as Tz}from"react/jsx-runtime";import{Fragment as tx,jsx as N,jsxs as qe}from"react/jsx-runtime";var Od=({style:e,...t})=>N(Y,{style:e,layout:"flex",view:"month",toolbar:qe(oe,{children:[qe(R,{className:"k-scheduler-navigation",children:[N(d,{className:"k-group-start",children:"Today"}),N(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),N(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),N(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"June 23 2024"}),N("span",{className:"k-spacer"}),qe(de,{thumbStyles:{width:"19%",left:"34%"},className:"k-scheduler-views",children:[N(K,{children:"Day"}),N(K,{children:"Week"}),N(K,{selected:!0,children:"Month"}),N(K,{children:"Timeline"}),N(K,{children:"Agenda"})]})]}),children:qe(tx,{children:[N(be,{as:"div",children:N(U,{children:N(g,{children:N(l,{as:"div",cellType:["group"],children:qe(g,{children:[N(l,{as:"div",cellType:["heading"],text:"Sunday"}),N(l,{as:"div",cellType:["heading"],text:"Monday"}),N(l,{as:"div",cellType:["heading"],text:"Tuesday"}),N(l,{as:"div",cellType:["heading"],text:"Wednesday"}),N(l,{as:"div",cellType:["heading"],text:"Tuesday"}),N(l,{as:"div",cellType:["heading"],text:"Friday"}),N(l,{as:"div",cellType:["heading"],text:"Saturday"})]})})})})}),qe(pe,{as:"div",children:[N(U,{children:N(g,{children:qe(l,{as:"div",cellType:["group"],children:[qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"26",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"27",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"28",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"29",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"30",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"31",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"01"})]}),qe(g,{children:[qe(l,{as:"div",cellType:["slot"],children:[N("span",{className:"k-link k-nav-day",children:"02"}),N(d,{className:"k-more-events",icon:"more-horizontal","aria-label":"Show more events"})]}),N(l,{as:"div",cellType:["slot"],text:"03"}),N(l,{as:"div",cellType:["slot"],text:"04"}),N(l,{as:"div",cellType:["slot"],text:"05"}),N(l,{as:"div",cellType:["slot"],text:"06"}),N(l,{as:"div",cellType:["slot"],text:"07"}),N(l,{as:"div",cellType:["slot"],text:"08"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"09"}),N(l,{as:"div",cellType:["slot"],text:"10"}),N(l,{as:"div",cellType:["slot"],text:"11"}),N(l,{as:"div",cellType:["slot"],text:"12"}),N(l,{as:"div",cellType:["slot"],text:"13"}),N(l,{as:"div",cellType:["slot"],text:"14"}),N(l,{as:"div",cellType:["slot"],text:"15"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"16"}),N(l,{as:"div",cellType:["slot"],text:"17"}),N(l,{as:"div",cellType:["slot"],text:"18"}),N(l,{as:"div",cellType:["slot"],text:"19"}),N(l,{as:"div",cellType:["slot"],text:"20"}),N(l,{as:"div",cellType:["slot"],text:"21"}),N(l,{as:"div",cellType:["slot"],text:"22"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"23"}),N(l,{as:"div",cellType:["slot"],text:"24"}),N(l,{as:"div",cellType:["slot"],text:"25"}),N(l,{as:"div",cellType:["slot"],text:"26"}),N(l,{as:"div",cellType:["slot"],text:"27"}),N(l,{as:"div",cellType:["slot"],text:"28"}),N(l,{as:"div",cellType:["slot"],text:"29"})]}),qe(g,{children:[N(l,{as:"div",cellType:["slot"],text:"30"}),N(l,{as:"div",cellType:["slot"],text:"31"}),N(l,{as:"div",cellType:["slot"],text:"01",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"02",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"03",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"04",className:"k-other-month"}),N(l,{as:"div",cellType:["slot"],text:"05",className:"k-other-month"})]})]})})}),N(Ne,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 1 Title"})})}),N(Ne,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"137px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 2 Title"})})}),N(Ne,{eventPrefix:null,eventSuffix:null,resizable:"none",style:{top:"165px",left:"141px",width:"138px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 3 Title"})})}),N(Ne,{eventSuffix:null,resizable:"none",style:{top:"137px",left:"282px",width:"410px"},children:N("div",{children:N("div",{className:"k-event-template",children:"Event 4 Title"})})})]})]}),...t});import{Fragment as ox,jsx as M,jsxs as Xt}from"react/jsx-runtime";var Bd=({style:e,...t})=>M(Y,{style:e,layout:"flex",view:"timeline",toolbar:Xt(oe,{children:[Xt(R,{className:"k-scheduler-navigation",children:[M(d,{className:"k-group-start",children:"Today"}),M(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),M(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),M(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"Friday, June 21, 2024"}),M("span",{className:"k-spacer"}),Xt(de,{thumbStyles:{width:"23%",left:"54%"},className:"k-scheduler-views",children:[M(K,{children:"Day"}),M(K,{children:"Week"}),M(K,{children:"Month"}),M(K,{selected:!0,children:"Timeline"}),M(K,{children:"Agenda"})]})]}),footer:M(oe,{footer:!0,children:M(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})}),children:Xt(ox,{children:[M(be,{as:"div",style:{width:"1874px"},children:M(U,{children:Xt(g,{children:[M(ua,{children:M(l,{as:"div",cellType:["side"],style:{minWidth:"72px"}})}),Xt(l,{as:"div",cellType:["group"],children:[M(g,{children:M(l,{as:"div",cellType:["heading"],text:"June 21"})}),Xt(g,{children:[M(l,{as:"div",cellType:["heading"],children:"8:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"9:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"10:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"11:00 AM"}),M(l,{as:"div",cellType:["heading"],children:"12:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"1:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"2:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"3:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"4:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"5:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"6:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"7:00 PM"}),M(l,{as:"div",cellType:["heading"],children:"8:00 PM"})]})]})]})})}),M(pe,{as:"div",style:{width:"1874px",minHeight:"100px"},children:M(U,{children:Xt(g,{children:[M(ua,{children:M(l,{as:"div",cellType:["heading","side"],allDay:!0,style:{minWidth:"72px"},children:"All events"})}),M(l,{as:"div",cellType:["group"],children:Xt(g,{children:[M(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),M(l,{as:"div",cellType:["slot"],className:"k-nonwork-hour"}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]}),M(l,{as:"div",cellType:["slot"]})]})})]})})})]}),...t});import{Fragment as Wz,jsx as Uz,jsxs as Fz}from"react/jsx-runtime";import{Fragment as Qz,jsx as qz,jsxs as Yz}from"react/jsx-runtime";import{Fragment as l7,jsx as o7,jsxs as a7}from"react/jsx-runtime";import{Fragment as p7,jsx as d7,jsxs as c7}from"react/jsx-runtime";import{Fragment as ax,jsx as D,jsxs as Ee}from"react/jsx-runtime";var Pd=({style:e,...t})=>D(Y,{style:e,layout:"flex",view:"agenda",toolbar:Ee(oe,{children:[Ee(R,{className:"k-scheduler-navigation",children:[D(d,{className:"k-group-start",children:"Today"}),D(d,{icon:"caret-alt-left","aria-label":"Navigate to previous period"}),D(d,{className:"k-group-end",icon:"caret-alt-right","aria-label":"Navigate to next period"})]}),D(d,{icon:"calendar",className:"k-nav-current",fillMode:"flat","aria-live":"polite",children:"6/24/2024 - 6/25/2024"}),D("span",{className:"k-spacer"}),Ee(de,{thumbStyles:{width:"22%",right:"2px"},className:"k-scheduler-views",children:[D(K,{children:"Day"}),D(K,{children:"Week"}),D(K,{children:"Month"}),D(K,{children:"Timeline"}),D(K,{selected:!0,children:"Agenda"})]})]}),children:Ee(ax,{children:[D(be,{as:"div",role:"rowgroup",children:D(U,{orientation:"vertical",role:"presentation",children:D(g,{role:"presentation",children:D(l,{as:"div",className:"k-group-content",role:"presentation",children:Ee(g,{role:"row",children:[D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"columnheader",children:"Date"}),D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-timecolumn",style:{minWidth:"595px"},role:"columnheader",children:"Time"}),D(l,{as:"div",cellType:["heading","group"],className:"k-scheduler-eventcolumn",style:{minWidth:"168px"},role:"columnheader",children:"Event"})]})})})})}),D(pe,{as:"div",role:"rowgroup",children:Ee(U,{orientation:"vertical",role:"presentation",children:[Ee(g,{className:"k-scheduler-content",role:"row",children:[D(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Ee("div",{children:[D("strong",{className:"k-scheduler-agendaday",children:"25"}),D("em",{className:"k-scheduler-agendaweek",children:"Monday"}),D("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Ee(l,{as:"div",className:"k-group-content",role:"gridcell",children:[Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"11:30 AM-1:00 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 1 Title",closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"12:45 PM-2:30 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"all day"})}),D(l,{as:"div",children:D(lt,{text:"Task 3 Title",closable:!0})})]})]})]}),Ee(g,{className:"k-scheduler-content",role:"row",children:[D(l,{as:"div",cellType:["group","slot"],className:"k-scheduler-datecolumn",style:{minWidth:"168px"},role:"rowheader",children:Ee("div",{children:[D("strong",{className:"k-scheduler-agendaday",children:"25"}),D("em",{className:"k-scheduler-agendaweek",children:"Tuesday"}),D("span",{className:"k-scheduler-agendadate",children:"Jun 2024"})]})}),Ee(l,{as:"div",className:"k-group-content",role:"gridcell",children:[Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"9:30 AM-11:00 AM"})}),D(l,{as:"div",children:D(lt,{text:"Task 1 Title",closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"3:00 PM-4:30 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 2 Title",recurring:!0,closable:!0})})]}),Ee(g,{children:[D(l,{as:"div",className:"k-scheduler-timecolumn",style:{minWidth:"595px"},children:D("div",{children:"6:00 PM-7:00 PM"})}),D(l,{as:"div",children:D(lt,{text:"Task 3 Title",closable:!0})})]})]})]})]})})]}),...t});import{Fragment as ix,jsx as co}from"react/jsx-runtime";var lx=Y.options,rx=Y.states,Dd={...Y.defaultOptions,variant:"day"},nx=[{name:"day",title:"Day View"},{name:"week",title:"Week View"},{name:"month",title:"Month View"},{name:"timeline",title:"Timeline View"},{name:"agenda",title:"Agenda View"}],sx=[{name:"footer",title:"Footer"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...Dd,...e},r=co(ix,{children:co(oe,{footer:!0,children:co(d,{icon:"clock",className:"k-scheduler-fullday",children:"Show business hours"})})}),s={footer:r};switch(Object.keys(o||{}).forEach(u=>{u==="footer"&&(s.footer=o?.[u]?r:void 0)}),t){case"agenda":return co(Pd,{style:{height:"350px",width:"100%"},...a,...s});case"timeline":return co(Bd,{style:{height:"350px",width:"100%"},...a,...s});case"month":return co(Od,{style:{height:"350px",width:"100%"},...a,...s});case"week":return co(nd,{style:{height:"350px",width:"100%"},...a,...s});default:return co(rd,{style:{height:"350px",width:"100%"},...a,...s})}};Eo.options=lx;Eo.states=rx;Eo.variants=nx;Eo.defaultOptions=Dd;Eo.modifiers=sx;Eo.className=Y.className;var s4=Eo;export{Eo as SchedulerDemo,s4 as default};