@progress/kendo-themes-html/dist/esm/gantt/templates/gantt-row-reordering.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:p,active:u,selected:g,disabled:k,indeterminate:N,loading:L,empty:h,readonly:M,highlighted:E,...P}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":u,"k-selected":g,"k-disabled":k,"k-indeterminate":N&&!p,"k-loading":L,"k-empty":h,"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 c={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 Ne="gantt",Ce=Ne;import{jsxs as Sm}from"react/jsx-runtime";var ks="k-gantt",Lm=[],ym={},Mm={},go=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]})};go.states=Lm;go.options=ym;go.className=ks;go.defaultOptions=Mm;go.moduleName=Ne;go.folderName=Ce;go.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:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.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,...p}=e;return r?Ns("span",{...p,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:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.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:p=ii.variant,icon:u,...g}=e;if(!u)return al(Hm,{});if(u==="none")return al("span",{...g,className:a(e.className,li,R("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let k=typeof u=="object"&&u.name&&u.name,N=typeof u=="object"?p&&u.variants?.[p]||u.variants?.outline||u.content:void 0;return al("span",{...g,className:a(e.className,li,R("k-icon",{size:o}),{[`k-svg-i-${k}`]:k,[`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:N!==void 0?{__html:N}: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:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.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},d=e=>{let{iconsType:o}=_m(Ls),{size:t,themeColor:r,icon:l,type:s=o||ll.type,rotate:p,flip:u,viewBox:g=ll.viewBox,variant:k=ll.variant,...N}=e;if(!l)return Lr(ys,{});if((o||s)==="svg"){if(l==="none")return Lr(ni,{...N,className:a(e.className,rl),icon:l,size:t,variant:k});let h=si[l]?l:Dm(`${l}-icon`);return si[h]?Lr(ni,{...N,className:a(e.className,rl),icon:si[h],size:t,themeColor:r,rotate:p,flip:u,viewBox:g,variant:k}):Lr(ys,{})}return Lr(ws,{...N,className:a(e.className,rl),icon:l,size:t,themeColor:r,rotate:p,flip:u})};d.states=Km;d.options=Bm;d.defaultOptions=ll;d.className=rl;d.moduleName=vs;d.folderName=Cs;d.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 ha,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:[c.undefined,c.xsmall,c.small,c.medium,c.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:p=ci.showArrow,arrowIconName:u=ci.arrowIconName,variant:g,hover:k,focus:N,active:L,selected:h,disabled:M,togglable:E,ariaDisabled:P,icon:U,iconSize:W,text:ee,iconClassName:Ee,className:ke,...to}=e,ao=U!=null,ro=e.children!==void 0;return Rs(o,{className:a(ke,yr,hs(yr,g),R(yr,{size:t,rounded:r,fillMode:l,themeColor:s}),A(yr,{hover:k,focus:N,active:L,disabled:M||P,selected:h}),{"k-icon-button":!ee&&!ro&&ao}),"aria-pressed":E?h?"true":"false":void 0,...to,"aria-disabled":P?"true":void 0,disabled:M||void 0,children:[typeof U=="string"&&U&&ha(d,{className:a(Ee,"k-button-icon"),icon:U,size:W}),U&&typeof U!="string"&&ha(Ss,{children:U}),ee?Rs(Ss,{children:[ee&&ha("span",{className:"k-button-text",children:ee}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),p&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(d,{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=[],xa=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"})}};xa.options=Xm;xa.states=Jm;xa.variants=Ym;xa.defaultOptions=qm;xa.modifiers=Qm;xa.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={},Y=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})};Y.states=Zm;Y.options=jm;Y.className=Sr;Y.defaultOptions=eu;Y.moduleName=mi;Y.folderName=As;Y.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 CC,jsx as vC,jsxs as LC}from"react/jsx-runtime";import{Fragment as EC,jsx as AC,jsxs as GC}from"react/jsx-runtime";import{Fragment as DC,jsx as _C,jsxs as KC}from"react/jsx-runtime";import{Fragment as VC,jsx as $C,jsxs as WC}from"react/jsx-runtime";import{Fragment as ZC,jsx as QC,jsxs as jC}from"react/jsx-runtime";import{Fragment as lL,jsx as rL,jsxs as iL}from"react/jsx-runtime";import{jsx as st,jsxs as ui}from"react/jsx-runtime";var tu={...m.options,...Y.options},au=m.states,ru={...m.defaultOptions,...Y.defaultOptions,variant:"text-button"},lu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],ka=e=>{let{variant:o,className:t,...r}=e;return o==="icon-button"?ui(Y,{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(Y,{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(Y,{fillMode:r.fillMode,className:t,children:[st(m,{...r,children:"First"}),st(m,{...r,children:"Middle"}),st(m,{...r,children:"Last"})]})};ka.options=tu;ka.states=au;ka.variants=lu;ka.defaultOptions=ru;ka.modifiers=iu;ka.className=Y.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:[c.undefined,c.small,c.medium,c.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:p,readonly:u,size:g,rounded:k,fillMode:N,...L}=e;return cu("span",{...L,className:a(e.className,nl,R(nl,{size:g,rounded:k,fillMode:N}),A(nl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,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:[c.undefined,c.small,c.medium,c.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:p,readonly:u,size:g,rounded:k,fillMode:N,...L}=e;return bu("span",{...L,className:a(e.className,sl,R(sl,{size:g,rounded:k,fillMode:N}),A(sl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,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(d,{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:p,...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:p||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,...p}=e;return vu("span",{...p,className:a(e.className,fi,R(fi,e)),children:[l,!l&&s&&Gs(d,{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],ho=e=>{let{disabled:o,loading:t}=e;return o||!t?Os(Su,{}):Os("span",{className:a(e.className,Hs,"k-icon k-i-loading")})};ho.states=Mu;ho.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(d,{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 iy}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=[],Na=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:s,readonly:p,...u}=e,g=o?.prefix,k=o?.suffix,N=o?.["clear-button"],L=o?.["validation-icon"],h=o?.separators;return ki(Pe,{...u,valid:t,invalid:r,loading:l,disabled:s,readonly:p,style:{width:300},children:[g&&ki(zs,{children:[at(Ho,{children:at(d,{icon:"lock"})}),h&&at(_o,{})]}),at(yo,{placeholder:"Placeholder",value:"Value"}),L&&at(lo,{valid:t,invalid:r,loading:l,disabled:s}),at(ho,{loading:l,disabled:s}),N&&at(Lo,{loading:l,disabled:s,readonly:p,value:"Value"}),k&&ki(zs,{children:[h&&at(_o,{}),at(Po,{children:at(Yt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Na.options=$u;Na.states=Uu;Na.variants=Wu;Na.defaultOptions=Fu;Na.modifiers=Vu;Na.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(d,{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"},ce=e=>{let{offset:o,positionMode:t=Ys.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return Js(Do,{positionMode:t,offset:o,animationStyle:r,className:l,role:s,"aria-label":p,children:Js("div",{...u,className:a(e.className,qs),children:e.children})})};ce.states=Zu;ce.options=ju;ce.className=qs;ce.defaultOptions=Ys;ce.moduleName=vi;ce.folderName=Xs;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var 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:[c.undefined,c.small,c.medium,c.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:p,focus:u,valid:g,invalid:k,required:N,loading:L,disabled:h,showIcon:M=Mi.showIcon,icon:E=Mi.icon,"aria-label":P,...U}=e;return nb(Pe,{...U,size:r,rounded:l,fillMode:s,hover:p,focus:u,valid:g,invalid:k,required:N,loading:L,disabled:h,className:a(e.className,ed),children:[M&&Ar(d,{className:"k-input-icon",icon:E}),Ar(yo,{placeholder:t,value:o,"aria-label":P}),Ar(ho,{...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 EM}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:[c.undefined,c.small,c.medium,c.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},we=e=>{let{size:o,rounded:t,fillMode:r,separators:l=pl.separators,showClearButton:s=pl.showClearButton,showValidationIcon:p=pl.showValidationIcon,prefix:u,suffix:g,type:k,value:N,placeholder:L,hover:h,focus:M,valid:E,invalid:P,required:U,loading:W,disabled:ee,readonly:Ee,id:ke,"aria-label":to,"aria-describedby":ao,...ro}=e;return Ri(Pe,{...ro,size:o,rounded:t,fillMode:r,hover:h,focus:M,valid:E,invalid:P,required:U,loading:W,disabled:ee,readonly:Ee,className:a(e.className,ad),children:[u&&Ri(td,{children:[Lt(Ho,{children:u}),l&&Lt(_o,{})]}),Lt(yo,{id:ke,placeholder:L,value:N,type:k,disabled:ee,"aria-label":to,"aria-describedby":ao,"aria-invalid":P?"true":void 0}),p&&Lt(lo,{valid:E,invalid:P,loading:W,disabled:ee}),Lt(ho,{loading:W,disabled:ee}),s&&Lt(Lo,{loading:W,disabled:ee,readonly:Ee,value:N}),g&&Ri(td,{children:[l&&Lt(_o,{}),Lt(Po,{children:g})]})]})};we.states=sb;we.options=db;we.className=ad;we.defaultOptions=pl;we.moduleName=Si;we.folderName=od;we.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=we;import{jsx as cb}from"react/jsx-runtime";var rd=e=>cb(Er,{...e});import{Fragment as qM,jsx as JM}from"react/jsx-runtime";import{Fragment as oS,jsx as eS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as Ai}from"react/jsx-runtime";var pb=we.states,mb=we.defaultOptions,ub=we.options,bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tb=[],wa=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o?.[l]?Ai(d,{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})};wa.options=ub;wa.states=pb;wa.variants=Tb;wa.defaultOptions=mb;wa.modifiers=bb;wa.className=we.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:p,inputValue:u,inputPlaceholder:g,adaptive:k,titleId:N,children:L,...h}=e;return Ei("div",{...h,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:N,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:N,children:L}),l&&yt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?yt(we,{value:u,placeholder:g,size:k?"large":"medium","aria-label":o||g||"Input"}):yt(Mo,{placeholder:"Filter",size:k?"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={},va=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:s,titleId:p,...u}=e,g=l?.type===io&&Gi(io,{adaptive:o,titleId:p,...l?.props}),k=s?.type===Ct&&Gi(Ct,{...s?.props});return kb("div",{...u,className:a(e.className,Ii,{[`${Ii}-animated`]:t}),children:[g,Gi("div",{className:"k-actionsheet-content",children:r}),k]})};va.states=gb;va.options=hb;va.className=Ii;va.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:p,header:u,footer:g,id:k,...N}=e,L=k&&!s&&u?`${k}-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",{...N,id:k,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(va,{header:u,footer:g,adaptive:r,titleId:L,...e,children:p})})})]})};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={},Ca=e=>{let{children:o,...t}=e;return Eb("div",{...t,className:dd,children:o})};Ca.states=Sb;Ca.options=Rb;Ca.className=dd;Ca.defaultOptions=Ab;Ca.moduleName=Gr;Ca.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:p,disabled:u,...g}=e;return Pi("span",{...g,className:a(e.className,_i,A(_i,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&Or(Ob,{children:Pi("span",{className:"k-actionsheet-action",children:[o&&Or("span",{className:"k-icon-wrap",children:Or(d,{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 rR,jsxs as lR}from"react/jsx-runtime";import{jsx as dR}from"react/jsx-runtime";import{jsx as uR}from"react/jsx-runtime";import{jsx as gR}from"react/jsx-runtime";import{jsx as Ve,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"}],La=e=>{let{variant:o,modifiers:t,...r}={...pd,...e},l={},s=Di(Hi,{children:[Ve(St,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ve(St,{text:"Add to Favorites",iconName:"heart"}),Ve(St,{text:"Upload New",iconName:"upload",disabled:!0}),Ve("hr",{className:"k-hr"}),Ve(St,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!t?.[g],l.actionsEnd=!!t?.[g];break;case"subtitle":l.subtitle=t?.[g]?p:void 0;break;case"footer":l.footer=!!t?.[g];break;default:break}}),o==="adaptive"?Ve(Oe,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Ve(io,{actionsStart:l.actionsStart?Ve(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ve(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Di(Ct,{alignment:"stretched",children:[Ve(m,{text:"Cancel",size:"large",themeColor:"base"}),Ve(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ve(Oe,{...r,fullscreen:l.fullScreen,header:Ve(io,{actionsStart:l.actionsStart?Ve(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ve(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Di(Ct,{alignment:"stretched",children:[Ve(m,{text:"Apply",themeColor:"primary"}),Ve(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};La.options=Hb;La.states=Pb;La.variants=_b;La.defaultOptions=pd;La.modifiers=Db;La.className=Oe.className;var Ki="slider",md=Ki;import{jsx as ya,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},Me=e=>{let{type:o=Bo.type,orientation:t=Bo.orientation,gradientType:r=Bo.gradientType,readonly:l=Bo.readonly,disabled:s=Bo.disabled,handlePosition:p=Bo.handlePosition,showButtons:u=Bo.showButtons,showTicks:g=Bo.showTicks,value:k=Bo.value,min:N=Bo.min,max:L=Bo.max,startValue:h,endValue:M,hover:E,focus:P,active:U,trackStyle:W,dir:ee,...Ee}=e,to=(()=>{if(o==="gradient"&&r==="2d")return"undefined";if(t==="vertical")return"vertical"})(),ao,ro;return t==="horizontal"?(ao=ee==="rtl"?"chevron-left":"chevron-right",ro=ee==="rtl"?"chevron-right":"chevron-left"):t==="vertical"&&(ao="chevron-up",ro="chevron-down"),Bi("div",{...Ee,className:a(Hr,e.className,A(Hr,{readonly:l,disabled:s}),{[`k-slider-${t}`]:t,"k-colorgradient-slider":o==="gradient"}),dir:ee,children:[u&&ya(m,{className:"k-button-decrease",rounded:"full",icon:ro,tabIndex:-1,title:"Decrease"}),Bi("div",{className:"k-slider-track-wrap",children:[g&&ya("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Bi("div",{className:"k-slider-track",style:W,children:[ya("div",{className:"k-slider-selection"}),o==="range"&&ya("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":h??N,"aria-valuemin":N,"aria-valuemax":M??L,"aria-orientation":to,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Ee["aria-label"]?`${Ee["aria-label"]} start`:"Range start"}),ya("span",{className:a("k-draghandle",`k-draghandle-${p}`,A(Hr,{hover:E,focus:P,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":o==="range"?M??L:k,"aria-valuemin":o==="range"?h??N:N,"aria-valuemax":L,"aria-orientation":to,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":o==="range"?Ee["aria-label"]?`${Ee["aria-label"]} end`:"Range end":Ee["aria-label"]})]})]}),u&&ya(m,{className:"k-button-increase",rounded:"full",icon:ao,tabIndex:-1,title:"Increase"})]})};Me.states=Kb;Me.options=Bb;Me.className=Hr;Me.defaultOptions=Bo;Me.moduleName=Ki;Me.folderName=md;Me.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,...p}=e;return ud("li",{...p,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(Me,{"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(Me,{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 lA,jsx as rA,jsxs as iA}from"react/jsx-runtime";import{Fragment as pA,jsx as cA,jsxs as mA}from"react/jsx-runtime";import{jsx as Xb}from"react/jsx-runtime";var zi=e=>Xb(Me,{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(Me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as vA,jsx as wA,jsxs as CA}from"react/jsx-runtime";import{Fragment as RA,jsx as SA,jsxs as AA}from"react/jsx-runtime";import{jsx as rt,jsxs as hd}from"react/jsx-runtime";var qb=Me.options,Yb=Me.states,xd={...Me.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}],Ma=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 p={"--kendo-slider-start":0,"--kendo-slider-end":60};return o==="vertical"?hd(gd,{style:{height:"300px",...p},...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",...p},...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%"}})]})};Ma.options=qb;Ma.states=Yb;Ma.variants=Qb;Ma.defaultOptions=xd;Ma.modifiers=Zb;Ma.className=Me.className;import{jsx as kd,jsxs as aT}from"react/jsx-runtime";var Nd="k-spin-button",oT=[],tT={size:[c.undefined,c.small,c.medium,c.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,...p}=e;return aT("span",{...p,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:[c.undefined,c.small,c.medium,c.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},ae=e=>{let{size:o,rounded:t,fillMode:r,separators:l=bl.separators,showClearButton:s=bl.showClearButton,showSpinButton:p=bl.showSpinButton,prefix:u,suffix:g,value:k,placeholder:N,hover:L,focus:h,valid:M,invalid:E,required:P,loading:U,disabled:W,readonly:ee,id:Ee,"aria-label":ke,"aria-describedby":to,...ao}=e;return $i(Pe,{...ao,size:o,rounded:t,fillMode:r,hover:L,focus:h,valid:M,invalid:E,required:P,loading:U,disabled:W,readonly:ee,className:a(e.className,Ld),children:[u&&$i(Cd,{children:[dt(Ho,{children:u}),l&&dt(_o,{})]}),dt(yo,{id:Ee,placeholder:N,value:k,role:"spinbutton",disabled:W,"aria-label":ke,"aria-describedby":to,"aria-invalid":E?"true":void 0}),dt(lo,{valid:M,invalid:E,loading:U,disabled:W}),dt(ho,{loading:U,disabled:W}),s&&dt(Lo,{loading:U,disabled:W,readonly:ee,value:k}),g&&$i(Cd,{children:[l&&dt(_o,{}),dt(Po,{children:g})]}),p&&dt(Rt,{className:"k-input-spinner",size:o,fillMode:r,disabled:W})]})};ae.states=rT;ae.options=lT;ae.className=Ld;ae.defaultOptions=bl;ae.moduleName=wd;ae.folderName=vd;ae.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=ae;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",Sa=Zt;import{jsx as Sd,jsxs as Rd}from"react/jsx-runtime";var Xi="k-list",cT=[],pT={size:[c.undefined,c.small,c.medium,c.large]},mT={},se=e=>{let{size:o,virtualization:t,children:r,header:l,selectAll:s,optionLabel:p,customValue:u,noData:g,screenReaders:k,...N}=e,h=Wi.Children.toArray(r)[0],M=h?.props?.children?Wi.Children.count(h.props.children):Wi.Children.count(r);return Rd("div",{...N,className:a(e.className,Xi,R(Xi,{size:o}),{"k-virtual-list":t}),children:[p,s,u,l&&Sd(Vi,{children:l}),r||(g!==void 0?g:Sd(Tl,{live:!0,children:"No data found."})),k&&r&&Rd(Tl,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};se.states=cT;se.options=pT;se.className=Xi;se.defaultOptions=mT;se.moduleName=Zt;se.folderName=Sa;se.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={},Ra=e=>{let{...o}=e;return fT("div",{...o,className:a(e.className,Ad),children:e.children})};Ra.states=uT;Ra.options=bT;Ra.className=Ad;Ra.defaultOptions=TT;Ra.moduleName=Zt;Ra.folderName=Sa;var jt="checkbox",Aa=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:[c.undefined,c.small,c.medium,c.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full]},xT={},Se=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:s,disabled:p,invalid:u,valid:g,required:k,size:N,rounded:L,wrapperRole:h,...M}=e;return Ed("span",{className:"k-checkbox-wrap",role:h,children:Ed("input",{...M,id:o,type:"checkbox",defaultChecked:t,required:k,disabled:p||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,fl,R(fl,{size:N,rounded:L}),A(fl,{hover:l,focus:s,disabled:p,invalid:u,valid:g,indeterminate:r,checked:t}))})})};Se.states=gT;Se.options=hT;Se.className=fl;Se.defaultOptions=xT;Se.moduleName=jt;Se.folderName=Aa;Se.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=Se;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=Aa;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=Aa;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,{childre