@progress/kendo-themes-html/dist/esm/gantt/demos/gantt.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?a(...o):typeof o=="object"?Object.keys(o).map((t,r)=>o[r]||o[t]&&t||null).filter(t=>t!==null).join(" "):o).filter(o=>!!o).join(" ");var S=(e,o)=>a({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"}),R=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:s,checked:c,active:u,selected:T,disabled:x,indeterminate:k,loading:C,empty:g,readonly:y,highlighted:A,...G}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":T,"k-disabled":x,"k-indeterminate":k&&!c,"k-loading":C,"k-empty":g,"k-readonly":y,"k-highlighted":A},Object.keys(G).reduce((B,F)=>(F.startsWith("k-")?B[F]=G[F]:B[`k-${F}`]=G[F],B),{}))};function fs(e,o){if(!o)return{};let t=Array.isArray(o)?o:[o];return Object.fromEntries(t.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Zo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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"},gs={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var oi={};function I(e){return oi[e]=(oi[e]||0)+1,`k-${e}-${oi[e]}`}var fe="gantt",ke=fe;import{jsxs as ym}from"react/jsx-runtime";var hs="k-gantt",vm=[],Cm={},Lm={},No=e=>{let{headerToolbar:o,footerToolbar:t,...r}=e;return ym("div",{...r,className:a(e.className,hs),role:"application","aria-roledescription":"Gantt Chart",children:[o,e.children,t]})};No.states=vm;No.options=Cm;No.className=hs;No.defaultOptions=Lm;No.moduleName=fe;No.folderName=ke;No.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};import{Fragment as Am,jsx as xs}from"react/jsx-runtime";var ti="k-font-icon",Mm=[],Sm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},Rm={},Nr=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:s,...c}=e;return r?xs("span",{...c,className:a(e.className,ti,S(ti,{size:o}),{[`k-i-${r}`]:r,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):xs(Am,{})};Nr.states=Mm;Nr.options=Sm;Nr.className=ti;Nr.defaultOptions=Rm;var ks=Nr;import{Fragment as Im,jsx as ol}from"react/jsx-runtime";var ai="k-svg-icon",Em=[],Gm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Zo.outline,Zo.solid,Zo.duotone]},ri={viewBox:"0 0 24 24",variant:Zo.outline},wr=e=>{let{size:o,themeColor:t,rotate:r,flip:l,viewBox:s=ri.viewBox,variant:c=ri.variant,icon:u,...T}=e;if(!u)return ol(Im,{});if(u==="none")return ol("span",{...T,className:a(e.className,ai,S("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let x=typeof u=="object"&&u.name&&u.name,k=typeof u=="object"?c&&u.variants?.[c]||u.variants?.outline||u.content:void 0;return ol("span",{...T,className:a(e.className,ai,S("k-icon",{size:o}),{[`k-svg-i-${x}`]:x,[`k-color-${t}`]:t,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:ol("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:s,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:u?void 0:e.children})})};wr.states=Em;wr.options=Gm;wr.className=ai;wr.defaultOptions=ri;var li=wr;import*as ii from"@progress/kendo-svg-icons";var Ns="icon",ws="icons";import{useContext as Hm}from"react";import{createContext as Om}from"react";var vs=Om({iconsType:"svg"});import{Fragment as Cs,jsx as vr}from"react/jsx-runtime";var tl="k-icon",Pm=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),_m=[],Dm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Zo.outline,Zo.solid,Zo.duotone]},al={viewBox:"0 0 24 24",type:"svg",variant:Zo.outline},p=e=>{let{iconsType:o}=Hm(vs),{size:t,themeColor:r,icon:l,type:s=o||al.type,rotate:c,flip:u,viewBox:T=al.viewBox,variant:x=al.variant,...k}=e;if(!l)return vr(Cs,{});if((o||s)==="svg"){if(l==="none")return vr(li,{...k,className:a(e.className,tl),icon:l,size:t,variant:x});let g=ii[l]?l:Pm(`${l}-icon`);return ii[g]?vr(li,{...k,className:a(e.className,tl),icon:ii[g],size:t,themeColor:r,rotate:c,flip:u,viewBox:T,variant:x}):vr(Cs,{})}return vr(ks,{...k,className:a(e.className,tl),icon:l,size:t,themeColor:r,rotate:c,flip:u})};p.states=_m;p.options=Dm;p.defaultOptions=al;p.className=tl;p.moduleName=Ns;p.folderName=ws;p.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 ni="button",Ls=ni;import{Fragment as ys,jsx as fa,jsxs as Ms}from"react/jsx-runtime";var Cr="k-button",Km=["icon-button"],Bm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],zm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},si={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:s,showArrow:c=si.showArrow,arrowIconName:u=si.arrowIconName,variant:T,hover:x,focus:k,active:C,selected:g,disabled:y,togglable:A,ariaDisabled:G,icon:B,iconSize:F,text:Z,iconClassName:Me,className:Te,...Ze}=e,je=B!=null,eo=e.children!==void 0;return Ms(o,{className:a(Te,Cr,fs(Cr,T),S(Cr,{size:t,rounded:r,fillMode:l,themeColor:s}),R(Cr,{hover:x,focus:k,active:C,disabled:y||G,selected:g}),{"k-icon-button":!Z&&!eo&&je}),"aria-pressed":A?g?"true":"false":void 0,...Ze,"aria-disabled":G?"true":void 0,disabled:y||void 0,children:[typeof B=="string"&&B&&fa(p,{className:a(Me,"k-button-icon"),icon:B,size:F}),B&&typeof B!="string"&&fa(ys,{children:B}),Z?Ms(ys,{children:[Z&&fa("span",{className:"k-button-text",children:Z}),e.children]}):e.children&&fa("span",{className:"k-button-text",children:e.children}),c&&fa("span",{className:"k-menu-button-arrow k-button-arrow",children:fa(p,{icon:u})})]})};m.states=Bm;m.options=zm;m.variants=Km;m.className=Cr;m.defaultOptions=si;m.moduleName=ni;m.folderName=Ls;m.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 Um}from"react/jsx-runtime";var kt=e=>Um(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Fm}from"react/jsx-runtime";var Lr=e=>Fm(m,{icon:"folder",children:"Button",...e});import{jsx as $m}from"react/jsx-runtime";var Ut=e=>$m(m,{children:"Button",...e});import{jsx as di}from"react/jsx-runtime";var Vm=m.options,Wm=m.states,Xm={...m.defaultOptions,variant:"text"},Jm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qm=[],ga=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return di(kt,{...t,icon:"star"});case"icon-and-text":return di(Lr,{...t,icon:"star",children:"Button"});default:return di(Ut,{...t,children:"Button"})}};ga.options=Vm;ga.states=Wm;ga.variants=Jm;ga.defaultOptions=Xm;ga.modifiers=qm;ga.className=m.className;var ci="button",Ss=ci;import{jsx as jm}from"react/jsx-runtime";var yr="k-button-group",Ym=[n.disabled],Qm={fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},Zm={},J=e=>{let{fillMode:o,disabled:t,stretched:r,...l}=e;return jm("div",{role:"group",...l,className:a(e.className,yr,S(yr,{fillMode:o}),R(yr,{disabled:t}),{[`${yr}-stretched`]:r}),...t&&{"aria-disabled":"true"},children:e.children})};J.states=Ym;J.options=Qm;J.className=yr;J.defaultOptions=Zm;J.moduleName=ci;J.folderName=Ss;J.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 wC,jsx as NC,jsxs as vC}from"react/jsx-runtime";import{Fragment as RC,jsx as SC,jsxs as AC}from"react/jsx-runtime";import{Fragment as PC,jsx as HC,jsxs as _C}from"react/jsx-runtime";import{Fragment as FC,jsx as UC,jsxs as $C}from"react/jsx-runtime";import{Fragment as YC,jsx as qC,jsxs as QC}from"react/jsx-runtime";import{Fragment as aL,jsx as tL,jsxs as rL}from"react/jsx-runtime";import{jsx as it,jsxs as pi}from"react/jsx-runtime";var eu={...m.options,...J.options},ou=m.states,tu={...m.defaultOptions,...J.defaultOptions,variant:"text-button"},au=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],ru=[],ha=e=>{let{variant:o,className:t,...r}=e;return o==="icon-button"?pi(J,{fillMode:r.fillMode,className:t,children:[it(m,{...r,icon:"star"}),it(m,{...r,icon:"star"}),it(m,{...r,icon:"star"})]}):o==="icon-text-button"?pi(J,{fillMode:r.fillMode,className:t,children:[it(m,{...r,icon:"star",children:"First"}),it(m,{...r,icon:"star",children:"Middle"}),it(m,{...r,icon:"star",children:"Last"})]}):pi(J,{fillMode:r.fillMode,className:t,children:[it(m,{...r,children:"First"}),it(m,{...r,children:"Middle"}),it(m,{...r,children:"Last"})]})};ha.options=eu;ha.states=ou;ha.variants=au;ha.defaultOptions=tu;ha.modifiers=ru;ha.className=J.className;var Mr="input",rl=Mr;import{jsx as su}from"react/jsx-runtime";var ll="k-input",lu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},nu={},Ie=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:T,rounded:x,fillMode:k,...C}=e;return su("span",{...C,className:a(e.className,ll,S(ll,{size:T,rounded:x,fillMode:k}),R(ll,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};Ie.states=lu;Ie.options=iu;Ie.className=ll;Ie.defaultOptions=nu;Ie.moduleName=Mr;Ie.folderName=rl;import{jsx as mu}from"react/jsx-runtime";var il="k-picker",du=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},pu={},jo=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:T,rounded:x,fillMode:k,...C}=e;return mu("span",{...C,className:a(e.className,il,S(il,{size:T,rounded:x,fillMode:k}),R(il,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};jo.states=du;jo.options=cu;jo.className=il;jo.defaultOptions=pu;jo.moduleName=Mr;jo.folderName=rl;import{Fragment as Tu,jsx as mi}from"react/jsx-runtime";var Rs="k-clear-value",uu=[n.disabled,n.loading,n.readonly],bu={},wo=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?mi(Tu,{}):mi("span",{className:a(e.className,Rs),children:mi(p,{icon:"x"})})};wo.states=uu;wo.options=bu;wo.className=Rs;import{jsx as hu}from"react/jsx-runtime";var ui="k-input-inner",fu=[],gu={},nl={type:"text",autocomplete:"off",value:"",placeholder:""},vo=e=>{let{value:o=nl.value,type:t=nl.type,placeholder:r=nl.placeholder,autocomplete:l=nl.autocomplete,disabled:s,readOnly:c,...u}=e;return hu("input",{...u,type:t,className:a(e.className,ui,S(ui,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:s||void 0,readOnly:c||void 0})};vo.states=fu;vo.options=gu;vo.className=ui;import{jsx as As,jsxs as Nu}from"react/jsx-runtime";var bi="k-input-inner",xu=[],ku={},Ft=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return Nu("span",{...c,className:a(e.className,bi,S(bi,e)),children:[l,!l&&s&&As(p,{className:"k-input-value-icon",icon:s}),r&&!o&&t,r&&o&&As("span",{className:"k-input-value-text",children:o})]})};Ft.states=xu;Ft.options=ku;Ft.className=bi;import{jsx as Cu}from"react/jsx-runtime";var Ti="k-input-inner",wu=[],vu={},Es={value:"",placeholder:""},fi=e=>{let{value:o=Es.value,placeholder:t=Es.placeholder,rows:r,disabled:l,...s}=e;return Cu("textarea",{...s,className:a(e.className,Ti,S(Ti,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};fi.states=wu;fi.options=vu;fi.className=Ti;import{Fragment as yu,jsx as Gs}from"react/jsx-runtime";var Is="k-input-loading-icon",Lu=[n.disabled,n.loading],mo=e=>{let{disabled:o,loading:t}=e;return o||!t?Gs(yu,{}):Gs("span",{className:a(e.className,Is,"k-icon k-i-loading")})};mo.states=Lu;mo.className=Is;import{Fragment as Ru,jsx as Os}from"react/jsx-runtime";var Hs="k-input-validation-icon",Mu=[n.valid,n.invalid,n.disabled,n.loading],Su={},oo=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,s=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?Os(Ru,{}):Os(p,{className:a(Hs),icon:s})};oo.states=Mu;oo.options=Su;oo.className=Hs;import{Fragment as Gu,jsx as Ps}from"react/jsx-runtime";var Au="k-input-prefix",Eu={direction:"horizontal"},Eo=e=>{let{direction:o=Eu.direction,...t}=e;return e.children?Ps("span",{...t,className:a(Au,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):Ps(Gu,{})};import{Fragment as Hu,jsx as _s}from"react/jsx-runtime";var Iu="k-input-suffix",Ou={direction:"horizontal"},Go=e=>{let{direction:o=Ou.direction,...t}=e;return e.children?_s("span",{...t,className:a(Iu,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):_s(Hu,{})};import{jsx as ry}from"react/jsx-runtime";import{jsx as _u}from"react/jsx-runtime";var Pu="k-input-suffix-text",gi=e=>{let{children:o,...t}=e;return _u("span",{...t,className:a(Pu,e.className),children:o})};import{jsx as Ku}from"react/jsx-runtime";var Ds="k-input-separator",Du={direction:"vertical"},Io=e=>{let{direction:o=Du.direction,...t}=e;return Ku("span",{...t,className:a(Ds,e.className,{[`${Ds}-${o}`]:o})})};import{Fragment as Ks,jsx as et,jsxs as hi}from"react/jsx-runtime";var Bu=Ie.states,zu=Ie.defaultOptions,Uu=Ie.options,Fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],$u=[],xa=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,T=o?.prefix,x=o?.suffix,k=o?.["clear-button"],C=o?.["validation-icon"],g=o?.separators;return hi(Ie,{...u,valid:t,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[T&&hi(Ks,{children:[et(Eo,{children:et(p,{icon:"lock"})}),g&&et(Io,{})]}),et(vo,{placeholder:"Placeholder",value:"Value"}),C&&et(oo,{valid:t,invalid:r,loading:l,disabled:s}),et(mo,{loading:l,disabled:s}),k&&et(wo,{loading:l,disabled:s,readonly:c,value:"Value"}),x&&hi(Ks,{children:[g&&et(Io,{}),et(Go,{children:et(Ut,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};xa.options=Uu;xa.states=Bu;xa.variants=$u;xa.defaultOptions=zu;xa.modifiers=Fu;xa.className=Ie.className;import{jsx as Bs,jsxs as Xu}from"react/jsx-runtime";var zs="k-color-preview",Vu=[],Wu={},Nt=e=>{let{color:o,iconName:t,...r}=e;return Xu("span",{...r,className:a(e.className,zs,{"k-icon-color-preview":t,"k-no-color":!o}),children:[t&&Bs(p,{icon:t,className:"k-color-preview-icon"}),Bs("span",{className:"k-color-preview-mask",style:{backgroundColor:o}})]})};Nt.states=Vu;Nt.options=Wu;Nt.className=zs;var xi="popup",Us=xi;import{jsx as Fs}from"react/jsx-runtime";var $s="k-animation-container",Ju=[],qu={},ki={positionMode:"absolute",shown:!0},Oo=e=>{let{positionMode:o=ki.positionMode,shown:t=ki.shown,animationStyle:r,offset:l,...s}=e;return Fs("div",{...s,style:{...l,...e.style},className:a(e.className,$s,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:Fs("div",{className:"k-child-animation-container",style:r,children:e.children})})};Oo.states=Ju;Oo.options=qu;Oo.className=$s;Oo.defaultOptions=ki;Oo.moduleName=xi;Oo.folderName=Us;var Ni="popup",Vs=Ni;import{jsx as Ws}from"react/jsx-runtime";var Xs="k-popup",Yu=[],Qu={},Js={positionMode:"absolute"},ne=e=>{let{offset:o,positionMode:t=Js.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Ws(Oo,{positionMode:t,offset:o,animationStyle:r,className:l,role:s,"aria-label":c,children:Ws("div",{...u,className:a(e.className,Xs),children:e.children})})};ne.states=Yu;ne.options=Qu;ne.className=Xs;ne.defaultOptions=Js;ne.moduleName=Ni;ne.folderName=Vs;ne.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 wi="action-buttons",qs=wi;import{jsx as eb}from"react/jsx-runtime";var sl="k-actions",Zu=[],ju={},vi={alignment:"start",orientation:"horizontal"},Ho=e=>{let{alignment:o=vi.alignment,orientation:t=vi.orientation,...r}=e;return eb("div",{...r,className:a(sl,{[`${sl}-${o}`]:o,[`${sl}-${t}`]:t},e.className),children:e.children})};Ho.states=Zu;Ho.options=ju;Ho.className=sl;Ho.defaultOptions=vi;Ho.moduleName=wi;Ho.folderName=qs;import{jsx as tb}from"react/jsx-runtime";var ob="k-actionsheet-footer",Ys={alignment:"stretched",orientation:"horizontal"},wt=e=>{let{alignment:o=Ys.alignment,orientation:t=Ys.orientation,template:r,as:l=r?"div":Ho,...s}=e;return tb(l,{...s,...!r&&{alignment:o,orientation:t},className:a(e.className,ob),children:e.children})};var Ci="searchbox",Qs=Ci;import{jsx as Sr,jsxs as lb}from"react/jsx-runtime";var Zs="k-searchbox",ab=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],rb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Li={showIcon:!0,icon:"search"},Co=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:T,invalid:x,required:k,loading:C,disabled:g,showIcon:y=Li.showIcon,icon:A=Li.icon,"aria-label":G,...B}=e;return lb(Ie,{...B,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:T,invalid:x,required:k,loading:C,disabled:g,className:a(e.className,Zs),children:[y&&Sr(p,{className:"k-input-icon",icon:A}),Sr(vo,{placeholder:t,value:o,"aria-label":G}),Sr(mo,{...e}),Sr(oo,{...e}),Sr(wo,{...e})]})};Co.states=ab;Co.options=rb;Co.className=Zs;Co.defaultOptions=Li;Co.moduleName=Ci;Co.folderName=Qs;import{jsx as RM}from"react/jsx-runtime";var yi="textbox",js=yi;import{Fragment as ed,jsx as vt,jsxs as Mi}from"react/jsx-runtime";var od="k-textbox",ib=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},dl={showClearButton:!0,showValidationIcon:!0,separators:!0},ge=e=>{let{size:o,rounded:t,fillMode:r,separators:l=dl.separators,showClearButton:s=dl.showClearButton,showValidationIcon:c=dl.showValidationIcon,prefix:u,suffix:T,type:x,value:k,placeholder:C,hover:g,focus:y,valid:A,invalid:G,required:B,loading:F,disabled:Z,readonly:Me,id:Te,"aria-label":Ze,"aria-describedby":je,...eo}=e;return Mi(Ie,{...eo,size:o,rounded:t,fillMode:r,hover:g,focus:y,valid:A,invalid:G,required:B,loading:F,disabled:Z,readonly:Me,className:a(e.className,od),children:[u&&Mi(ed,{children:[vt(Eo,{children:u}),l&&vt(Io,{})]}),vt(vo,{id:Te,placeholder:C,value:k,type:x,disabled:Z,"aria-label":Ze,"aria-describedby":je,"aria-invalid":G?"true":void 0}),c&&vt(oo,{valid:A,invalid:G,loading:F,disabled:Z}),vt(mo,{loading:F,disabled:Z}),s&&vt(wo,{loading:F,disabled:Z,readonly:Me,value:k}),T&&Mi(ed,{children:[l&&vt(Io,{}),vt(Go,{children:T})]})]})};ge.states=ib;ge.options=nb;ge.className=od;ge.defaultOptions=dl;ge.moduleName=yi;ge.folderName=js;ge.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 Rr=ge;import{jsx as sb}from"react/jsx-runtime";var td=e=>sb(Rr,{...e});import{Fragment as XM,jsx as WM}from"react/jsx-runtime";import{Fragment as jM,jsx as ZM}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as Si}from"react/jsx-runtime";var db=ge.states,cb=ge.defaultOptions,pb=ge.options,mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ub=[],ka=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o?.[l]?Si(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o?.[l]?Si(Ut,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o?.[l];break;default:break}}),Si(td,{value:"Value",style:{width:300},...t,...r})};ka.options=pb;ka.states=db;ka.variants=ub;ka.defaultOptions=cb;ka.modifiers=mb;ka.className=ge.className;import{jsx as Ct,jsxs as Ri}from"react/jsx-runtime";var ad="k-actionsheet-titlebar",bb={},to=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:T,adaptive:x,titleId:k,children:C,...g}=e;return Ri("div",{...g,className:a(e.className,ad),children:[Ri("div",{className:"k-actionsheet-titlebar-group",children:[r&&Ct("div",{className:"k-actionsheet-actions",children:r}),!C&&Ri("div",{className:"k-actionsheet-title",id:k,children:[o&&Ct("div",{className:"k-text-center",children:o}),t&&Ct("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),C&&Ct("div",{className:"k-actionsheet-title",id:k,children:C}),l&&Ct("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&Ct("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Ct(ge,{value:u,placeholder:T,size:x?"large":"medium","aria-label":o||T||"Input"}):Ct(Co,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};to.className=ad;to.defaultOptions=bb;import{jsx as Ai,jsxs as hb}from"react/jsx-runtime";var Ei="k-actionsheet-view",Tb=[],fb={},gb={},Na=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:s,titleId:c,...u}=e,T=l?.type===to&&Ai(to,{adaptive:o,titleId:c,...l?.props}),x=s?.type===wt&&Ai(wt,{...s?.props});return hb("div",{...u,className:a(e.className,Ei,{[`${Ei}-animated`]:t}),children:[T,Ai("div",{className:"k-actionsheet-content",children:r}),x]})};Na.states=Tb;Na.options=fb;Na.className=Ei;Na.defaultOptions=gb;var Ar="action-sheet",cl=Ar;var Gi="overlay",rd=Gi;import{jsx as wb}from"react/jsx-runtime";var ld="k-overlay",xb=[],kb={},Nb={},Lt=e=>{let{...o}=e;return wb("div",{...o,className:a(e.className,ld),children:e.children})};Lt.states=xb;Lt.options=kb;Lt.className=ld;Lt.defaultOptions=Nb;Lt.moduleName=Gi;Lt.folderName=rd;import{jsx as pl,jsxs as Lb}from"react/jsx-runtime";var id="k-actionsheet",vb=[],Cb={},Er={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ee=e=>{let{side:o=Er.side,fullscreen:t=Er.fullscreen,adaptive:r=Er.adaptive,overlay:l=Er.overlay,template:s,children:c,header:u,footer:T,id:x,...k}=e,C=x&&!s&&u?`${x}-title`:void 0;return Lb("div",{className:"k-actionsheet-container",children:[l&&pl(Lt,{}),pl(Oo,{animationStyle:{[`${t===!0?"top":o}`]:0,[`${t===!0?"width":null}`]:"100%",[`${t===!0?"height":null}`]:"100%",[`${o==="top"||o==="bottom"?"width":null}`]:"100%",[`${o==="left"||o==="right"?"height":null}`]:"100%"},children:pl("div",{...k,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":C,className:a(e.className,id,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:s||pl(Na,{header:u,footer:T,adaptive:r,titleId:C,...e,children:c})})})]})};Ee.states=vb;Ee.options=Cb;Ee.className=id;Ee.defaultOptions=Er;Ee.moduleName=Ar;Ee.folderName=cl;Ee.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 Rb}from"react/jsx-runtime";var nd="k-actionsheet-container",yb=[],Mb={},Sb={},wa=e=>{let{children:o,...t}=e;return Rb("div",{...t,className:nd,children:o})};wa.states=yb;wa.options=Mb;wa.className=nd;wa.defaultOptions=Sb;wa.moduleName=Ar;wa.folderName=cl;import{jsx as Ab}from"react/jsx-runtime";var Ii=e=>{let{...o}=e;return Ab("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Gb,jsx as Gr,jsxs as Oi}from"react/jsx-runtime";var Hi="k-actionsheet-item",Eb=[n.hover,n.focus,n.selected,n.disabled],yt=e=>{let{iconName:o,text:t,description:r,hover:l,focus:s,selected:c,disabled:u,...T}=e;return Oi("span",{...T,className:a(e.className,Hi,R(Hi,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Gr(Gb,{children:Oi("span",{className:"k-actionsheet-action",children:[o&&Gr("span",{className:"k-icon-wrap",children:Gr(p,{className:"k-actionsheet-item-icon",icon:o})}),Oi("span",{className:"k-actionsheet-item-text",children:[t&&Gr("span",{className:"k-actionsheet-item-title",children:t}),r&&Gr("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};yt.states=Eb;yt.className=Hi;import{jsx as tR,jsxs as aR}from"react/jsx-runtime";import{jsx as nR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as TR}from"react/jsx-runtime";import{jsx as ze,jsxs as Pi}from"react/jsx-runtime";var Ib=Ee.options,Ob=Ee.states,dd={...Ee.defaultOptions,variant:"normal"},Hb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Pb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],va=e=>{let{variant:o,modifiers:t,...r}={...dd,...e},l={},s=Pi(Ii,{children:[ze(yt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ze(yt,{text:"Add to Favorites",iconName:"heart"}),ze(yt,{text:"Upload New",iconName:"upload",disabled:!0}),ze("hr",{className:"k-hr"}),ze(yt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!t?.[T],l.actionsEnd=!!t?.[T];break;case"subtitle":l.subtitle=t?.[T]?c:void 0;break;case"footer":l.footer=!!t?.[T];break;default:break}}),o==="adaptive"?ze(Ee,{...r,adaptive:!0,fullscreen:l.fullScreen,header:ze(to,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Pi(wt,{alignment:"stretched",children:[ze(m,{text:"Cancel",size:"large",themeColor:"base"}),ze(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ze(Ee,{...r,fullscreen:l.fullScreen,header:ze(to,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Pi(wt,{alignment:"stretched",children:[ze(m,{text:"Apply",themeColor:"primary"}),ze(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};va.options=Ib;va.states=Ob;va.variants=Hb;va.defaultOptions=dd;va.modifiers=Pb;va.className=Ee.className;var _i="slider",cd=_i;import{jsx as Ca,jsxs as Di}from"react/jsx-runtime";var Ir="k-slider",_b=[n.hover,n.focus,n.active,n.disabled,n.readonly],Db={},Po={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ve=e=>{let{type:o=Po.type,orientation:t=Po.orientation,gradientType:r=Po.gradientType,readonly:l=Po.readonly,disabled:s=Po.disabled,handlePosition:c=Po.handlePosition,showButtons:u=Po.showButtons,showTicks:T=Po.showTicks,value:x=Po.value,min:k=Po.min,max:C=Po.max,startValue:g,endValue:y,hover:A,focus:G,active:B,trackStyle:F,dir:Z,...Me}=e,Ze=(()=>{if(o==="gradient"&&r==="2d")return"undefined";if(t==="vertical")return"vertical"})(),je,eo;return t==="horizontal"?(je=Z==="rtl"?"chevron-left":"chevron-right",eo=Z==="rtl"?"chevron-right":"chevron-left"):t==="vertical"&&(je="chevron-up",eo="chevron-down"),Di("div",{...Me,className:a(Ir,e.className,R(Ir,{readonly:l,disabled:s}),{[`k-slider-${t}`]:t,"k-colorgradient-slider":o==="gradient"}),dir:Z,children:[u&&Ca(m,{className:"k-button-decrease",rounded:"full",icon:eo,tabIndex:-1,title:"Decrease"}),Di("div",{className:"k-slider-track-wrap",children:[T&&Ca("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Di("div",{className:"k-slider-track",style:F,children:[Ca("div",{className:"k-slider-selection"}),o==="range"&&Ca("span",{className:a("k-draghandle","k-draghandle-start",R(Ir,{hover:A,focus:G,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":g??k,"aria-valuemin":k,"aria-valuemax":y??C,"aria-orientation":Ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Me["aria-label"]?`${Me["aria-label"]} start`:"Range start"}),Ca("span",{className:a("k-draghandle",`k-draghandle-${c}`,R(Ir,{hover:A,focus:G,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":o==="range"?y??C:x,"aria-valuemin":o==="range"?g??k:k,"aria-valuemax":C,"aria-orientation":Ze,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":o==="range"?Me["aria-label"]?`${Me["aria-label"]} end`:"Range end":Me["aria-label"]})]})]}),u&&Ca(m,{className:"k-button-increase",rounded:"full",icon:je,tabIndex:-1,title:"Increase"})]})};ve.states=_b;ve.options=Db;ve.className=Ir;ve.defaultOptions=Po;ve.moduleName=_i;ve.folderName=cd;ve.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 pd}from"react/jsx-runtime";var md="k-tick",Kb=[],Bb={},ud={label:!1},W=e=>{let{style:o,label:t=ud.label,orientation:r,large:l,text:s,...c}=e;return pd("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,md,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:o,children:t&&pd("span",{className:"k-label",children:s})})};W.states=Kb;W.options=Bb;W.className=md;W.defaultOptions=ud;import{Fragment as zb,jsx as _o,jsxs as Ub}from"react/jsx-runtime";var bd=e=>_o(ve,{"aria-label":e["aria-label"]||"Slider",children:Ub(zb,{children:[_o(W,{className:"k-first",label:!0,large:!0,text:"0"}),_o(W,{}),_o(W,{}),_o(W,{}),_o(W,{}),_o(W,{label:!0,large:!0,text:"5"}),_o(W,{}),_o(W,{}),_o(W,{}),_o(W,{}),_o(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Fb,jsx as Do,jsxs as $b}from"react/jsx-runtime";var Td=e=>Do(ve,{children:$b(Fb,{children:[Do(W,{className:"k-first",label:!0,large:!0,text:"0"}),Do(W,{}),Do(W,{}),Do(W,{}),Do(W,{}),Do(W,{label:!0,large:!0,text:"5"}),Do(W,{}),Do(W,{}),Do(W,{}),Do(W,{}),Do(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as aA,jsx as tA,jsxs as rA}from"react/jsx-runtime";import{Fragment as dA,jsx as sA,jsxs as cA}from"react/jsx-runtime";import{jsx as Vb}from"react/jsx-runtime";var Ki=e=>Vb(ve,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Wb}from"react/jsx-runtime";var Bi=e=>Wb(ve,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as NA,jsx as kA,jsxs as wA}from"react/jsx-runtime";import{Fragment as MA,jsx as yA,jsxs as SA}from"react/jsx-runtime";import{jsx as ot,jsxs as fd}from"react/jsx-runtime";var Xb=ve.options,Jb=ve.states,gd={...ve.defaultOptions,variant:"horizontal",label:!0},qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Yb=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],La=e=>{let{variant:o,modifiers:t,...r}=e,l=gd.label,s={};Object.keys(t||{}).forEach(u=>{switch(u){case"button":{s.showButtons=!!t?.[u];break}case"label":{l=!!t?.[u];break}case"tick":{s.showTicks=!!t?.[u];break}}});let c={"--kendo-slider-start":0,"--kendo-slider-end":60};return o==="vertical"?fd(Td,{style:{height:"300px",...c},...r,...s,children:[ot(W,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ot(W,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ot(W,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ot(W,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ot(W,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):fd(bd,{style:{width:"400px",...c},...r,...s,children:[ot(W,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ot(W,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ot(W,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ot(W,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ot(W,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};La.options=Xb;La.states=Jb;La.variants=qb;La.defaultOptions=gd;La.modifiers=Yb;La.className=ve.className;import{jsx as hd,jsxs as oT}from"react/jsx-runtime";var xd="k-spin-button",jb=[],eT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},zi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Mt=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=zi.increaseLabel,decreaseLabel:s=zi.decreaseLabel,...c}=e;return oT("span",{...c,className:a(xd,e.className),children:[hd(m,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),hd(m,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":s})]})};Mt.states=jb;Mt.options=eT;Mt.className=xd;Mt.defaultOptions=zi;Mt.moduleName=null;Mt.folderName=null;var kd="numeric-textbox",Nd="numerictextbox";import{Fragment as wd,jsx as nt,jsxs as Ui}from"react/jsx-runtime";var vd="k-numerictextbox",tT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],aT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},ml={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:o,rounded:t,fillMode:r,separators:l=ml.separators,showClearButton:s=ml.showClearButton,showSpinButton:c=ml.showSpinButton,prefix:u,suffix:T,value:x,placeholder:k,hover:C,focus:g,valid:y,invalid:A,required:G,loading:B,disabled:F,readonly:Z,id:Me,"aria-label":Te,"aria-describedby":Ze,...je}=e;return Ui(Ie,{...je,size:o,rounded:t,fillMode:r,hover:C,focus:g,valid:y,invalid:A,required:G,loading:B,disabled:F,readonly:Z,className:a(e.className,vd),children:[u&&Ui(wd,{children:[nt(Eo,{children:u}),l&&nt(Io,{})]}),nt(vo,{id:Me,placeholder:k,value:x,role:"spinbutton",disabled:F,"aria-label":Te,"aria-describedby":Ze,"aria-invalid":A?"true":void 0}),nt(oo,{valid:y,invalid:A,loading:B,disabled:F}),nt(mo,{loading:B,disabled:F}),s&&nt(wo,{loading:B,disabled:F,readonly:Z,value:x}),T&&Ui(wd,{children:[l&&nt(Io,{}),nt(Go,{children:T})]}),c&&nt(Mt,{className:"k-input-spinner",size:o,fillMode:r,disabled:F})]})};ee.states=tT;ee.options=aT;ee.className=vd;ee.defaultOptions=ml;ee.moduleName=kd;ee.folderName=Nd;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 Or=ee;import{jsx as rT}from"react/jsx-runtime";var Cd=e=>rT(Or,{...e});import $i from"react";import{jsx as Ld}from"react/jsx-runtime";var lT="k-list-group-sticky-header",Fi=e=>Ld("div",{className:a(lT,e.className),children:Ld("div",{className:"k-list-header-text",children:e.children})});import{jsx as nT}from"react/jsx-runtime";var iT="k-no-data",ul=e=>{let{live:o,...t}=e;return nT("span",{...t,className:a(iT,e.className),"aria-live":o?"polite":void 0,children:e.children})};var $t="list",ya=$t;import{jsx as yd,jsxs as Md}from"react/jsx-runtime";var Vi="k-list",sT=[],dT={size:[d.undefined,d.small,d.medium,d.large]},cT={},le=e=>{let{size:o,virtualization:t,children:r,header:l,selectAll:s,optionLabel:c,customValue:u,noData:T,screenReaders:x,...k}=e,g=$i.Children.toArray(r)[0],y=g?.props?.children?$i.Children.count(g.props.children):$i.Children.count(r);return Md("div",{...k,className:a(e.className,Vi,S(Vi,{size:o}),{"k-virtual-list":t}),children:[c,s,u,l&&yd(Fi,{children:l}),r||(T!==void 0?T:yd(ul,{live:!0,children:"No data found."})),x&&r&&Md(ul,{className:"k-sr-only",live:!0,children:[y," items found."]})]})};le.states=sT;le.options=dT;le.className=Vi;le.defaultOptions=cT;le.moduleName=$t;le.folderName=ya;le.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 bT}from"react/jsx-runtime";var Sd="k-list-container",pT=[],mT={},uT={},Ma=e=>{let{...o}=e;return bT("div",{...o,className:a(e.className,Sd),children:e.children})};Ma.states=pT;Ma.options=mT;Ma.className=Sd;Ma.defaultOptions=uT;Ma.moduleName=$t;Ma.folderName=ya;var Vt="checkbox",Sa=Vt;import{jsx as Rd}from"react/jsx-runtime";var bl="k-checkbox",TT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],fT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},gT={},Ce=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:T,required:x,size:k,rounded:C,wrapperRole:g,...y}=e;return Rd("span",{className:"k-checkbox-wrap",role:g,children:Rd("input",{...y,id:o,type:"checkbox",defaultChecked:t,required:x,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,bl,S(bl,{size:k,rounded:C}),R(bl,{hover:l,focus:s,disabled:c,invalid:u,valid:T,indeterminate:r,checked:t}))})})};Ce.states=TT;Ce.options=fT;Ce.className=bl;Ce.defaultOptions=gT;Ce.moduleName=Vt;Ce.folderName=Sa;Ce.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 Xo=Ce;import{jsx as kT}from"react/jsx-runtime";var Ad="k-checkbox-list",hT=[],xT={},Ed={layout:"vertical"},ao=e=>{let{layout:o=Ed.layout,...t}=e;return kT("ul",{...t,className:a(e.className,Ad,{[`k-list-${o}`]:o}),children:e.children})};ao.states=hT;ao.options=xT;ao.className=Ad;ao.defaultOptions=Ed;ao.moduleName=Vt;ao.folderName=Sa;import{jsx as CT}from"react/jsx-runtime";var Gd="k-checkbox-list-item",NT=[],wT={},vT={},ro=e=>{let{...o}=e;return CT("li",{...o,className:a(e.className,Gd),children:e.children})};ro.states=NT;ro.options=wT;ro.className=Gd;ro.defaultOptions=vT;ro.moduleName=Vt;ro.folderName=Sa;import{Fragment as LT,jsx as Id,jsxs as yT}from"react/jsx-runtime";var st=({children:e="Label",id:o="cb-label-after",...t})=>yT(LT,{children:[Id(Xo,{id:o,...