@progress/kendo-themes-html/dist/cjs/gantt/templates/gantt-with-tooltip.js

A collection of HTML helpers used for developing Kendo UI themes

var uT=Object.create;var fl=Object.defineProperty;var bT=Object.getOwnPropertyDescriptor;var TT=Object.getOwnPropertyNames;var fT=Object.getPrototypeOf,gT=Object.prototype.hasOwnProperty;var hT=(e,o)=>{for(var t in o)fl(e,t,{get:o[t],enumerable:!0})},vd=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of TT(o))!gT.call(e,l)&&l!==t&&fl(e,l,{get:()=>o[l],enumerable:!(r=bT(o,l))||r.enumerable});return e};var Cd=(e,o,t)=>(t=e!=null?uT(fT(e)):{},vd(o||!e||!e.__esModule?fl(t,"default",{value:e,enumerable:!0}):t,e)),xT=e=>vd(fl({},"__esModule",{value:!0}),e);var aC={};hT(aC,{GanttWithTooltip:()=>tC});module.exports=xT(aC);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 G=(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"}),I=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:s,checked:c,active:b,selected:h,disabled:k,indeterminate:w,loading:M,empty:x,readonly:R,highlighted:A,...z}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":b,"k-selected":h,"k-disabled":k,"k-indeterminate":w&&!c,"k-loading":M,"k-empty":x,"k-readonly":R,"k-highlighted":A},Object.keys(z).reduce((X,Y)=>(Y.startsWith("k-")?X[Y]=z[Y]:X[`k-${Y}`]=z[Y],X),{}))};function Ld(e,o){if(!o)return{};let t=Array.isArray(o)?o:[o];return Object.fromEntries(t.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},dt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={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"},yd={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var fi={};function $(e){return fi[e]=(fi[e]||0)+1,`k-${e}-${fi[e]}`}var ge="gantt",ke=ge;var Sd=require("react/jsx-runtime"),Md="k-gantt",kT=[],NT={},wT={},Lo=e=>{let{headerToolbar:o,footerToolbar:t,...r}=e;return(0,Sd.jsxs)("div",{...r,className:a(e.className,Md),role:"application","aria-roledescription":"Gantt Chart",children:[o,e.children,t]})};Lo.states=kT;Lo.options=NT;Lo.className=Md;Lo.defaultOptions=wT;Lo.moduleName=ge;Lo.folderName=ke;Lo.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."}]};var Ir=require("react/jsx-runtime"),gi="k-font-icon",vT=[],CT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},LT={},Or=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:s,...c}=e;return r?(0,Ir.jsx)("span",{...c,className:a(e.className,gi,G(gi,{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"}):(0,Ir.jsx)(Ir.Fragment,{})};Or.states=vT;Or.options=CT;Or.className=gi;Or.defaultOptions=LT;var Rd=Or;var ca=require("react/jsx-runtime"),hi="k-svg-icon",yT=[],MT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[dt.outline,dt.solid,dt.duotone]},xi={viewBox:"0 0 24 24",variant:dt.outline},Hr=e=>{var M,x;let{size:o,themeColor:t,rotate:r,flip:l,viewBox:s=xi.viewBox,variant:c=xi.variant,icon:b,...h}=e;if(!b)return(0,ca.jsx)(ca.Fragment,{});if(b==="none")return(0,ca.jsx)("span",{...h,className:a(e.className,hi,G("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let k=typeof b=="object"&&b.name&&b.name,w=typeof b=="object"?c&&((M=b.variants)==null?void 0:M[c])||((x=b.variants)==null?void 0:x.outline)||b.content:void 0;return(0,ca.jsx)("span",{...h,className:a(e.className,hi,G("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:(0,ca.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof b=="object"?b.viewBox:s,dangerouslySetInnerHTML:w!==void 0?{__html:w}:void 0,children:b?void 0:e.children})})};Hr.states=yT;Hr.options=MT;Hr.className=hi;Hr.defaultOptions=xi;var ki=Hr;var Ni=Cd(require("@progress/kendo-svg-icons"));var Ad="icon",Ed="icons";var Od=require("react");var Gd=require("react"),Id=(0,Gd.createContext)({iconsType:"svg"});var ht=require("react/jsx-runtime"),gl="k-icon",ST=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),RT=[],AT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[dt.outline,dt.solid,dt.duotone]},hl={viewBox:"0 0 24 24",type:"svg",variant:dt.outline},p=e=>{let{iconsType:o}=(0,Od.useContext)(Id),{size:t,themeColor:r,icon:l,type:s=o||hl.type,rotate:c,flip:b,viewBox:h=hl.viewBox,variant:k=hl.variant,...w}=e;if(!l)return(0,ht.jsx)(ht.Fragment,{});if((o||s)==="svg"){if(l==="none")return(0,ht.jsx)(ki,{...w,className:a(e.className,gl),icon:l,size:t,variant:k});let x=Ni[l]?l:ST(`${l}-icon`);return Ni[x]?(0,ht.jsx)(ki,{...w,className:a(e.className,gl),icon:Ni[x],size:t,themeColor:r,rotate:c,flip:b,viewBox:h,variant:k}):(0,ht.jsx)(ht.Fragment,{})}return(0,ht.jsx)(Rd,{...w,className:a(e.className,gl),icon:l,size:t,themeColor:r,rotate:c,flip:b})};p.states=RT;p.options=AT;p.defaultOptions=hl;p.className=gl;p.moduleName=Ad;p.folderName=Ed;p.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var wi="button",Hd=wi;var Io=require("react/jsx-runtime"),Pr="k-button",ET=["icon-button"],GT=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],IT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},vi={showArrow:!1,arrowIconName:"chevron-down"},u=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:s,showArrow:c=vi.showArrow,arrowIconName:b=vi.arrowIconName,variant:h,hover:k,focus:w,active:M,selected:x,disabled:R,togglable:A,ariaDisabled:z,icon:X,iconSize:Y,text:ee,iconClassName:Me,className:fe,...po}=e,mo=X!=null,uo=e.children!==void 0;return(0,Io.jsxs)(o,{className:a(fe,Pr,Ld(Pr,h),G(Pr,{size:t,rounded:r,fillMode:l,themeColor:s}),I(Pr,{hover:k,focus:w,active:M,disabled:R||z,selected:x}),{"k-icon-button":!ee&&!uo&&mo}),"aria-pressed":A?x?"true":"false":void 0,...po,"aria-disabled":z?"true":void 0,disabled:R||void 0,children:[typeof X=="string"&&X&&(0,Io.jsx)(p,{className:a(Me,"k-button-icon"),icon:X,size:Y}),X&&typeof X!="string"&&(0,Io.jsx)(Io.Fragment,{children:X}),ee?(0,Io.jsxs)(Io.Fragment,{children:[ee&&(0,Io.jsx)("span",{className:"k-button-text",children:ee}),e.children]}):e.children&&(0,Io.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Io.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Io.jsx)(p,{icon:b})})]})};u.states=GT;u.options=IT;u.variants=ET;u.className=Pr;u.defaultOptions=vi;u.moduleName=wi;u.folderName=Hd;u.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."}]};var Pd=require("react/jsx-runtime"),Kt=e=>(0,Pd.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var _d=require("react/jsx-runtime"),_r=e=>(0,_d.jsx)(u,{icon:"folder",children:"Button",...e});var Dd=require("react/jsx-runtime"),pa=e=>(0,Dd.jsx)(u,{children:"Button",...e});var xl=require("react/jsx-runtime"),OT=u.options,HT=u.states,PT={...u.defaultOptions,variant:"text"},_T=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],DT=[],Ma=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return(0,xl.jsx)(Kt,{...t,icon:"star"});case"icon-and-text":return(0,xl.jsx)(_r,{...t,icon:"star",children:"Button"});default:return(0,xl.jsx)(pa,{...t,children:"Button"})}};Ma.options=OT;Ma.states=HT;Ma.variants=_T;Ma.defaultOptions=PT;Ma.modifiers=DT;Ma.className=u.className;var Ci="button",Kd=Ci;var Bd=require("react/jsx-runtime"),Dr="k-button-group",KT=[n.disabled],BT={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},zT={},j=e=>{let{fillMode:o,disabled:t,stretched:r,...l}=e;return(0,Bd.jsx)("div",{role:"group",...l,className:a(e.className,Dr,G(Dr,{fillMode:o}),I(Dr,{disabled:t}),{[`${Dr}-stretched`]:r}),...t&&{"aria-disabled":"true"},children:e.children})};j.states=KT;j.options=BT;j.className=Dr;j.defaultOptions=zT;j.moduleName=Ci;j.folderName=Kd;j.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Li=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),UT={...u.options,...j.options},FT=u.states,$T={...u.defaultOptions,...j.defaultOptions,variant:"text-button"},VT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],WT=[],Sa=e=>{let{variant:o,className:t,...r}=e;return o==="icon-button"?(0,yo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,yo.jsx)(u,{...r,icon:"star"}),(0,yo.jsx)(u,{...r,icon:"star"}),(0,yo.jsx)(u,{...r,icon:"star"})]}):o==="icon-text-button"?(0,yo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,yo.jsx)(u,{...r,icon:"star",children:"First"}),(0,yo.jsx)(u,{...r,icon:"star",children:"Middle"}),(0,yo.jsx)(u,{...r,icon:"star",children:"Last"})]}):(0,yo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,yo.jsx)(u,{...r,children:"First"}),(0,yo.jsx)(u,{...r,children:"Middle"}),(0,yo.jsx)(u,{...r,children:"Last"})]})};Sa.options=UT;Sa.states=FT;Sa.variants=VT;Sa.defaultOptions=$T;Sa.modifiers=WT;Sa.className=j.className;var Kr="input",kl=Kr;var zd=require("react/jsx-runtime"),Nl="k-input",XT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],JT={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},qT={},Pe=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:b,size:h,rounded:k,fillMode:w,...M}=e;return(0,zd.jsx)("span",{...M,className:a(e.className,Nl,G(Nl,{size:h,rounded:k,fillMode:w}),I(Nl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:b}))})};Pe.states=XT;Pe.options=JT;Pe.className=Nl;Pe.defaultOptions=qT;Pe.moduleName=Kr;Pe.folderName=kl;var Ud=require("react/jsx-runtime"),wl="k-picker",YT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],QT={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},ZT={},ct=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:b,size:h,rounded:k,fillMode:w,...M}=e;return(0,Ud.jsx)("span",{...M,className:a(e.className,wl,G(wl,{size:h,rounded:k,fillMode:w}),I(wl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:c,readonly:b})),children:e.children})};ct.states=YT;ct.options=QT;ct.className=wl;ct.defaultOptions=ZT;ct.moduleName=Kr;ct.folderName=kl;var Ra=require("react/jsx-runtime"),Fd="k-clear-value",jT=[n.disabled,n.loading,n.readonly],ef={},Oo=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?(0,Ra.jsx)(Ra.Fragment,{}):(0,Ra.jsx)("span",{className:a(e.className,Fd),children:(0,Ra.jsx)(p,{icon:"x"})})};Oo.states=jT;Oo.options=ef;Oo.className=Fd;var $d=require("react/jsx-runtime"),Ei="k-input-inner",of=[],tf={},vl={type:"text",autocomplete:"off",value:"",placeholder:""},Ho=e=>{let{value:o=vl.value,type:t=vl.type,placeholder:r=vl.placeholder,autocomplete:l=vl.autocomplete,disabled:s,readOnly:c,...b}=e;return(0,$d.jsx)("input",{...b,type:t,className:a(e.className,Ei,G(Ei,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:s||void 0,readOnly:c||void 0})};Ho.states=of;Ho.options=tf;Ho.className=Ei;var Br=require("react/jsx-runtime"),Gi="k-input-inner",af=[],rf={},ma=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return(0,Br.jsxs)("span",{...c,className:a(e.className,Gi,G(Gi,e)),children:[l,!l&&s&&(0,Br.jsx)(p,{className:"k-input-value-icon",icon:s}),r&&!o&&t,r&&o&&(0,Br.jsx)("span",{className:"k-input-value-text",children:o})]})};ma.states=af;ma.options=rf;ma.className=Gi;var Wd=require("react/jsx-runtime"),Ii="k-input-inner",lf=[],nf={},Vd={value:"",placeholder:""},Oi=e=>{let{value:o=Vd.value,placeholder:t=Vd.placeholder,rows:r,disabled:l,...s}=e;return(0,Wd.jsx)("textarea",{...s,className:a(e.className,Ii,G(Ii,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};Oi.states=lf;Oi.options=nf;Oi.className=Ii;var zr=require("react/jsx-runtime"),Xd="k-input-loading-icon",sf=[n.disabled,n.loading],Mo=e=>{let{disabled:o,loading:t}=e;return o||!t?(0,zr.jsx)(zr.Fragment,{}):(0,zr.jsx)("span",{className:a(e.className,Xd,"k-icon k-i-loading")})};Mo.states=sf;Mo.className=Xd;var Ur=require("react/jsx-runtime"),Jd="k-input-validation-icon",df=[n.valid,n.invalid,n.disabled,n.loading],cf={},bo=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,s=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?(0,Ur.jsx)(Ur.Fragment,{}):(0,Ur.jsx)(p,{className:a(Jd),icon:s})};bo.states=df;bo.options=cf;bo.className=Jd;var Fr=require("react/jsx-runtime"),pf="k-input-prefix",mf={direction:"horizontal"},Wo=e=>{let{direction:o=mf.direction,...t}=e;return e.children?(0,Fr.jsx)("span",{...t,className:a(pf,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):(0,Fr.jsx)(Fr.Fragment,{})};var $r=require("react/jsx-runtime"),uf="k-input-suffix",bf={direction:"horizontal"},Xo=e=>{let{direction:o=bf.direction,...t}=e;return e.children?(0,$r.jsx)("span",{...t,className:a(uf,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):(0,$r.jsx)($r.Fragment,{})};var Tf=require("react/jsx-runtime");var qd=require("react/jsx-runtime"),ff="k-input-suffix-text",Hi=e=>{let{children:o,...t}=e;return(0,qd.jsx)("span",{...t,className:a(ff,e.className),children:o})};var Qd=require("react/jsx-runtime"),Yd="k-input-separator",gf={direction:"vertical"},Jo=e=>{let{direction:o=gf.direction,...t}=e;return(0,Qd.jsx)("span",{...t,className:a(Yd,e.className,{[`${Yd}-${o}`]:o})})};var Fe=require("react/jsx-runtime"),hf=Pe.states,xf=Pe.defaultOptions,kf=Pe.options,Nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wf=[],Aa=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:s,readonly:c,...b}=e,h=o==null?void 0:o.prefix,k=o==null?void 0:o.suffix,w=o==null?void 0:o["clear-button"],M=o==null?void 0:o["validation-icon"],x=o==null?void 0:o.separators;return(0,Fe.jsxs)(Pe,{...b,valid:t,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[h&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(Wo,{children:(0,Fe.jsx)(p,{icon:"lock"})}),x&&(0,Fe.jsx)(Jo,{})]}),(0,Fe.jsx)(Ho,{placeholder:"Placeholder",value:"Value"}),M&&(0,Fe.jsx)(bo,{valid:t,invalid:r,loading:l,disabled:s}),(0,Fe.jsx)(Mo,{loading:l,disabled:s}),w&&(0,Fe.jsx)(Oo,{loading:l,disabled:s,readonly:c,value:"Value"}),k&&(0,Fe.jsxs)(Fe.Fragment,{children:[x&&(0,Fe.jsx)(Jo,{}),(0,Fe.jsx)(Xo,{children:(0,Fe.jsx)(pa,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Aa.options=kf;Aa.states=hf;Aa.variants=wf;Aa.defaultOptions=xf;Aa.modifiers=Nf;Aa.className=Pe.className;var Vr=require("react/jsx-runtime"),Zd="k-color-preview",vf=[],Cf={},Bt=e=>{let{color:o,iconName:t,...r}=e;return(0,Vr.jsxs)("span",{...r,className:a(e.className,Zd,{"k-icon-color-preview":t,"k-no-color":!o}),children:[t&&(0,Vr.jsx)(p,{icon:t,className:"k-color-preview-icon"}),(0,Vr.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:o}})]})};Bt.states=vf;Bt.options=Cf;Bt.className=Zd;var Pi="popup",jd=Pi;var Di=require("react/jsx-runtime"),ec="k-animation-container",Lf=[],yf={},_i={positionMode:"absolute",shown:!0},qo=e=>{let{positionMode:o=_i.positionMode,shown:t=_i.shown,animationStyle:r,offset:l,...s}=e;return(0,Di.jsx)("div",{...s,style:{...l,...e.style},className:a(e.className,ec,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:(0,Di.jsx)("div",{className:"k-child-animation-container",style:r,children:e.children})})};qo.states=Lf;qo.options=yf;qo.className=ec;qo.defaultOptions=_i;qo.moduleName=Pi;qo.folderName=jd;var Ki="popup",oc=Ki;var Bi=require("react/jsx-runtime"),tc="k-popup",Mf=[],Sf={},ac={positionMode:"absolute"},se=e=>{let{offset:o,positionMode:t=ac.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...b}=e;return(0,Bi.jsx)(qo,{positionMode:t,offset:o,animationStyle:r,className:l,role:s,"aria-label":c,children:(0,Bi.jsx)("div",{...b,className:a(e.className,tc),children:e.children})})};se.states=Mf;se.options=Sf;se.className=tc;se.defaultOptions=ac;se.moduleName=Ki;se.folderName=oc;se.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 zi="action-buttons",rc=zi;var lc=require("react/jsx-runtime"),Cl="k-actions",Rf=[],Af={},Ui={alignment:"start",orientation:"horizontal"},Yo=e=>{let{alignment:o=Ui.alignment,orientation:t=Ui.orientation,...r}=e;return(0,lc.jsx)("div",{...r,className:a(Cl,{[`${Cl}-${o}`]:o,[`${Cl}-${t}`]:t},e.className),children:e.children})};Yo.states=Rf;Yo.options=Af;Yo.className=Cl;Yo.defaultOptions=Ui;Yo.moduleName=zi;Yo.folderName=rc;var nc=require("react/jsx-runtime"),Ef="k-actionsheet-footer",ic={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:o=ic.alignment,orientation:t=ic.orientation,template:r,as:l=r?"div":Yo,...s}=e;return(0,nc.jsx)(l,{...s,...!r&&{alignment:o,orientation:t},className:a(e.className,Ef),children:e.children})};var Fi="searchbox",sc=Fi;var Ut=require("react/jsx-runtime"),dc="k-searchbox",Gf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],If={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},$i={showIcon:!0,icon:"search"},Po=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:s,hover:c,focus:b,valid:h,invalid:k,required:w,loading:M,disabled:x,showIcon:R=$i.showIcon,icon:A=$i.icon,"aria-label":z,...X}=e;return(0,Ut.jsxs)(Pe,{...X,size:r,rounded:l,fillMode:s,hover:c,focus:b,valid:h,invalid:k,required:w,loading:M,disabled:x,className:a(e.className,dc),children:[R&&(0,Ut.jsx)(p,{className:"k-input-icon",icon:A}),(0,Ut.jsx)(Ho,{placeholder:t,value:o,"aria-label":z}),(0,Ut.jsx)(Mo,{...e}),(0,Ut.jsx)(bo,{...e}),(0,Ut.jsx)(Oo,{...e})]})};Po.states=Gf;Po.options=If;Po.className=dc;Po.defaultOptions=$i;Po.moduleName=Fi;Po.folderName=sc;var Of=require("react/jsx-runtime");var Vi="textbox",cc=Vi;var to=require("react/jsx-runtime"),pc="k-textbox",Hf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pf={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Ll={showClearButton:!0,showValidationIcon:!0,separators:!0},he=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Ll.separators,showClearButton:s=Ll.showClearButton,showValidationIcon:c=Ll.showValidationIcon,prefix:b,suffix:h,type:k,value:w,placeholder:M,hover:x,focus:R,valid:A,invalid:z,required:X,loading:Y,disabled:ee,readonly:Me,id:fe,"aria-label":po,"aria-describedby":mo,...uo}=e;return(0,to.jsxs)(Pe,{...uo,size:o,rounded:t,fillMode:r,hover:x,focus:R,valid:A,invalid:z,required:X,loading:Y,disabled:ee,readonly:Me,className:a(e.className,pc),children:[b&&(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(Wo,{children:b}),l&&(0,to.jsx)(Jo,{})]}),(0,to.jsx)(Ho,{id:fe,placeholder:M,value:w,type:k,disabled:ee,"aria-label":po,"aria-describedby":mo,"aria-invalid":z?"true":void 0}),c&&(0,to.jsx)(bo,{valid:A,invalid:z,loading:Y,disabled:ee}),(0,to.jsx)(Mo,{loading:Y,disabled:ee}),s&&(0,to.jsx)(Oo,{loading:Y,disabled:ee,readonly:Me,value:w}),h&&(0,to.jsxs)(to.Fragment,{children:[l&&(0,to.jsx)(Jo,{}),(0,to.jsx)(Xo,{children:h})]})]})};he.states=Hf;he.options=Pf;he.className=pc;he.defaultOptions=Ll;he.moduleName=Vi;he.folderName=cc;he.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 Wr=he;var uc=require("react/jsx-runtime"),mc=e=>(0,uc.jsx)(Wr,{...e});var bc=require("react/jsx-runtime");var Tc=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),Df=he.states,Kf=he.defaultOptions,Bf=he.options,zf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uf=[],Ea=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o!=null&&o[l]?(0,yl.jsx)(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o!=null&&o[l]?(0,yl.jsx)(pa,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o==null?void 0:o[l];break;default:break}}),(0,yl.jsx)(mc,{value:"Value",style:{width:300},...t,...r})};Ea.options=Bf;Ea.states=Df;Ea.variants=Uf;Ea.defaultOptions=Kf;Ea.modifiers=zf;Ea.className=he.className;var _o=require("react/jsx-runtime"),fc="k-actionsheet-titlebar",Ff={},To=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:b,inputPlaceholder:h,adaptive:k,titleId:w,children:M,...x}=e;return(0,_o.jsxs)("div",{...x,className:a(e.className,fc),children:[(0,_o.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,_o.jsx)("div",{className:"k-actionsheet-actions",children:r}),!M&&(0,_o.jsxs)("div",{className:"k-actionsheet-title",id:w,children:[o&&(0,_o.jsx)("div",{className:"k-text-center",children:o}),t&&(0,_o.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),M&&(0,_o.jsx)("div",{className:"k-actionsheet-title",id:w,children:M}),l&&(0,_o.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&(0,_o.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,_o.jsx)(he,{value:b,placeholder:h,size:k?"large":"medium","aria-label":o||h||"Input"}):(0,_o.jsx)(Po,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};To.className=fc;To.defaultOptions=Ff;var Ga=require("react/jsx-runtime"),Wi="k-actionsheet-view",$f=[],Vf={},Wf={},Ia=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:s,titleId:c,...b}=e,h=(l==null?void 0:l.type)===To&&(0,Ga.jsx)(To,{adaptive:o,titleId:c,...l==null?void 0:l.props}),k=(s==null?void 0:s.type)===zt&&(0,Ga.jsx)(zt,{...s==null?void 0:s.props});return(0,Ga.jsxs)("div",{...b,className:a(e.className,Wi,{[`${Wi}-animated`]:t}),children:[h,(0,Ga.jsx)("div",{className:"k-actionsheet-content",children:r}),k]})};Ia.states=$f;Ia.options=Vf;Ia.className=Wi;Ia.defaultOptions=Wf;var Xr="action-sheet",Ml=Xr;var Xi="overlay",gc=Xi;var xc=require("react/jsx-runtime"),hc="k-overlay",Xf=[],Jf={},qf={},Ft=e=>{let{...o}=e;return(0,xc.jsx)("div",{...o,className:a(e.className,hc),children:e.children})};Ft.states=Xf;Ft.options=Jf;Ft.className=hc;Ft.defaultOptions=qf;Ft.moduleName=Xi;Ft.folderName=gc;var ua=require("react/jsx-runtime"),kc="k-actionsheet",Yf=[],Qf={},Jr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Oe=e=>{let{side:o=Jr.side,fullscreen:t=Jr.fullscreen,adaptive:r=Jr.adaptive,overlay:l=Jr.overlay,template:s,children:c,header:b,footer:h,id:k,...w}=e,M=k&&!s&&b?`${k}-title`:void 0;return(0,ua.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ua.jsx)(Ft,{}),(0,ua.jsx)(qo,{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:(0,ua.jsx)("div",{...w,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":M,className:a(e.className,kc,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:s||(0,ua.jsx)(Ia,{header:b,footer:h,adaptive:r,titleId:M,...e,children:c})})})]})};Oe.states=Yf;Oe.options=Qf;Oe.className=kc;Oe.defaultOptions=Jr;Oe.moduleName=Xr;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."}]};var wc=require("react/jsx-runtime"),Nc="k-actionsheet-container",Zf=[],jf={},eg={},Oa=e=>{let{children:o,...t}=e;return(0,wc.jsx)("div",{...t,className:Nc,children:o})};Oa.states=Zf;Oa.options=jf;Oa.className=Nc;Oa.defaultOptions=eg;Oa.moduleName=Xr;Oa.folderName=Ml;var vc=require("react/jsx-runtime"),Ji=e=>{let{...o}=e;return(0,vc.jsx)("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};var Qo=require("react/jsx-runtime"),qi="k-actionsheet-item",og=[n.hover,n.focus,n.selected,n.disabled],$t=e=>{let{iconName:o,text:t,description:r,hover:l,focus:s,selected:c,disabled:b,...h}=e;return(0,Qo.jsxs)("span",{...h,className:a(e.className,qi,I(qi,{hover:l,focus:s,selected:c,disabled:b})),children:[!e.children&&(0,Qo.jsx)(Qo.Fragment,{children:(0,Qo.jsxs)("span",{className:"k-actionsheet-action",children:[o&&(0,Qo.jsx)("span",{className:"k-icon-wrap",children:(0,Qo.jsx)(p,{className:"k-actionsheet-item-icon",icon:o})}),(0,Qo.jsxs)("span",{className:"k-actionsheet-item-text",children:[t&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-title",children:t}),r&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};$t.states=og;$t.className=qi;var Cc=require("react/jsx-runtime");var tg=require("react/jsx-runtime");var ag=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var Se=require("react/jsx-runtime"),lg=Oe.options,ig=Oe.states,yc={...Oe.defaultOptions,variant:"normal"},ng=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],sg=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ha=e=>{let{variant:o,modifiers:t,...r}={...yc,...e},l={},s=(0,Se.jsxs)(Ji,{children:[(0,Se.jsx)($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Se.jsx)($t,{text:"Add to Favorites",iconName:"heart"}),(0,Se.jsx)($t,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Se.jsx)("hr",{className:"k-hr"}),(0,Se.jsx)($t,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!(t!=null&&t[h]),l.actionsEnd=!!(t!=null&&t[h]);break;case"subtitle":l.subtitle=t!=null&&t[h]?c:void 0;break;case"footer":l.footer=!!(t!=null&&t[h]);break;default:break}}),o==="adaptive"?(0,Se.jsx)(Oe,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,Se.jsx)(To,{actionsStart:l.actionsStart?(0,Se.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Se.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,Se.jsxs)(zt,{alignment:"stretched",children:[(0,Se.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,Se.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Se.jsx)(Oe,{...r,fullscreen:l.fullScreen,header:(0,Se.jsx)(To,{actionsStart:l.actionsStart?(0,Se.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Se.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Se.jsxs)(zt,{alignment:"stretched",children:[(0,Se.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,Se.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Ha.options=lg;Ha.states=ig;Ha.variants=ng;Ha.defaultOptions=yc;Ha.modifiers=sg;Ha.className=Oe.className;var Yi="slider",Mc=Yi;var tt=require("react/jsx-runtime"),qr="k-slider",dg=[n.hover,n.focus,n.active,n.disabled,n.readonly],cg={},Zo={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Ce=e=>{let{type:o=Zo.type,orientation:t=Zo.orientation,gradientType:r=Zo.gradientType,readonly:l=Zo.readonly,disabled:s=Zo.disabled,handlePosition:c=Zo.handlePosition,showButtons:b=Zo.showButtons,showTicks:h=Zo.showTicks,value:k=Zo.value,min:w=Zo.min,max:M=Zo.max,startValue:x,endValue:R,hover:A,focus:z,active:X,trackStyle:Y,dir:ee,...Me}=e,po=(()=>{if(o==="gradient"&&r==="2d")return"undefined";if(t==="vertical")return"vertical"})(),mo,uo;return t==="horizontal"?(mo=ee==="rtl"?"chevron-left":"chevron-right",uo=ee==="rtl"?"chevron-right":"chevron-left"):t==="vertical"&&(mo="chevron-up",uo="chevron-down"),(0,tt.jsxs)("div",{...Me,className:a(qr,e.className,I(qr,{readonly:l,disabled:s}),{[`k-slider-${t}`]:t,"k-colorgradient-slider":o==="gradient"}),dir:ee,children:[b&&(0,tt.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:uo,tabIndex:-1,title:"Decrease"}),(0,tt.jsxs)("div",{className:"k-slider-track-wrap",children:[h&&(0,tt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,tt.jsxs)("div",{className:"k-slider-track",style:Y,children:[(0,tt.jsx)("div",{className:"k-slider-selection"}),o==="range"&&(0,tt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",I(qr,{hover:A,focus:z,active:X})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":x??w,"aria-valuemin":w,"aria-valuemax":R??M,"aria-orientation":po,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Me["aria-label"]?`${Me["aria-label"]} start`:"Range start"}),(0,tt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${c}`,I(qr,{hover:A,focus:z,active:X})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":o==="range"?R??M:k,"aria-valuemin":o==="range"?x??w:w,"aria-valuemax":M,"aria-orientation":po,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":o==="range"?Me["aria-label"]?`${Me["aria-label"]} end`:"Range end":Me["aria-label"]})]})]}),b&&(0,tt.jsx)(u,{className:"k-button-increase",rounded:"full",icon:mo,tabIndex:-1,title:"Increase"})]})};Ce.states=dg;Ce.options=cg;Ce.className=qr;Ce.defaultOptions=Zo;Ce.moduleName=Yi;Ce.folderName=Mc;Ce.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."}]};var Qi=require("react/jsx-runtime"),Sc="k-tick",pg=[],mg={},Rc={label:!1},Q=e=>{let{style:o,label:t=Rc.label,orientation:r,large:l,text:s,...c}=e;return(0,Qi.jsx)("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,Sc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:o,children:t&&(0,Qi.jsx)("span",{className:"k-label",children:s})})};Q.states=pg;Q.options=mg;Q.className=Sc;Q.defaultOptions=Rc;var Ve=require("react/jsx-runtime"),Ac=e=>(0,Ve.jsx)(Ce,{"aria-label":e["aria-label"]||"Slider",children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var We=require("react/jsx-runtime"),Ec=e=>(0,We.jsx)(Ce,{children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var Gc=require("react/jsx-runtime"),en=e=>(0,Gc.jsx)(Ce,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ic=require("react/jsx-runtime"),on=e=>(0,Ic.jsx)(Ce,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var tn=require("react/jsx-runtime");var an=require("react/jsx-runtime");var So=require("react/jsx-runtime"),ug=Ce.options,bg=Ce.states,Oc={...Ce.defaultOptions,variant:"horizontal",label:!0},Tg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fg=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Pa=e=>{let{variant:o,modifiers:t,...r}=e,l=Oc.label,s={};Object.keys(t||{}).forEach(b=>{switch(b){case"button":{s.showButtons=!!(t!=null&&t[b]);break}case"label":{l=!!(t!=null&&t[b]);break}case"tick":{s.showTicks=!!(t!=null&&t[b]);break}}});let c={"--kendo-slider-start":0,"--kendo-slider-end":60};return o==="vertical"?(0,So.jsxs)(Ec,{style:{height:"300px",...c},...r,...s,children:[(0,So.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,So.jsxs)(Ac,{style:{width:"400px",...c},...r,...s,children:[(0,So.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,So.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Pa.options=ug;Pa.states=bg;Pa.variants=Tg;Pa.defaultOptions=Oc;Pa.modifiers=fg;Pa.className=Ce.className;var Yr=require("react/jsx-runtime"),Hc="k-spin-button",xg=[],kg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},rn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Vt=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=rn.increaseLabel,decreaseLabel:s=rn.decreaseLabel,...c}=e;return(0,Yr.jsxs)("span",{...c,className:a(Hc,e.className),children:[(0,Yr.jsx)(u,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),(0,Yr.jsx)(u,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":s})]})};Vt.states=xg;Vt.options=kg;Vt.className=Hc;Vt.defaultOptions=rn;Vt.moduleName=null;Vt.folderName=null;var Pc="numeric-textbox",_c="numerictextbox";var Xe=require("react/jsx-runtime"),Dc="k-numerictextbox",Ng=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],wg={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Sl={showSpinButton:!0,showClearButton:!0,separators:!0},te=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Sl.separators,showClearButton:s=Sl.showClearButton,showSpinButton:c=Sl.showSpinButton,prefix:b,suffix:h,value:k,placeholder:w,hover:M,focus:x,valid:R,invalid:A,required:z,loading:X,disabled:Y,readonly:ee,id:Me,"aria-label":fe,"aria-describedby":po,...mo}=e;return(0,Xe.jsxs)(Pe,{...mo,size:o,rounded:t,fillMode:r,hover:M,focus:x,valid:R,invalid:A,required:z,loading:X,disabled:Y,readonly:ee,className:a(e.className,Dc),children:[b&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(Wo,{children:b}),l&&(0,Xe.jsx)(Jo,{})]}),(0,Xe.jsx)(Ho,{id:Me,placeholder:w,value:k,role:"spinbutton",disabled:Y,"aria-label":fe,"aria-describedby":po,"aria-invalid":A?"true":void 0}),(0,Xe.jsx)(bo,{valid:R,invalid:A,loading:X,disabled:Y}),(0,Xe.jsx)(Mo,{loading:X,disabled:Y}),s&&(0,Xe.jsx)(Oo,{loading:X,disabled:Y,readonly:ee,value:k}),h&&(0,Xe.jsxs)(Xe.Fragment,{children:[l&&(0,Xe.jsx)(Jo,{}),(0,Xe.jsx)(Xo,{children:h})]}),c&&(0,Xe.jsx)(Vt,{className:"k-input-spinner",size:o,fillMode:r,disabled:Y})]})};te.states=Ng;te.options=wg;te.className=Dc;te.defaultOptions=Sl;te.moduleName=Pc;te.folderName=_c;te.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Qr=te;var Bc=require("react/jsx-runtime"),Kc=e=>(0,Bc.jsx)(Qr,{...e});var Al=Cd(require("react"));var ln=require("react/jsx-runtime"),vg="k-list-group-sticky-header",nn=e=>(0,ln.jsx)("div",{className:a(vg,e.className),children:(0,ln.jsx)("div",{className:"k-list-header-text",children:e.children})});var zc=require("react/jsx-runtime"),Cg="k-no-data",Rl=e=>{let{live:o,...t}=e;return(0,zc.jsx)("span",{...t,className:a(Cg,e.className),"aria-live":o?"polite":void 0,children:e.children})};var ba="list",_a=ba;var Da=require("react/jsx-runtime"),sn="k-list",Lg=[],yg={size:[d.undefined,d.small,d.medium,d.large]},Mg={},ie=e=>{var A;let{size:o,virtualization:t,children:r,header:l,selectAll:s,optionLabel:c,customValue:b,noData:h,screenReaders:k,...w}=e,x=Al.default.Children.toArray(r)[0],R=(A=x==null?void 0:x.props)!=null&&A.children?Al.default.Children.count(x.props.children):Al.default.Children.count(r);return(0,Da.jsxs)("div",{...w,className:a(e.className,sn,G(sn,{size:o}),{"k-virtual-list":t}),children:[c,s,b,l&&(0,Da.jsx)(nn,{children:l}),r||(h!==void 0?h:(0,Da.jsx)(Rl,{live:!0,children:"No data found."})),k&&r&&(0,Da.jsxs)(Rl,{className:"k-sr-only",live:!0,children:[R," items found."]})]})};ie.states=Lg;ie.options=yg;ie.className=sn;ie.defaultOptions=Mg;ie.moduleName=ba;ie.folderName=_a;ie.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Fc=require("react/jsx-runtime"),Uc="k-list-container",Sg=[],Rg={},Ag={},Ka=e=>{let{...o}=e;return(0,Fc.jsx)("div",{...o,className:a(e.className,Uc),children:e.children})};Ka.states=Sg;Ka.options=Rg;Ka.className=Uc;Ka.defaultOptions=Ag;Ka.moduleName=ba;Ka.folderName=_a;var Ta="checkbox",Ba=Ta;var dn=require("react/jsx-runtime"),El="k-checkbox",Eg=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Gg={size:[d.undefined,d.small,d.medium,d.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Ig={},Le=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:s,disabled:c,invalid:b,valid:h,required:k,size:w,rounded:M,wrapperRole:x,...R}=e;return(0,dn.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,dn.jsx)("input",{...R,id:o,type:"checkbox",defaultChecked:t,required:k,disabled:c||void 0,"aria-invalid":b?"true":void 0,className:a(e.className,El,G(El,{size:w,rounded:M}),I(El,{hover:l,focus:s,disabled:c,invalid:b,valid:h,indeterminate:r,checked:t}))})})};Le.states=Eg;Le.options=Gg;Le.className=El;Le.defaultOptions=Ig;Le.moduleName=Ta;Le.folderName=Ba;Le.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of