@progress/kendo-themes-html/dist/esm/taskboard/taskboard.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),T=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:p,selected:f,disabled:x,indeterminate:h,loading:k,empty:m,readonly:v,highlighted:N,...L}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":p,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!d,"k-loading":k,"k-empty":m,"k-readonly":v,"k-highlighted":N},Object.keys(L).reduce((S,y)=>(y.startsWith("k-")?S[y]=L[y]:S[`k-${y}`]=L[y],S),{}))};function qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},tt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={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"};var dr={};function A(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}var cr="action-buttons",Wn=cr;import{jsx as jl}from"react/jsx-runtime";var ya="k-actions",Ql=[],Zl={},pr={alignment:"start",orientation:"horizontal"},ze=e=>{let{alignment:t=pr.alignment,orientation:o=pr.orientation,...a}=e;return jl("div",{...a,className:i(ya,{[`${ya}-${t}`]:t,[`${ya}-${o}`]:o},e.className),children:e.children})};ze.states=Ql;ze.options=Zl;ze.className=ya;ze.defaultOptions=pr;ze.moduleName=cr;ze.folderName=Wn;import{Fragment as ad,jsx as Jn}from"react/jsx-runtime";var mr="k-font-icon",ed=[],td={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},od={},jo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Jn("span",{...d,className:i(e.className,mr,I(mr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Jn(ad,{})};jo.states=ed;jo.options=td;jo.className=mr;jo.defaultOptions=od;var Yn=jo;import{Fragment as id,jsx as Ia}from"react/jsx-runtime";var ur="k-svg-icon",rd=[],nd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[tt.outline,tt.solid,tt.duotone]},br={viewBox:"0 0 24 24",variant:tt.outline},ea=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=br.viewBox,variant:d=br.variant,icon:p,...f}=e;if(!p)return Ia(id,{});if(p==="none")return Ia("span",{...f,className:i(e.className,ur,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name,h=typeof p=="object"?d&&p.variants?.[d]||p.variants?.outline||p.content:void 0;return Ia("span",{...f,className:i(e.className,ur,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ia("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:p?void 0:e.children})})};ea.states=rd;ea.options=nd;ea.className=ur;ea.defaultOptions=br;var fr=ea;import*as hr from"@progress/kendo-svg-icons";var Qn="icon",Zn="icons";import{useContext as ld}from"react";import{createContext as sd}from"react";var jn=sd({iconsType:"svg"});import{Fragment as ei,jsx as ta}from"react/jsx-runtime";var Ta="k-icon",dd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),cd=[],pd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[tt.outline,tt.solid,tt.duotone]},Ea={viewBox:"0 0 24 24",type:"svg",variant:tt.outline},M=e=>{let{iconsType:t}=ld(jn),{size:o,themeColor:a,icon:r,type:s=t||Ea.type,rotate:d,flip:p,viewBox:f=Ea.viewBox,variant:x=Ea.variant,...h}=e;if(!r)return ta(ei,{});if((t||s)==="svg"){if(r==="none")return ta(fr,{...h,className:i(e.className,Ta),icon:r,size:o,variant:x});let m=hr[r]?r:dd(`${r}-icon`);return hr[m]?ta(fr,{...h,className:i(e.className,Ta),icon:hr[m],size:o,themeColor:a,rotate:d,flip:p,viewBox:f,variant:x}):ta(ei,{})}return ta(Yn,{...h,className:i(e.className,Ta),icon:r,size:o,themeColor:a,rotate:d,flip:p})};M.states=cd;M.options=pd;M.defaultOptions=Ea;M.className=Ta;M.moduleName=Qn;M.folderName=Zn;M.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 xr="button",ti=xr;import{Fragment as oi,jsx as jt,jsxs as ai}from"react/jsx-runtime";var oa="k-button",md=["icon-button"],ud=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],bd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},kr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=kr.showArrow,arrowIconName:p=kr.arrowIconName,variant:f,hover:x,focus:h,active:k,selected:m,disabled:v,togglable:N,ariaDisabled:L,icon:S,iconSize:y,text:C,iconClassName:H,className:Y,...Z}=e,ie=S!=null,se=e.children!==void 0;return ai(t,{className:i(Y,oa,qn(oa,f),I(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),T(oa,{hover:x,focus:h,active:k,disabled:v||L,selected:m}),{"k-icon-button":!C&&!se&&ie}),"aria-pressed":N?m?"true":"false":void 0,...Z,"aria-disabled":L?"true":void 0,disabled:v||void 0,children:[typeof S=="string"&&S&&jt(M,{className:i(H,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&jt(oi,{children:S}),C?ai(oi,{children:[C&&jt("span",{className:"k-button-text",children:C}),e.children]}):e.children&&jt("span",{className:"k-button-text",children:e.children}),d&&jt("span",{className:"k-menu-button-arrow k-button-arrow",children:jt(M,{icon:p})})]})};c.states=ud;c.options=bd;c.variants=md;c.className=oa;c.defaultOptions=kr;c.moduleName=xr;c.folderName=ti;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as fd}from"react/jsx-runtime";var dt=e=>fd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as hd}from"react/jsx-runtime";var aa=e=>hd(c,{icon:"folder",children:"Button",...e});import{jsx as xd}from"react/jsx-runtime";var Dt=e=>xd(c,{children:"Button",...e});import{jsx as Nr}from"react/jsx-runtime";var kd=c.options,Nd=c.states,vd={...c.defaultOptions,variant:"text"},gd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ld=[],eo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nr(dt,{...o,icon:"star"});case"icon-and-text":return Nr(aa,{...o,icon:"star",children:"Button"});default:return Nr(Dt,{...o,children:"Button"})}};eo.options=kd;eo.states=Nd;eo.variants=gd;eo.defaultOptions=vd;eo.modifiers=Ld;eo.className=c.className;import{Fragment as Td,jsx as vt,jsxs as vr}from"react/jsx-runtime";var ri="k-taskboard-pane",Md=[],Sd={},yd=void 0,Id={header:yd},to=e=>{let{header:t,paneHeaderId:o,...a}=e;return vr("div",{...a,className:i(e.className,ri,"k-taskboard-edit-pane"),children:[vt("div",{className:"k-taskboard-pane-header",children:t||vr(Td,{children:[vt("div",{className:"k-taskboard-pane-header-text",id:o,children:"Card X"}),vt("span",{className:"k-spacer"}),vt("div",{className:"k-taskboard-pane-header-actions",children:vt(c,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})})]})}),vt("div",{className:"k-taskboard-pane-content",children:e.children}),vr(ze,{alignment:"end",className:"k-taskboard-pane-actions",children:[vt(c,{icon:"trash",children:"Delete"}),vt(c,{themeColor:"primary",icon:"pencil",children:"Edit"})]})]})};to.states=Md;to.options=Sd;to.className=ri;to.defaultOptions=Id;var gr="button",ni=gr;import{jsx as Od}from"react/jsx-runtime";var ra="k-button-group",Ed=[n.disabled],Cd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ad={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Od("div",{role:"group",...r,className:i(e.className,ra,I(ra,{fillMode:t}),T(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=Ed;O.options=Cd;O.className=ra;O.defaultOptions=Ad;O.moduleName=gr;O.folderName=ni;O.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Nk,jsx as kk,jsxs as vk}from"react/jsx-runtime";import{Fragment as Ik,jsx as yk,jsxs as Tk}from"react/jsx-runtime";import{Fragment as Rk,jsx as wk,jsxs as Bk}from"react/jsx-runtime";import{Fragment as Hk,jsx as zk,jsxs as Fk}from"react/jsx-runtime";import{Fragment as qk,jsx as Xk,jsxs as Wk}from"react/jsx-runtime";import{Fragment as eN,jsx as jk,jsxs as tN}from"react/jsx-runtime";import{jsx as ct,jsxs as Lr}from"react/jsx-runtime";var wd={...c.options,...O.options},Rd=c.states,Bd={...c.defaultOptions,...O.defaultOptions,variant:"text-button"},Pd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Kd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Lr(O,{fillMode:a.fillMode,className:o,children:[ct(c,{...a,icon:"star"}),ct(c,{...a,icon:"star"}),ct(c,{...a,icon:"star"})]}):t==="icon-text-button"?Lr(O,{fillMode:a.fillMode,className:o,children:[ct(c,{...a,icon:"star",children:"First"}),ct(c,{...a,icon:"star",children:"Middle"}),ct(c,{...a,icon:"star",children:"Last"})]}):Lr(O,{fillMode:a.fillMode,className:o,children:[ct(c,{...a,children:"First"}),ct(c,{...a,children:"Middle"}),ct(c,{...a,children:"Last"})]})};oo.options=wd;oo.states=Rd;oo.variants=Pd;oo.defaultOptions=Bd;oo.modifiers=Kd;oo.className=O.className;var na="input",Ca=na;import{jsx as Hd}from"react/jsx-runtime";var Aa="k-input",Dd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_d={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zd={},F=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p,size:f,rounded:x,fillMode:h,...k}=e;return Hd("span",{...k,className:i(e.className,Aa,I(Aa,{size:f,rounded:x,fillMode:h}),T(Aa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p}))})};F.states=Dd;F.options=_d;F.className=Aa;F.defaultOptions=zd;F.moduleName=na;F.folderName=Ca;import{jsx as Vd}from"react/jsx-runtime";var Oa="k-picker",Fd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ud={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Gd={},ot=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p,size:f,rounded:x,fillMode:h,...k}=e;return Vd("span",{...k,className:i(e.className,Oa,I(Oa,{size:f,rounded:x,fillMode:h}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p})),children:e.children})};ot.states=Fd;ot.options=Ud;ot.className=Oa;ot.defaultOptions=Gd;ot.moduleName=na;ot.folderName=Ca;import{Fragment as qd,jsx as Mr}from"react/jsx-runtime";var ii="k-clear-value",$d=[n.disabled,n.loading,n.readonly],Xd={},le=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Mr(qd,{}):Mr("span",{className:i(e.className,ii),children:Mr(M,{icon:"x"})})};le.states=$d;le.options=Xd;le.className=ii;import{jsx as Yd}from"react/jsx-runtime";var Sr="k-input-inner",Wd=[],Jd={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},de=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:r=wa.autocomplete,disabled:s,readOnly:d,...p}=e;return Yd("input",{...p,type:o,className:i(e.className,Sr,I(Sr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};de.states=Wd;de.options=Jd;de.className=Sr;import{jsx as si,jsxs as jd}from"react/jsx-runtime";var yr="k-input-inner",Qd=[],Zd={},_t=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return jd("span",{...d,className:i(e.className,yr,I(yr,e)),children:[r,!r&&s&&si(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&si("span",{className:"k-input-value-text",children:t})]})};_t.states=Qd;_t.options=Zd;_t.className=yr;import{jsx as oc}from"react/jsx-runtime";var Ir="k-input-inner",ec=[],tc={},li={value:"",placeholder:""},ia=e=>{let{value:t=li.value,placeholder:o=li.placeholder,rows:a,disabled:r,...s}=e;return oc("textarea",{...s,className:i(e.className,Ir,I(Ir,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ia.states=ec;ia.options=tc;ia.className=Ir;import{Fragment as rc,jsx as di}from"react/jsx-runtime";var ci="k-input-loading-icon",ac=[n.disabled,n.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?di(rc,{}):di("span",{className:i(e.className,ci,"k-icon k-i-loading")})};te.states=ac;te.className=ci;import{Fragment as sc,jsx as pi}from"react/jsx-runtime";var mi="k-input-validation-icon",nc=[n.valid,n.invalid,n.disabled,n.loading],ic={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?pi(sc,{}):pi(M,{className:i(mi),icon:s})};j.states=nc;j.options=ic;j.className=mi;import{Fragment as cc,jsx as ui}from"react/jsx-runtime";var lc="k-input-prefix",dc={direction:"horizontal"},ue=e=>{let{direction:t=dc.direction,...o}=e;return e.children?ui("span",{...o,className:i(lc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ui(cc,{})};import{Fragment as uc,jsx as bi}from"react/jsx-runtime";var pc="k-input-suffix",mc={direction:"horizontal"},be=e=>{let{direction:t=mc.direction,...o}=e;return e.children?bi("span",{...o,className:i(pc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):bi(uc,{})};import{jsx as tv}from"react/jsx-runtime";import{jsx as fc}from"react/jsx-runtime";var bc="k-input-suffix-text",Tr=e=>{let{children:t,...o}=e;return fc("span",{...o,className:i(bc,e.className),children:t})};import{jsx as xc}from"react/jsx-runtime";var fi="k-input-separator",hc={direction:"vertical"},oe=e=>{let{direction:t=hc.direction,...o}=e;return xc("span",{...o,className:i(fi,e.className,{[`${fi}-${t}`]:t})})};import{Fragment as hi,jsx as at,jsxs as Er}from"react/jsx-runtime";var kc=F.states,Nc=F.defaultOptions,vc=F.options,gc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Lc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...p}=e,f=t?.prefix,x=t?.suffix,h=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return Er(F,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&Er(hi,{children:[at(ue,{children:at(M,{icon:"lock"})}),m&&at(oe,{})]}),at(de,{placeholder:"Placeholder",value:"Value"}),k&&at(j,{valid:o,invalid:a,loading:r,disabled:s}),at(te,{loading:r,disabled:s}),h&&at(le,{loading:r,disabled:s,readonly:d,value:"Value"}),x&&Er(hi,{children:[m&&at(oe,{}),at(be,{children:at(Dt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=vc;ao.states=kc;ao.variants=Lc;ao.defaultOptions=Nc;ao.modifiers=gc;ao.className=F.className;import{jsx as xi,jsxs as yc}from"react/jsx-runtime";var ki="k-color-preview",Mc=[],Sc={},gt=e=>{let{color:t,iconName:o,...a}=e;return yc("span",{...a,className:i(e.className,ki,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xi(M,{icon:o,className:"k-color-preview-icon"}),xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};gt.states=Mc;gt.options=Sc;gt.className=ki;var Cr="popup",Ni=Cr;import{jsx as vi}from"react/jsx-runtime";var gi="k-animation-container",Ic=[],Tc={},Ar={positionMode:"absolute",shown:!0},rt=e=>{let{positionMode:t=Ar.positionMode,shown:o=Ar.shown,animationStyle:a,offset:r,...s}=e;return vi("div",{...s,style:{...r,...e.style},className:i(e.className,gi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:vi("div",{className:"k-child-animation-container",style:a,children:e.children})})};rt.states=Ic;rt.options=Tc;rt.className=gi;rt.defaultOptions=Ar;rt.moduleName=Cr;rt.folderName=Ni;var Or="popup",Li=Or;import{jsx as Mi}from"react/jsx-runtime";var Si="k-popup",Ec=[],Cc={},yi={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=yi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...p}=e;return Mi(rt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Mi("div",{...p,className:i(e.className,Si),children:e.children})})};X.states=Ec;X.options=Cc;X.className=Si;X.defaultOptions=yi;X.moduleName=Or;X.folderName=Li;X.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.'}]};import{jsx as Oc}from"react/jsx-runtime";var Ac="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:a,as:r=a?"div":ze,...s}=e;return Oc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Ac),children:e.children})};var wr="searchbox",Ti=wr;import{jsx as sa,jsxs as Bc}from"react/jsx-runtime";var Ei="k-searchbox",wc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Rc={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Rr={showIcon:!0,icon:"search"},Ce=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:p,valid:f,invalid:x,required:h,loading:k,disabled:m,showIcon:v=Rr.showIcon,icon:N=Rr.icon,"aria-label":L,...S}=e;return Bc(F,{...S,size:a,rounded:r,fillMode:s,hover:d,focus:p,valid:f,invalid:x,required:h,loading:k,disabled:m,className:i(e.className,Ei),children:[v&&sa(M,{className:"k-input-icon",icon:N}),sa(de,{placeholder:o,value:t,"aria-label":L}),sa(te,{...e}),sa(j,{...e}),sa(le,{...e})]})};Ce.states=wc;Ce.options=Rc;Ce.className=Ei;Ce.defaultOptions=Rr;Ce.moduleName=wr;Ce.folderName=Ti;import{jsx as Ng}from"react/jsx-runtime";var Br="textbox",Ci=Br;import{Fragment as Ai,jsx as Mt,jsxs as Pr}from"react/jsx-runtime";var Oi="k-textbox",Pc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kc={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:d=Ra.showValidationIcon,prefix:p,suffix:f,type:x,value:h,placeholder:k,hover:m,focus:v,valid:N,invalid:L,required:S,loading:y,disabled:C,readonly:H,id:Y,"aria-label":Z,"aria-describedby":ie,...se}=e;return Pr(F,{...se,size:t,rounded:o,fillMode:a,hover:m,focus:v,valid:N,invalid:L,required:S,loading:y,disabled:C,readonly:H,className:i(e.className,Oi),children:[p&&Pr(Ai,{children:[Mt(ue,{children:p}),r&&Mt(oe,{})]}),Mt(de,{id:Y,placeholder:k,value:h,type:x,disabled:C,"aria-label":Z,"aria-describedby":ie,"aria-invalid":L?"true":void 0}),d&&Mt(j,{valid:N,invalid:L,loading:y,disabled:C}),Mt(te,{loading:y,disabled:C}),s&&Mt(le,{loading:y,disabled:C,readonly:H,value:h}),f&&Pr(Ai,{children:[r&&Mt(oe,{}),Mt(be,{children:f})]})]})};D.states=Pc;D.options=Kc;D.className=Oi;D.defaultOptions=Ra;D.moduleName=Br;D.folderName=Ci;D.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var la=D;import{jsx as Dc}from"react/jsx-runtime";var wi=e=>Dc(la,{...e});import{Fragment as Dg,jsx as Kg}from"react/jsx-runtime";import{Fragment as Gg,jsx as Ug}from"react/jsx-runtime";import{jsx as qg}from"react/jsx-runtime";import{jsx as Kr}from"react/jsx-runtime";var _c=D.states,zc=D.defaultOptions,Hc=D.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Kr(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Kr(Dt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Kr(wi,{value:"Value",style:{width:300},...o,...a})};ro.options=Hc;ro.states=_c;ro.variants=Uc;ro.defaultOptions=zc;ro.modifiers=Fc;ro.className=D.className;import{jsx as St,jsxs as Dr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",Gc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:p,inputPlaceholder:f,adaptive:x,titleId:h,children:k,...m}=e;return Dr("div",{...m,className:i(e.className,Ri),children:[Dr("div",{className:"k-actionsheet-titlebar-group",children:[a&&St("div",{className:"k-actionsheet-actions",children:a}),!k&&Dr("div",{className:"k-actionsheet-title",id:h,children:[t&&St("div",{className:"k-text-center",children:t}),o&&St("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&St("div",{className:"k-actionsheet-title",id:h,children:k}),r&&St("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&St("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?St(D,{value:p,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):St(Ce,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=Ri;Ne.defaultOptions=Gc;import{jsx as _r,jsxs as qc}from"react/jsx-runtime";var zr="k-actionsheet-view",Vc=[],$c={},Xc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...p}=e,f=r?.type===Ne&&_r(Ne,{adaptive:t,titleId:d,...r?.props}),x=s?.type===Lt&&_r(Lt,{...s?.props});return qc("div",{...p,className:i(e.className,zr,{[`${zr}-animated`]:o}),children:[f,_r("div",{className:"k-actionsheet-content",children:a}),x]})};no.states=Vc;no.options=$c;no.className=zr;no.defaultOptions=Xc;var da="action-sheet",Ba=da;var Hr="overlay",Bi=Hr;import{jsx as Qc}from"react/jsx-runtime";var Pi="k-overlay",Wc=[],Jc={},Yc={},yt=e=>{let{...t}=e;return Qc("div",{...t,className:i(e.className,Pi),children:e.children})};yt.states=Wc;yt.options=Jc;yt.className=Pi;yt.defaultOptions=Yc;yt.moduleName=Hr;yt.folderName=Bi;import{jsx as Pa,jsxs as ep}from"react/jsx-runtime";var Ki="k-actionsheet",Zc=[],jc={},ca={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=ca.side,fullscreen:o=ca.fullscreen,adaptive:a=ca.adaptive,overlay:r=ca.overlay,template:s,children:d,header:p,footer:f,id:x,...h}=e,k=x&&!s&&p?`${x}-title`:void 0;return ep("div",{className:"k-actionsheet-container",children:[r&&Pa(yt,{}),Pa(rt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Pa("div",{...h,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:i(e.className,Ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Pa(no,{header:p,footer:f,adaptive:a,titleId:k,...e,children:d})})})]})};W.states=Zc;W.options=jc;W.className=Ki;W.defaultOptions=ca;W.moduleName=da;W.folderName=Ba;W.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 rp}from"react/jsx-runtime";var Di="k-actionsheet-container",tp=[],op={},ap={},io=e=>{let{children:t,...o}=e;return rp("div",{...o,className:Di,children:t})};io.states=tp;io.options=op;io.className=Di;io.defaultOptions=ap;io.moduleName=da;io.folderName=Ba;import{jsx as np}from"react/jsx-runtime";var Fr=e=>{let{...t}=e;return np("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as sp,jsx as pa,jsxs as Ur}from"react/jsx-runtime";var Gr="k-actionsheet-item",ip=[n.hover,n.focus,n.selected,n.disabled],It=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:p,...f}=e;return Ur("span",{...f,className:i(e.className,Gr,T(Gr,{hover:r,focus:s,selected:d,disabled:p})),children:[!e.children&&pa(sp,{children:Ur("span",{className:"k-actionsheet-action",children:[t&&pa("span",{className:"k-icon-wrap",children:pa(M,{className:"k-actionsheet-item-icon",icon:t})}),Ur("span",{className:"k-actionsheet-item-text",children:[o&&pa("span",{className:"k-actionsheet-item-title",children:o}),a&&pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};It.states=ip;It.className=Gr;import{jsx as XL,jsxs as qL}from"react/jsx-runtime";import{jsx as QL}from"react/jsx-runtime";import{jsx as tM}from"react/jsx-runtime";import{jsx as nM}from"react/jsx-runtime";import{jsx as ce,jsxs as Vr}from"react/jsx-runtime";var lp=W.options,dp=W.states,zi={...W.defaultOptions,variant:"normal"},cp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},r={},s=Vr(Fr,{children:[ce(It,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ce(It,{text:"Add to Favorites",iconName:"heart"}),ce(It,{text:"Upload New",iconName:"upload",disabled:!0}),ce("hr",{className:"k-hr"}),ce(It,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ce(W,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ce(Ne,{actionsStart:r.actionsStart?ce(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ce(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?Vr(Lt,{alignment:"stretched",children:[ce(c,{text:"Cancel",size:"large",themeColor:"base"}),ce(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ce(W,{...a,fullscreen:r.fullScreen,header:ce(Ne,{actionsStart:r.actionsStart?ce(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ce(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Vr(Lt,{alignment:"stretched",children:[ce(c,{text:"Apply",themeColor:"primary"}),ce(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=lp;so.states=dp;so.variants=cp;so.defaultOptions=zi;so.modifiers=pp;so.className=W.className;var $r="slider",Hi=$r;import{jsx as lo,jsxs as Xr}from"react/jsx-runtime";var ma="k-slider",mp=[n.hover,n.focus,n.active,n.disabled,n.readonly],up={},He={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=He.type,orientation:o=He.orientation,gradientType:a=He.gradientType,readonly:r=He.readonly,disabled:s=He.disabled,handlePosition:d=He.handlePosition,showButtons:p=He.showButtons,showTicks:f=He.showTicks,value:x=He.value,min:h=He.min,max:k=He.max,startValue:m,endValue:v,hover:N,focus:L,active:S,trackStyle:y,dir:C,...H}=e,Z=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,se;return o==="horizontal"?(ie=C==="rtl"?"chevron-left":"chevron-right",se=C==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ie="chevron-up",se="chevron-down"),Xr("div",{...H,className:i(ma,e.className,T(ma,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:C,children:[p&&lo(c,{className:"k-button-decrease",rounded:"full",icon:se,tabIndex:-1,title:"Decrease"}),Xr("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Xr("div",{className:"k-slider-track",style:y,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ma,{hover:N,focus:L,active:S})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??h,"aria-valuemin":h,"aria-valuemax":v??k,"aria-orientation":Z,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(ma,{hover:N,focus:L,active:S})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??k:x,"aria-valuemin":t==="range"?m??h:h,"aria-valuemax":k,"aria-orientation":Z,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),p&&lo(c,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};$.states=mp;$.options=up;$.className=ma;$.defaultOptions=He;$.moduleName=$r;$.folderName=Hi;$.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 Fi}from"react/jsx-runtime";var Ui="k-tick",bp=[],fp={},Gi={label:!1},E=e=>{let{style:t,label:o=Gi.label,orientation:a,large:r,text:s,...d}=e;return Fi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Fi("span",{className:"k-label",children:s})})};E.states=bp;E.options=fp;E.className=Ui;E.defaultOptions=Gi;import{Fragment as hp,jsx as Fe,jsxs as xp}from"react/jsx-runtime";var Vi=e=>Fe($,{"aria-label":e["aria-label"]||"Slider",children:xp(hp,{children:[Fe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{label:!0,large:!0,text:"5"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as kp,jsx as Ue,jsxs as Np}from"react/jsx-runtime";var $i=e=>Ue($,{children:Np(kp,{children:[Ue(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ue(E,{}),Ue(E,{}),Ue(E,{}),Ue(E,{}),Ue(E,{label:!0,large:!0,text:"5"}),Ue(E,{}),Ue(E,{}),Ue(E,{}),Ue(E,{}),Ue(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as qM,jsx as XM,jsxs as WM}from"react/jsx-runtime";import{Fragment as jM,jsx as ZM,jsxs as eS}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var qr=e=>vp($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as gp}from"react/jsx-runtime";var Wr=e=>gp($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as pS,jsx as cS,jsxs as mS}from"react/jsx-runtime";import{Fragment as xS,jsx as hS,jsxs as kS}from"react/jsx-runtime";import{jsx as nt,jsxs as Xi}from"react/jsx-runtime";var Lp=$.options,Mp=$.states,qi={...$.defaultOptions,variant:"horizontal",label:!0},Sp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yp=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],co=e=>{let{variant:t,modifiers:o,...a}=e,r=qi.label,s={};Object.keys(o||{}).forEach(p=>{switch(p){case"button":{s.showButtons=!!o?.[p];break}case"label":{r=!!o?.[p];break}case"tick":{s.showTicks=!!o?.[p];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Xi($i,{style:{height:"300px",...d},...a,...s,children:[nt(E,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),nt(E,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),nt(E,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),nt(E,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),nt(E,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Xi(Vi,{style:{width:"400px",...d},...a,...s,children:[nt(E,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),nt(E,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),nt(E,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),nt(E,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),nt(E,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Lp;co.states=Mp;co.variants=Sp;co.defaultOptions=qi;co.modifiers=yp;co.className=$.className;import{jsx as Wi,jsxs as Ap}from"react/jsx-runtime";var Ji="k-spin-button",Ep=[],Cp={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},it=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...d}=e;return Ap("span",{...d,className:i(Ji,e.className),children:[Wi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Wi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};it.states=Ep;it.options=Cp;it.className=Ji;it.defaultOptions=Jr;it.moduleName=null;it.folderName=null;var Yi="numeric-textbox",Qi="numerictextbox";import{Fragment as Zi,jsx as pt,jsxs as Yr}from"react/jsx-runtime";var ji="k-numerictextbox",Op=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],wp={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ka={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ka.separators,showClearButton:s=Ka.showClearButton,showSpinButton:d=Ka.showSpinButton,prefix:p,suffix:f,value:x,placeholder:h,hover:k,focus:m,valid:v,invalid:N,required:L,loading:S,disabled:y,readonly:C,id:H,"aria-label":Y,"aria-describedby":Z,...ie}=e;return Yr(F,{...ie,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:v,invalid:N,required:L,loading:S,disabled:y,readonly:C,className:i(e.className,ji),children:[p&&Yr(Zi,{children:[pt(ue,{children:p}),r&&pt(oe,{})]}),pt(de,{id:H,placeholder:h,value:x,role:"spinbutton",disabled:y,"aria-label":Y,"aria-describedby":Z,"aria-invalid":N?"true":void 0}),pt(j,{valid:v,invalid:N,loading:S,disabled:y}),pt(te,{loading:S,disabled:y}),s&&pt(le,{loading:S,disabled:y,readonly:C,value:x}),f&&Yr(Zi,{children:[r&&pt(oe,{}),pt(be,{children:f})]}),d&&pt(it,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};_.states=Op;_.options=wp;_.className=ji;_.defaultOptions=Ka;_.moduleName=Yi;_.folderName=Qi;_.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 ua=_;import{jsx as Rp}from"react/jsx-runtime";var es=e=>Rp(ua,{...e});import Zr from"react";import{jsx as ts}from"react/jsx-runtime";var Bp="k-list-group-sticky-header",Qr=e=>ts("div",{className:i(Bp,e.className),children:ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as Kp}from"react/jsx-runtime";var Pp="k-no-data",Da=e=>{let{live:t,...o}=e;return Kp("span",{...o,className:i(Pp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var zt="list",po=zt;import{jsx as os,jsxs as as}from"react/jsx-runtime";var jr="k-list",Dp=[],_p={size:[l.undefined,l.small,l.medium,l.large]},zp={},P=e=>{let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:d,customValue:p,noData:f,screenReaders:x,...h}=e,m=Zr.Children.toArray(a)[0],v=m?.props?.children?Zr.Children.count(m.props.children):Zr.Children.count(a);return as("div",{...h,className:i(e.className,jr,I(jr,{size:t}),{"k-virtual-list":o}),children:[d,s,p,r&&os(Qr,{children:r}),a||(f!==void 0?f:os(Da,{live:!0,children:"No data found."})),x&&a&&as(Da,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};P.states=Dp;P.options=_p;P.className=jr;P.defaultOptions=zp;P.moduleName=zt;P.folderName=po;P.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 Gp}from"react/jsx-runtime";var rs="k-list-container",Hp=[],Fp={},Up={},mo=e=>{let{...t}=e;return Gp("div",{...t,className:i(e.className,rs),children:e.children})};mo.states=Hp;mo.options=Fp;mo.className=rs;mo.defaultOptions=Up;mo.moduleName=zt;mo.folderName=po;var Ht="checkbox",uo=Ht;import{jsx as ns}from"react/jsx-runtime";var _a="k-checkbox",Vp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],$p={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Xp={},ve=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:p,valid:f,required:x,size:h,rounded:k,wrapperRole:m,...v}=e;return ns("span",{className:"k-checkbox-wrap",role:m,children:ns("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":p?"true":void 0,className:i(e.className,_a,I(_a,{size:h,rounded:k}),T(_a,{hover:r,focus:s,disabled:d,invalid:p,valid:f,indeterminate:a,checked:o}))})})};ve.states=Vp;ve.options=$p;ve.className=_a;ve.defaultOptions=Xp;ve.moduleName=Ht;ve.folderName=uo;ve.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 Ze=ve;import{jsx as Jp}from"react/jsx-runtime";var is="k-checkbox-list",qp=[],Wp={},ss={layout:"vertical"},ge=e=>{let{layout:t=ss.layout,...o}=e;return Jp("ul",{...o,className:i(e.className,is,{[`k-list-${t}`]:t}),children:e.children})};ge.states=qp;ge.options=Wp;ge.className=is;ge.defaultOptions=ss;ge.moduleName=Ht;ge.folderName=uo;import{jsx as jp}from"react/jsx-runtime";var ls="k-checkbox-list-item",Yp=[],Qp={},Zp={},Le=e=>{let{...t}=e;return jp("li",{...t,className:i(e.className,ls),children:e.children})};Le.states=Yp;Le.options=Qp;Le.className=ls;Le.defaultOptions=Zp;Le.moduleName=Ht;Le.folderName=uo;import{Fragment as em,jsx as ds,jsxs as tm}from"react/jsx-runtime";var mt=({children:e="Label",id:t="cb-label-after",...o})=>tm(em,{children:[ds(Ze,{id:t,...o}),ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Uy,jsx as Fy,jsxs as Gy}from"react/jsx-runtime";import{Fragment as Wy,jsx as qy,jsxs as Jy}from"react/jsx-runtime";import{Fragment as eI,jsx as jy,jsxs as tI}from"react/jsx-runtime";import{jsx as nI}from"react/jsx-runtime";import{jsx as dI}from"react/jsx-runtime";import{jsx as uI}from"react/jsx-runtime";import{jsx as Ge,jsxs as cs}from"react/jsx-runtime";var om=ge.options,am=ge.states,rm={...ge.defaultOptions,variant:"vertical"},nm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],im=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(ge,{layout:"horizontal",...o,children:[Ge(Le,{children:Ge(mt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ge(Le,{children:Ge(mt,{id:A("cb"),children:"Label"})}),Ge(Le,{children:Ge(mt,{id:A("cb"),children:"Label"})})]}):cs(ge,{...o,children:[Ge(Le,{children:Ge(mt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ge(Le,{children:Ge(mt,{id:A("cb"),children:"Label"})}),Ge(Le,{children:Ge(mt,{id:A("cb"),children:"Label"})})]})};bo.options=om;bo.states=am;bo.variants=nm;bo.defaultOptions=rm;bo.modifiers=im;bo.className=ge.className;import{jsx as mm}from"react/jsx-runtime";var sm=Ze.options,lm=Ze.states,dm=Ze.defaultOptions,cm=[],pm=[],fo=e=>mm(mt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=sm;fo.states=lm;fo.variants=cm;fo.defaultOptions=dm;fo.modifiers=pm;fo.className=Ze.className;import{jsx as Ft,jsxs as hm}from"react/jsx-runtime";var en="k-list-item",um=[n.hover,n.focus,n.selected,n.disabled],bm={},fm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:p,hover:f,focus:x,selected:h,disabled:k,actions:m,description:v,id:N,...L}=e,S=t||e.children;return hm("li",{...L,id:N,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&h?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:i(e.className,a?"k-list-group-item":en,T(en,{hover:f,focus:x,disabled:k,selected:h})),children:[d&&Ft(ve,{checked:p}),r&&Ft("span",{className:"k-list-item-icon-wrapper",children:Ft(M,{icon:r,className:i("k-list-item-icon",s)})}),Ft("span",{className:"k-list-item-text",children:S}),m&&Ft("div",{className:"k-list-item-actions",children:m}),v&&Ft("span",{className:"k-list-item-description",chi