@progress/kendo-themes-html/dist/esm/gantt/templates/gantt-with-tooltip.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 R=(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"}),A=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:s,checked:c,active:u,selected:f,disabled:x,indeterminate:k,loading:L,empty:g,readonly:M,highlighted:E,...P}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":x,"k-indeterminate":k&&!c,"k-loading":L,"k-empty":g,"k-readonly":M,"k-highlighted":E},Object.keys(P).reduce((U,W)=>(W.startsWith("k-")?U[W]=P[W]:U[`k-${W}`]=P[W],U),{}))};function hs(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"},w={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"},ot={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},y={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"},xs={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ai={};function D(e){return ai[e]=(ai[e]||0)+1,`k-${e}-${ai[e]}`}var xe="gantt",we=xe;import{jsxs as Sm}from"react/jsx-runtime";var ks="k-gantt",Lm=[],ym={},Mm={},ho=e=>{let{headerToolbar:o,footerToolbar:t,...r}=e;return Sm("div",{...r,className:a(e.className,ks),role:"application","aria-roledescription":"Gantt Chart",children:[o,e.children,t]})};ho.states=Lm;ho.options=ym;ho.className=ks;ho.defaultOptions=Mm;ho.moduleName=xe;ho.folderName=we;ho.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 Gm,jsx as Ns}from"react/jsx-runtime";var ri="k-font-icon",Rm=[],Am={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},Em={},vr=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:s,...c}=e;return r?Ns("span",{...c,className:a(e.className,ri,R(ri,{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"}):Ns(Gm,{})};vr.states=Rm;vr.options=Am;vr.className=ri;vr.defaultOptions=Em;var ws=vr;import{Fragment as Hm,jsx as al}from"react/jsx-runtime";var li="k-svg-icon",Im=[],Om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info],variant:[ot.outline,ot.solid,ot.duotone]},ii={viewBox:"0 0 24 24",variant:ot.outline},Cr=e=>{let{size:o,themeColor:t,rotate:r,flip:l,viewBox:s=ii.viewBox,variant:c=ii.variant,icon:u,...f}=e;if(!u)return al(Hm,{});if(u==="none")return al("span",{...f,className:a(e.className,li,R("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 al("span",{...f,className:a(e.className,li,R("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:al("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})})};Cr.states=Im;Cr.options=Om;Cr.className=li;Cr.defaultOptions=ii;var ni=Cr;import*as si from"@progress/kendo-svg-icons";var vs="icon",Cs="icons";import{useContext as _m}from"react";import{createContext as Pm}from"react";var Ls=Pm({iconsType:"svg"});import{Fragment as ys,jsx as Lr}from"react/jsx-runtime";var rl="k-icon",Dm=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),Km=[],Bm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info],variant:[ot.outline,ot.solid,ot.duotone]},ll={viewBox:"0 0 24 24",type:"svg",variant:ot.outline},p=e=>{let{iconsType:o}=_m(Ls),{size:t,themeColor:r,icon:l,type:s=o||ll.type,rotate:c,flip:u,viewBox:f=ll.viewBox,variant:x=ll.variant,...k}=e;if(!l)return Lr(ys,{});if((o||s)==="svg"){if(l==="none")return Lr(ni,{...k,className:a(e.className,rl),icon:l,size:t,variant:x});let g=si[l]?l:Dm(`${l}-icon`);return si[g]?Lr(ni,{...k,className:a(e.className,rl),icon:si[g],size:t,themeColor:r,rotate:c,flip:u,viewBox:f,variant:x}):Lr(ys,{})}return Lr(ws,{...k,className:a(e.className,rl),icon:l,size:t,themeColor:r,rotate:c,flip:u})};p.states=Km;p.options=Bm;p.defaultOptions=ll;p.className=rl;p.moduleName=vs;p.folderName=Cs;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 di="button",Ms=di;import{Fragment as Ss,jsx as ga,jsxs as Rs}from"react/jsx-runtime";var yr="k-button",zm=["icon-button"],Um=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Fm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},ci={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:s,showArrow:c=ci.showArrow,arrowIconName:u=ci.arrowIconName,variant:f,hover:x,focus:k,active:L,selected:g,disabled:M,togglable:E,ariaDisabled:P,icon:U,iconSize:W,text:j,iconClassName:Ae,className:he,...to}=e,ao=U!=null,ro=e.children!==void 0;return Rs(o,{className:a(he,yr,hs(yr,f),R(yr,{size:t,rounded:r,fillMode:l,themeColor:s}),A(yr,{hover:x,focus:k,active:L,disabled:M||P,selected:g}),{"k-icon-button":!j&&!ro&&ao}),"aria-pressed":E?g?"true":"false":void 0,...to,"aria-disabled":P?"true":void 0,disabled:M||void 0,children:[typeof U=="string"&&U&&ga(p,{className:a(Ae,"k-button-icon"),icon:U,size:W}),U&&typeof U!="string"&&ga(Ss,{children:U}),j?Rs(Ss,{children:[j&&ga("span",{className:"k-button-text",children:j}),e.children]}):e.children&&ga("span",{className:"k-button-text",children:e.children}),c&&ga("span",{className:"k-menu-button-arrow k-button-arrow",children:ga(p,{icon:u})})]})};m.states=Um;m.options=Fm;m.variants=zm;m.className=yr;m.defaultOptions=ci;m.moduleName=di;m.folderName=Ms;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 $m}from"react/jsx-runtime";var wt=e=>$m(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Vm}from"react/jsx-runtime";var Mr=e=>Vm(m,{icon:"folder",children:"Button",...e});import{jsx as Wm}from"react/jsx-runtime";var Yt=e=>Wm(m,{children:"Button",...e});import{jsx as pi}from"react/jsx-runtime";var Xm=m.options,Jm=m.states,qm={...m.defaultOptions,variant:"text"},Ym=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Qm=[],ha=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return pi(wt,{...t,icon:"star"});case"icon-and-text":return pi(Mr,{...t,icon:"star",children:"Button"});default:return pi(Yt,{...t,children:"Button"})}};ha.options=Xm;ha.states=Jm;ha.variants=Ym;ha.defaultOptions=qm;ha.modifiers=Qm;ha.className=m.className;var mi="button",As=mi;import{jsx as ou}from"react/jsx-runtime";var Sr="k-button-group",Zm=[n.disabled],jm={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},eu={},q=e=>{let{fillMode:o,disabled:t,stretched:r,...l}=e;return ou("div",{role:"group",...l,className:a(e.className,Sr,R(Sr,{fillMode:o}),A(Sr,{disabled:t}),{[`${Sr}-stretched`]:r}),...t&&{"aria-disabled":"true"},children:e.children})};q.states=Zm;q.options=jm;q.className=Sr;q.defaultOptions=eu;q.moduleName=mi;q.folderName=As;q.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 LC,jsx as CC,jsxs as yC}from"react/jsx-runtime";import{Fragment as GC,jsx as EC,jsxs as IC}from"react/jsx-runtime";import{Fragment as KC,jsx as DC,jsxs as BC}from"react/jsx-runtime";import{Fragment as WC,jsx as VC,jsxs as XC}from"react/jsx-runtime";import{Fragment as jC,jsx as ZC,jsxs as eL}from"react/jsx-runtime";import{Fragment as iL,jsx as lL,jsxs as nL}from"react/jsx-runtime";import{jsx as st,jsxs as ui}from"react/jsx-runtime";var tu={...m.options,...q.options},au=m.states,ru={...m.defaultOptions,...q.defaultOptions,variant:"text-button"},lu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],xa=e=>{let{variant:o,className:t,...r}=e;return o==="icon-button"?ui(q,{fillMode:r.fillMode,className:t,children:[st(m,{...r,icon:"star"}),st(m,{...r,icon:"star"}),st(m,{...r,icon:"star"})]}):o==="icon-text-button"?ui(q,{fillMode:r.fillMode,className:t,children:[st(m,{...r,icon:"star",children:"First"}),st(m,{...r,icon:"star",children:"Middle"}),st(m,{...r,icon:"star",children:"Last"})]}):ui(q,{fillMode:r.fillMode,className:t,children:[st(m,{...r,children:"First"}),st(m,{...r,children:"Middle"}),st(m,{...r,children:"Last"})]})};xa.options=tu;xa.states=au;xa.variants=lu;xa.defaultOptions=ru;xa.modifiers=iu;xa.className=q.className;var Rr="input",il=Rr;import{jsx as cu}from"react/jsx-runtime";var nl="k-input",nu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],su={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},du={},Pe=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:x,fillMode:k,...L}=e;return cu("span",{...L,className:a(e.className,nl,R(nl,{size:f,rounded:x,fillMode:k}),A(nl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};Pe.states=nu;Pe.options=su;Pe.className=nl;Pe.defaultOptions=du;Pe.moduleName=Rr;Pe.folderName=il;import{jsx as bu}from"react/jsx-runtime";var sl="k-picker",pu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},uu={},tt=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:x,fillMode:k,...L}=e;return bu("span",{...L,className:a(e.className,sl,R(sl,{size:f,rounded:x,fillMode:k}),A(sl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};tt.states=pu;tt.options=mu;tt.className=sl;tt.defaultOptions=uu;tt.moduleName=Rr;tt.folderName=il;import{Fragment as gu,jsx as bi}from"react/jsx-runtime";var Es="k-clear-value",Tu=[n.disabled,n.loading,n.readonly],fu={},Lo=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?bi(gu,{}):bi("span",{className:a(e.className,Es),children:bi(p,{icon:"x"})})};Lo.states=Tu;Lo.options=fu;Lo.className=Es;import{jsx as ku}from"react/jsx-runtime";var Ti="k-input-inner",hu=[],xu={},dl={type:"text",autocomplete:"off",value:"",placeholder:""},yo=e=>{let{value:o=dl.value,type:t=dl.type,placeholder:r=dl.placeholder,autocomplete:l=dl.autocomplete,disabled:s,readOnly:c,...u}=e;return ku("input",{...u,type:t,className:a(e.className,Ti,R(Ti,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:s||void 0,readOnly:c||void 0})};yo.states=hu;yo.options=xu;yo.className=Ti;import{jsx as Gs,jsxs as vu}from"react/jsx-runtime";var fi="k-input-inner",Nu=[],wu={},Qt=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return vu("span",{...c,className:a(e.className,fi,R(fi,e)),children:[l,!l&&s&&Gs(p,{className:"k-input-value-icon",icon:s}),r&&!o&&t,r&&o&&Gs("span",{className:"k-input-value-text",children:o})]})};Qt.states=Nu;Qt.options=wu;Qt.className=fi;import{jsx as yu}from"react/jsx-runtime";var gi="k-input-inner",Cu=[],Lu={},Is={value:"",placeholder:""},hi=e=>{let{value:o=Is.value,placeholder:t=Is.placeholder,rows:r,disabled:l,...s}=e;return yu("textarea",{...s,className:a(e.className,gi,R(gi,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};hi.states=Cu;hi.options=Lu;hi.className=gi;import{Fragment as Su,jsx as Os}from"react/jsx-runtime";var Hs="k-input-loading-icon",Mu=[n.disabled,n.loading],xo=e=>{let{disabled:o,loading:t}=e;return o||!t?Os(Su,{}):Os("span",{className:a(e.className,Hs,"k-icon k-i-loading")})};xo.states=Mu;xo.className=Hs;import{Fragment as Eu,jsx as Ps}from"react/jsx-runtime";var _s="k-input-validation-icon",Ru=[n.valid,n.invalid,n.disabled,n.loading],Au={},lo=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,s=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?Ps(Eu,{}):Ps(p,{className:a(_s),icon:s})};lo.states=Ru;lo.options=Au;lo.className=_s;import{Fragment as Ou,jsx as Ds}from"react/jsx-runtime";var Gu="k-input-prefix",Iu={direction:"horizontal"},Ho=e=>{let{direction:o=Iu.direction,...t}=e;return e.children?Ds("span",{...t,className:a(Gu,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):Ds(Ou,{})};import{Fragment as _u,jsx as Ks}from"react/jsx-runtime";var Hu="k-input-suffix",Pu={direction:"horizontal"},Po=e=>{let{direction:o=Pu.direction,...t}=e;return e.children?Ks("span",{...t,className:a(Hu,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):Ks(_u,{})};import{jsx as ny}from"react/jsx-runtime";import{jsx as Ku}from"react/jsx-runtime";var Du="k-input-suffix-text",xi=e=>{let{children:o,...t}=e;return Ku("span",{...t,className:a(Du,e.className),children:o})};import{jsx as zu}from"react/jsx-runtime";var Bs="k-input-separator",Bu={direction:"vertical"},_o=e=>{let{direction:o=Bu.direction,...t}=e;return zu("span",{...t,className:a(Bs,e.className,{[`${Bs}-${o}`]:o})})};import{Fragment as zs,jsx as at,jsxs as ki}from"react/jsx-runtime";var Uu=Pe.states,Fu=Pe.defaultOptions,$u=Pe.options,Vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Wu=[],ka=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,f=o?.prefix,x=o?.suffix,k=o?.["clear-button"],L=o?.["validation-icon"],g=o?.separators;return ki(Pe,{...u,valid:t,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&ki(zs,{children:[at(Ho,{children:at(p,{icon:"lock"})}),g&&at(_o,{})]}),at(yo,{placeholder:"Placeholder",value:"Value"}),L&&at(lo,{valid:t,invalid:r,loading:l,disabled:s}),at(xo,{loading:l,disabled:s}),k&&at(Lo,{loading:l,disabled:s,readonly:c,value:"Value"}),x&&ki(zs,{children:[g&&at(_o,{}),at(Po,{children:at(Yt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ka.options=$u;ka.states=Uu;ka.variants=Wu;ka.defaultOptions=Fu;ka.modifiers=Vu;ka.className=Pe.className;import{jsx as Us,jsxs as qu}from"react/jsx-runtime";var Fs="k-color-preview",Xu=[],Ju={},vt=e=>{let{color:o,iconName:t,...r}=e;return qu("span",{...r,className:a(e.className,Fs,{"k-icon-color-preview":t,"k-no-color":!o}),children:[t&&Us(p,{icon:t,className:"k-color-preview-icon"}),Us("span",{className:"k-color-preview-mask",style:{backgroundColor:o}})]})};vt.states=Xu;vt.options=Ju;vt.className=Fs;var Ni="popup",$s=Ni;import{jsx as Vs}from"react/jsx-runtime";var Ws="k-animation-container",Yu=[],Qu={},wi={positionMode:"absolute",shown:!0},Do=e=>{let{positionMode:o=wi.positionMode,shown:t=wi.shown,animationStyle:r,offset:l,...s}=e;return Vs("div",{...s,style:{...l,...e.style},className:a(e.className,Ws,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:Vs("div",{className:"k-child-animation-container",style:r,children:e.children})})};Do.states=Yu;Do.options=Qu;Do.className=Ws;Do.defaultOptions=wi;Do.moduleName=Ni;Do.folderName=$s;var vi="popup",Xs=vi;import{jsx as Js}from"react/jsx-runtime";var qs="k-popup",Zu=[],ju={},Ys={positionMode:"absolute"},de=e=>{let{offset:o,positionMode:t=Ys.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Js(Do,{positionMode:t,offset:o,animationStyle:r,className:l,role:s,"aria-label":c,children:Js("div",{...u,className:a(e.className,qs),children:e.children})})};de.states=Zu;de.options=ju;de.className=qs;de.defaultOptions=Ys;de.moduleName=vi;de.folderName=Xs;de.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 Ci="action-buttons",Qs=Ci;import{jsx as tb}from"react/jsx-runtime";var cl="k-actions",eb=[],ob={},Li={alignment:"start",orientation:"horizontal"},Ko=e=>{let{alignment:o=Li.alignment,orientation:t=Li.orientation,...r}=e;return tb("div",{...r,className:a(cl,{[`${cl}-${o}`]:o,[`${cl}-${t}`]:t},e.className),children:e.children})};Ko.states=eb;Ko.options=ob;Ko.className=cl;Ko.defaultOptions=Li;Ko.moduleName=Ci;Ko.folderName=Qs;import{jsx as rb}from"react/jsx-runtime";var ab="k-actionsheet-footer",Zs={alignment:"stretched",orientation:"horizontal"},Ct=e=>{let{alignment:o=Zs.alignment,orientation:t=Zs.orientation,template:r,as:l=r?"div":Ko,...s}=e;return rb(l,{...s,...!r&&{alignment:o,orientation:t},className:a(e.className,ab),children:e.children})};var yi="searchbox",js=yi;import{jsx as Ar,jsxs as nb}from"react/jsx-runtime";var ed="k-searchbox",lb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ib={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Mi={showIcon:!0,icon:"search"},Mo=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:x,required:k,loading:L,disabled:g,showIcon:M=Mi.showIcon,icon:E=Mi.icon,"aria-label":P,...U}=e;return nb(Pe,{...U,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:x,required:k,loading:L,disabled:g,className:a(e.className,ed),children:[M&&Ar(p,{className:"k-input-icon",icon:E}),Ar(yo,{placeholder:t,value:o,"aria-label":P}),Ar(xo,{...e}),Ar(lo,{...e}),Ar(Lo,{...e})]})};Mo.states=lb;Mo.options=ib;Mo.className=ed;Mo.defaultOptions=Mi;Mo.moduleName=yi;Mo.folderName=js;import{jsx as GM}from"react/jsx-runtime";var Si="textbox",od=Si;import{Fragment as td,jsx as Lt,jsxs as Ri}from"react/jsx-runtime";var ad="k-textbox",sb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],db={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},pl={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:o,rounded:t,fillMode:r,separators:l=pl.separators,showClearButton:s=pl.showClearButton,showValidationIcon:c=pl.showValidationIcon,prefix:u,suffix:f,type:x,value:k,placeholder:L,hover:g,focus:M,valid:E,invalid:P,required:U,loading:W,disabled:j,readonly:Ae,id:he,"aria-label":to,"aria-describedby":ao,...ro}=e;return Ri(Pe,{...ro,size:o,rounded:t,fillMode:r,hover:g,focus:M,valid:E,invalid:P,required:U,loading:W,disabled:j,readonly:Ae,className:a(e.className,ad),children:[u&&Ri(td,{children:[Lt(Ho,{children:u}),l&&Lt(_o,{})]}),Lt(yo,{id:he,placeholder:L,value:k,type:x,disabled:j,"aria-label":to,"aria-describedby":ao,"aria-invalid":P?"true":void 0}),c&&Lt(lo,{valid:E,invalid:P,loading:W,disabled:j}),Lt(xo,{loading:W,disabled:j}),s&&Lt(Lo,{loading:W,disabled:j,readonly:Ae,value:k}),f&&Ri(td,{children:[l&&Lt(_o,{}),Lt(Po,{children:f})]})]})};ke.states=sb;ke.options=db;ke.className=ad;ke.defaultOptions=pl;ke.moduleName=Si;ke.folderName=od;ke.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 Er=ke;import{jsx as cb}from"react/jsx-runtime";var rd=e=>cb(Er,{...e});import{Fragment as YM,jsx as qM}from"react/jsx-runtime";import{Fragment as tS,jsx as oS}from"react/jsx-runtime";import{jsx as iS}from"react/jsx-runtime";import{jsx as Ai}from"react/jsx-runtime";var pb=ke.states,mb=ke.defaultOptions,ub=ke.options,bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tb=[],Na=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o?.[l]?Ai(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o?.[l]?Ai(Yt,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o?.[l];break;default:break}}),Ai(rd,{value:"Value",style:{width:300},...t,...r})};Na.options=ub;Na.states=pb;Na.variants=Tb;Na.defaultOptions=mb;Na.modifiers=bb;Na.className=ke.className;import{jsx as yt,jsxs as Ei}from"react/jsx-runtime";var ld="k-actionsheet-titlebar",fb={},io=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:x,titleId:k,children:L,...g}=e;return Ei("div",{...g,className:a(e.className,ld),children:[Ei("div",{className:"k-actionsheet-titlebar-group",children:[r&&yt("div",{className:"k-actionsheet-actions",children:r}),!L&&Ei("div",{className:"k-actionsheet-title",id:k,children:[o&&yt("div",{className:"k-text-center",children:o}),t&&yt("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),L&&yt("div",{className:"k-actionsheet-title",id:k,children:L}),l&&yt("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?yt(ke,{value:u,placeholder:f,size:x?"large":"medium","aria-label":o||f||"Input"}):yt(Mo,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};io.className=ld;io.defaultOptions=fb;import{jsx as Gi,jsxs as kb}from"react/jsx-runtime";var Ii="k-actionsheet-view",gb=[],hb={},xb={},wa=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:s,titleId:c,...u}=e,f=l?.type===io&&Gi(io,{adaptive:o,titleId:c,...l?.props}),x=s?.type===Ct&&Gi(Ct,{...s?.props});return kb("div",{...u,className:a(e.className,Ii,{[`${Ii}-animated`]:t}),children:[f,Gi("div",{className:"k-actionsheet-content",children:r}),x]})};wa.states=gb;wa.options=hb;wa.className=Ii;wa.defaultOptions=xb;var Gr="action-sheet",ml=Gr;var Oi="overlay",id=Oi;import{jsx as Cb}from"react/jsx-runtime";var nd="k-overlay",Nb=[],wb={},vb={},Mt=e=>{let{...o}=e;return Cb("div",{...o,className:a(e.className,nd),children:e.children})};Mt.states=Nb;Mt.options=wb;Mt.className=nd;Mt.defaultOptions=vb;Mt.moduleName=Oi;Mt.folderName=id;import{jsx as ul,jsxs as Mb}from"react/jsx-runtime";var sd="k-actionsheet",Lb=[],yb={},Ir={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Oe=e=>{let{side:o=Ir.side,fullscreen:t=Ir.fullscreen,adaptive:r=Ir.adaptive,overlay:l=Ir.overlay,template:s,children:c,header:u,footer:f,id:x,...k}=e,L=x&&!s&&u?`${x}-title`:void 0;return Mb("div",{className:"k-actionsheet-container",children:[l&&ul(Mt,{}),ul(Do,{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:ul("div",{...k,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:a(e.className,sd,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:s||ul(wa,{header:u,footer:f,adaptive:r,titleId:L,...e,children:c})})})]})};Oe.states=Lb;Oe.options=yb;Oe.className=sd;Oe.defaultOptions=Ir;Oe.moduleName=Gr;Oe.folderName=ml;Oe.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 Eb}from"react/jsx-runtime";var dd="k-actionsheet-container",Sb=[],Rb={},Ab={},va=e=>{let{children:o,...t}=e;return Eb("div",{...t,className:dd,children:o})};va.states=Sb;va.options=Rb;va.className=dd;va.defaultOptions=Ab;va.moduleName=Gr;va.folderName=ml;import{jsx as Gb}from"react/jsx-runtime";var Hi=e=>{let{...o}=e;return Gb("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ob,jsx as Or,jsxs as Pi}from"react/jsx-runtime";var _i="k-actionsheet-item",Ib=[n.hover,n.focus,n.selected,n.disabled],St=e=>{let{iconName:o,text:t,description:r,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Pi("span",{...f,className:a(e.className,_i,A(_i,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Or(Ob,{children:Pi("span",{className:"k-actionsheet-action",children:[o&&Or("span",{className:"k-icon-wrap",children:Or(p,{className:"k-actionsheet-item-icon",icon:o})}),Pi("span",{className:"k-actionsheet-item-text",children:[t&&Or("span",{className:"k-actionsheet-item-title",children:t}),r&&Or("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};St.states=Ib;St.className=_i;import{jsx as lR,jsxs as iR}from"react/jsx-runtime";import{jsx as cR}from"react/jsx-runtime";import{jsx as bR}from"react/jsx-runtime";import{jsx as hR}from"react/jsx-runtime";import{jsx as Fe,jsxs as Di}from"react/jsx-runtime";var Hb=Oe.options,Pb=Oe.states,pd={...Oe.defaultOptions,variant:"normal"},_b=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Db=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ca=e=>{let{variant:o,modifiers:t,...r}={...pd,...e},l={},s=Di(Hi,{children:[Fe(St,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Fe(St,{text:"Add to Favorites",iconName:"heart"}),Fe(St,{text:"Upload New",iconName:"upload",disabled:!0}),Fe("hr",{className:"k-hr"}),Fe(St,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!t?.[f],l.actionsEnd=!!t?.[f];break;case"subtitle":l.subtitle=t?.[f]?c:void 0;break;case"footer":l.footer=!!t?.[f];break;default:break}}),o==="adaptive"?Fe(Oe,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Fe(io,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Di(Ct,{alignment:"stretched",children:[Fe(m,{text:"Cancel",size:"large",themeColor:"base"}),Fe(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Fe(Oe,{...r,fullscreen:l.fullScreen,header:Fe(io,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Di(Ct,{alignment:"stretched",children:[Fe(m,{text:"Apply",themeColor:"primary"}),Fe(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Ca.options=Hb;Ca.states=Pb;Ca.variants=_b;Ca.defaultOptions=pd;Ca.modifiers=Db;Ca.className=Oe.className;var Ki="slider",md=Ki;import{jsx as La,jsxs as Bi}from"react/jsx-runtime";var Hr="k-slider",Kb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Bb={},Bo={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ye=e=>{let{type:o=Bo.type,orientation:t=Bo.orientation,gradientType:r=Bo.gradientType,readonly:l=Bo.readonly,disabled:s=Bo.disabled,handlePosition:c=Bo.handlePosition,showButtons:u=Bo.showButtons,showTicks:f=Bo.showTicks,value:x=Bo.value,min:k=Bo.min,max:L=Bo.max,startValue:g,endValue:M,hover:E,focus:P,active:U,trackStyle:W,dir:j,...Ae}=e,to=(()=>{if(o==="gradient"&&r==="2d")return"undefined";if(t==="vertical")return"vertical"})(),ao,ro;return t==="horizontal"?(ao=j==="rtl"?"chevron-left":"chevron-right",ro=j==="rtl"?"chevron-right":"chevron-left"):t==="vertical"&&(ao="chevron-up",ro="chevron-down"),Bi("div",{...Ae,className:a(Hr,e.className,A(Hr,{readonly:l,disabled:s}),{[`k-slider-${t}`]:t,"k-colorgradient-slider":o==="gradient"}),dir:j,children:[u&&La(m,{className:"k-button-decrease",rounded:"full",icon:ro,tabIndex:-1,title:"Decrease"}),Bi("div",{className:"k-slider-track-wrap",children:[f&&La("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Bi("div",{className:"k-slider-track",style:W,children:[La("div",{className:"k-slider-selection"}),o==="range"&&La("span",{className:a("k-draghandle","k-draghandle-start",A(Hr,{hover:E,focus:P,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":g??k,"aria-valuemin":k,"aria-valuemax":M??L,"aria-orientation":to,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Ae["aria-label"]?`${Ae["aria-label"]} start`:"Range start"}),La("span",{className:a("k-draghandle",`k-draghandle-${c}`,A(Hr,{hover:E,focus:P,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":o==="range"?M??L:x,"aria-valuemin":o==="range"?g??k:k,"aria-valuemax":L,"aria-orientation":to,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":o==="range"?Ae["aria-label"]?`${Ae["aria-label"]} end`:"Range end":Ae["aria-label"]})]})]}),u&&La(m,{className:"k-button-increase",rounded:"full",icon:ao,tabIndex:-1,title:"Increase"})]})};ye.states=Kb;ye.options=Bb;ye.className=Hr;ye.defaultOptions=Bo;ye.moduleName=Ki;ye.folderName=md;ye.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 ud}from"react/jsx-runtime";var bd="k-tick",zb=[],Ub={},Td={label:!1},X=e=>{let{style:o,label:t=Td.label,orientation:r,large:l,text:s,...c}=e;return ud("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,bd,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:o,children:t&&ud("span",{className:"k-label",children:s})})};X.states=zb;X.options=Ub;X.className=bd;X.defaultOptions=Td;import{Fragment as Fb,jsx as zo,jsxs as $b}from"react/jsx-runtime";var fd=e=>zo(ye,{"aria-label":e["aria-label"]||"Slider",children:$b(Fb,{children:[zo(X,{className:"k-first",label:!0,large:!0,text:"0"}),zo(X,{}),zo(X,{}),zo(X,{}),zo(X,{}),zo(X,{label:!0,large:!0,text:"5"}),zo(X,{}),zo(X,{}),zo(X,{}),zo(X,{}),zo(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Vb,jsx as Uo,jsxs as Wb}from"react/jsx-runtime";var gd=e=>Uo(ye,{children:Wb(Vb,{children:[Uo(X,{className:"k-first",label:!0,large:!0,text:"0"}),Uo(X,{}),Uo(X,{}),Uo(X,{}),Uo(X,{}),Uo(X,{label:!0,large:!0,text:"5"}),Uo(X,{}),Uo(X,{}),Uo(X,{}),Uo(X,{}),Uo(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as iA,jsx as lA,jsxs as nA}from"react/jsx-runtime";import{Fragment as mA,jsx as pA,jsxs as uA}from"react/jsx-runtime";import{jsx as Xb}from"react/jsx-runtime";var zi=e=>Xb(ye,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Jb}from"react/jsx-runtime";var Ui=e=>Jb(ye,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as CA,jsx as vA,jsxs as LA}from"react/jsx-runtime";import{Fragment as AA,jsx as RA,jsxs as EA}from"react/jsx-runtime";import{jsx as rt,jsxs as hd}from"react/jsx-runtime";var qb=ye.options,Yb=ye.states,xd={...ye.defaultOptions,variant:"horizontal",label:!0},Qb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zb=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],ya=e=>{let{variant:o,modifiers:t,...r}=e,l=xd.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"?hd(gd,{style:{height:"300px",...c},...r,...s,children:[rt(X,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),rt(X,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),rt(X,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),rt(X,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),rt(X,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):hd(fd,{style:{width:"400px",...c},...r,...s,children:[rt(X,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),rt(X,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),rt(X,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),rt(X,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),rt(X,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ya.options=qb;ya.states=Yb;ya.variants=Qb;ya.defaultOptions=xd;ya.modifiers=Zb;ya.className=ye.className;import{jsx as kd,jsxs as aT}from"react/jsx-runtime";var Nd="k-spin-button",oT=[],tT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Fi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=Fi.increaseLabel,decreaseLabel:s=Fi.decreaseLabel,...c}=e;return aT("span",{...c,className:a(Nd,e.className),children:[kd(m,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),kd(m,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":s})]})};Rt.states=oT;Rt.options=tT;Rt.className=Nd;Rt.defaultOptions=Fi;Rt.moduleName=null;Rt.folderName=null;var wd="numeric-textbox",vd="numerictextbox";import{Fragment as Cd,jsx as dt,jsxs as $i}from"react/jsx-runtime";var Ld="k-numerictextbox",rT=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],lT={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},bl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:o,rounded:t,fillMode:r,separators:l=bl.separators,showClearButton:s=bl.showClearButton,showSpinButton:c=bl.showSpinButton,prefix:u,suffix:f,value:x,placeholder:k,hover:L,focus:g,valid:M,invalid:E,required:P,loading:U,disabled:W,readonly:j,id:Ae,"aria-label":he,"aria-describedby":to,...ao}=e;return $i(Pe,{...ao,size:o,rounded:t,fillMode:r,hover:L,focus:g,valid:M,invalid:E,required:P,loading:U,disabled:W,readonly:j,className:a(e.className,Ld),children:[u&&$i(Cd,{children:[dt(Ho,{children:u}),l&&dt(_o,{})]}),dt(yo,{id:Ae,placeholder:k,value:x,role:"spinbutton",disabled:W,"aria-label":he,"aria-describedby":to,"aria-invalid":E?"true":void 0}),dt(lo,{valid:M,invalid:E,loading:U,disabled:W}),dt(xo,{loading:U,disabled:W}),s&&dt(Lo,{loading:U,disabled:W,readonly:j,value:x}),f&&$i(Cd,{children:[l&&dt(_o,{}),dt(Po,{children:f})]}),c&&dt(Rt,{className:"k-input-spinner",size:o,fillMode:r,disabled:W})]})};te.states=rT;te.options=lT;te.className=Ld;te.defaultOptions=bl;te.moduleName=wd;te.folderName=vd;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 Pr=te;import{jsx as iT}from"react/jsx-runtime";var yd=e=>iT(Pr,{...e});import Wi from"react";import{jsx as Md}from"react/jsx-runtime";var nT="k-list-group-sticky-header",Vi=e=>Md("div",{className:a(nT,e.className),children:Md("div",{className:"k-list-header-text",children:e.children})});import{jsx as dT}from"react/jsx-runtime";var sT="k-no-data",Tl=e=>{let{live:o,...t}=e;return dT("span",{...t,className:a(sT,e.className),"aria-live":o?"polite":void 0,children:e.children})};var Zt="list",Ma=Zt;import{jsx as Sd,jsxs as Rd}from"react/jsx-runtime";var Xi="k-list",cT=[],pT={size:[d.undefined,d.small,d.medium,d.large]},mT={},ne=e=>{let{size:o,virtualization:t,children:r,header:l,selectAll:s,optionLabel:c,customValue:u,noData:f,screenReaders:x,...k}=e,g=Wi.Children.toArray(r)[0],M=g?.props?.children?Wi.Children.count(g.props.children):Wi.Children.count(r);return Rd("div",{...k,className:a(e.className,Xi,R(Xi,{size:o}),{"k-virtual-list":t}),children:[c,s,u,l&&Sd(Vi,{children:l}),r||(f!==void 0?f:Sd(Tl,{live:!0,children:"No data found."})),x&&r&&Rd(Tl,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};ne.states=cT;ne.options=pT;ne.className=Xi;ne.defaultOptions=mT;ne.moduleName=Zt;ne.folderName=Ma;ne.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 fT}from"react/jsx-runtime";var Ad="k-list-container",uT=[],bT={},TT={},Sa=e=>{let{...o}=e;return fT("div",{...o,className:a(e.className,Ad),children:e.children})};Sa.states=uT;Sa.options=bT;Sa.className=Ad;Sa.defaultOptions=TT;Sa.moduleName=Zt;Sa.folderName=Ma;var jt="checkbox",Ra=jt;import{jsx as Ed}from"react/jsx-runtime";var fl="k-checkbox",gT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],hT={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full]},xT={},Me=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:x,size:k,rounded:L,wrapperRole:g,...M}=e;return Ed("span",{className:"k-checkbox-wrap",role:g,children:Ed("input",{...M,id:o,type:"checkbox",defaultChecked:t,required:x,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,fl,R(fl,{size:k,rounded:L}),A(fl,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:r,checked:t}))})})};Me.states=gT;Me.options=hT;Me.className=fl;Me.defaultOptions=xT;Me.moduleName=jt;Me.folderName=Ra;Me.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 Yo=Me;import{jsx as wT}from"react/jsx-runtime";var Gd="k-checkbox-list",kT=[],NT={},Id={layout:"vertical"},no=e=>{let{layout:o=Id.layout,...t}=e;return wT("ul",{...t,className:a(e.className,Gd,{[`k-list-${o}`]:o}),children:e.children})};no.states=kT;no.options=NT;no.className=Gd;no.defaultOptions=Id;no.moduleName=jt;no.folderName=Ra;import{jsx as yT}from"react/jsx-runtime";var Od="k-checkbox-list-item",vT=[],CT={},LT={},so=e=>{let{...o}=e;return yT("li",{...o,className:a(e.className,Od),children:e.children})};so.states=vT;so.options=CT;so.className=Od;so.defaultOptions=LT;so.moduleName=jt;so.folderName=Ra;import{Fragment as MT,jsx as Hd,jsxs as ST}from"react/jsx-runtime";var ct=({children:e="Label",id:o="cb-label-after",...t})=>ST(MT,{children:[Hd(Yo,{id:o,...