@progress/kendo-themes-html/dist/cjs/filemanager/templates/filemanager-grid.js

A collection of HTML helpers used for developing Kendo UI themes

var gf=Object.create;var El=Object.defineProperty;var hf=Object.getOwnPropertyDescriptor;var xf=Object.getOwnPropertyNames;var Nf=Object.getPrototypeOf,kf=Object.prototype.hasOwnProperty;var vf=(e,t)=>{for(var o in t)El(e,o,{get:t[o],enumerable:!0})},$d=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of xf(t))!kf.call(e,l)&&l!==o&&El(e,l,{get:()=>t[l],enumerable:!(a=hf(t,l))||a.enumerable});return e};var Fr=(e,t,o)=>(o=e!=null?gf(Nf(e)):{},$d(t||!e||!e.__esModule?El(o,"default",{value:e,enumerable:!0}):o,e)),wf=e=>$d(El({},"__esModule",{value:!0}),e);var $C={};vf($C,{FileManagerGrid:()=>Fd});module.exports=wf($C);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var M=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:p,selected:f,disabled:g,indeterminate:x,loading:v,empty:T,readonly:L,highlighted:C,...R}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":p,"k-selected":f,"k-disabled":g,"k-indeterminate":x&&!d,"k-loading":v,"k-empty":T,"k-readonly":L,"k-highlighted":C},Object.keys(R).reduce((H,D)=>(D.startsWith("k-")?H[D]=R[D]:H[`k-${D}`]=R[D],H),{}))};function Vd(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},go={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},I={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Gi={};function W(e){return Gi[e]=(Gi[e]||0)+1,`k-${e}-${Gi[e]}`}var Ur=require("react/jsx-runtime"),Pi="k-font-icon",Cf=[],Lf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info]},Mf={},$r=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,Ur.jsx)("span",{...d,className:r(e.className,Pi,M(Pi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Ur.jsx)(Ur.Fragment,{})};$r.states=Cf;$r.options=Lf;$r.className=Pi;$r.defaultOptions=Mf;var Wd=$r;var Na=require("react/jsx-runtime"),Hi="k-svg-icon",yf=[],Sf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[go.outline,go.solid,go.duotone]},Bi={viewBox:"0 0 24 24",variant:go.outline},Vr=e=>{var v,T;let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Bi.viewBox,variant:d=Bi.variant,icon:p,...f}=e;if(!p)return(0,Na.jsx)(Na.Fragment,{});if(p==="none")return(0,Na.jsx)("span",{...f,className:r(e.className,Hi,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?d&&((v=p.variants)==null?void 0:v[d])||((T=p.variants)==null?void 0:T.outline)||p.content:void 0;return(0,Na.jsx)("span",{...f,className:r(e.className,Hi,M("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,Na.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};Vr.states=yf;Vr.options=Sf;Vr.className=Hi;Vr.defaultOptions=Bi;var _i=Vr;var Ki=Fr(require("@progress/kendo-svg-icons"));var Xd="icon",Jd="icons";var Qd=require("react");var qd=require("react"),Yd=(0,qd.createContext)({iconsType:"svg"});var Ao=require("react/jsx-runtime"),Rl="k-icon",If=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Af=[],Ef={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[go.outline,go.solid,go.duotone]},Ol={viewBox:"0 0 24 24",type:"svg",variant:go.outline},u=e=>{let{iconsType:t}=(0,Qd.useContext)(Yd),{size:o,themeColor:a,icon:l,type:n=t||Ol.type,rotate:d,flip:p,viewBox:f=Ol.viewBox,variant:g=Ol.variant,...x}=e;if(!l)return(0,Ao.jsx)(Ao.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,Ao.jsx)(_i,{...x,className:r(e.className,Rl),icon:l,size:o,variant:g});let T=Ki[l]?l:If(`${l}-icon`);return Ki[T]?(0,Ao.jsx)(_i,{...x,className:r(e.className,Rl),icon:Ki[T],size:o,themeColor:a,rotate:d,flip:p,viewBox:f,variant:g}):(0,Ao.jsx)(Ao.Fragment,{})}return(0,Ao.jsx)(Wd,{...x,className:r(e.className,Rl),icon:l,size:o,themeColor:a,rotate:d,flip:p})};u.states=Af;u.options=Ef;u.defaultOptions=Ol;u.className=Rl;u.moduleName=Xd;u.folderName=Jd;u.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",Zd=Di;var Dt=require("react/jsx-runtime"),Wr="k-button",Rf=["icon-button"],Of=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Gf={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},zi={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=zi.showArrow,arrowIconName:p=zi.arrowIconName,variant:f,hover:g,focus:x,active:v,selected:T,disabled:L,togglable:C,ariaDisabled:R,icon:H,iconSize:D,text:V,iconClassName:ke,className:se,...Ze}=e,ht=H!=null,xt=e.children!==void 0;return(0,Dt.jsxs)(t,{className:r(se,Wr,Vd(Wr,f),M(Wr,{size:o,rounded:a,fillMode:l,themeColor:n}),w(Wr,{hover:g,focus:x,active:v,disabled:L||R,selected:T}),{"k-icon-button":!V&&!xt&&ht}),"aria-pressed":C?T?"true":"false":void 0,...Ze,"aria-disabled":R?"true":void 0,disabled:L||void 0,children:[typeof H=="string"&&H&&(0,Dt.jsx)(u,{className:r(ke,"k-button-icon"),icon:H,size:D}),H&&typeof H!="string"&&(0,Dt.jsx)(Dt.Fragment,{children:H}),V?(0,Dt.jsxs)(Dt.Fragment,{children:[V&&(0,Dt.jsx)("span",{className:"k-button-text",children:V}),e.children]}):e.children&&(0,Dt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Dt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Dt.jsx)(u,{icon:p})})]})};c.states=Of;c.options=Gf;c.variants=Rf;c.className=Wr;c.defaultOptions=zi;c.moduleName=Di;c.folderName=Zd;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var jd=require("react/jsx-runtime"),Qo=e=>(0,jd.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ec=require("react/jsx-runtime"),Xr=e=>(0,ec.jsx)(c,{icon:"folder",children:"Button",...e});var tc=require("react/jsx-runtime"),ka=e=>(0,tc.jsx)(c,{children:"Button",...e});var Gl=require("react/jsx-runtime"),Pf=c.options,Hf=c.states,Bf={...c.defaultOptions,variant:"text"},_f=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kf=[],Ha=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Gl.jsx)(Qo,{...o,icon:"star"});case"icon-and-text":return(0,Gl.jsx)(Xr,{...o,icon:"star",children:"Button"});default:return(0,Gl.jsx)(ka,{...o,children:"Button"})}};Ha.options=Pf;Ha.states=Hf;Ha.variants=_f;Ha.defaultOptions=Bf;Ha.modifiers=Kf;Ha.className=c.className;var Fi="button",oc=Fi;var ac=require("react/jsx-runtime"),Jr="k-button-group",Df=[i.disabled],zf={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ff={},K=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,ac.jsx)("div",{role:"group",...l,className:r(e.className,Jr,M(Jr,{fillMode:t}),w(Jr,{disabled:o}),{[`${Jr}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};K.states=Df;K.options=zf;K.className=Jr;K.defaultOptions=Ff;K.moduleName=Fi;K.folderName=oc;K.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 Ui=require("react/jsx-runtime");var $i=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var Wi=require("react/jsx-runtime");var Xi=require("react/jsx-runtime");var Ji=require("react/jsx-runtime");var At=require("react/jsx-runtime"),Uf={...c.options,...K.options},$f=c.states,Vf={...c.defaultOptions,...K.defaultOptions,variant:"text-button"},Wf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xf=[],Ba=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,At.jsxs)(K,{fillMode:a.fillMode,className:o,children:[(0,At.jsx)(c,{...a,icon:"star"}),(0,At.jsx)(c,{...a,icon:"star"}),(0,At.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,At.jsxs)(K,{fillMode:a.fillMode,className:o,children:[(0,At.jsx)(c,{...a,icon:"star",children:"First"}),(0,At.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,At.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,At.jsxs)(K,{fillMode:a.fillMode,className:o,children:[(0,At.jsx)(c,{...a,children:"First"}),(0,At.jsx)(c,{...a,children:"Middle"}),(0,At.jsx)(c,{...a,children:"Last"})]})};Ba.options=Uf;Ba.states=$f;Ba.variants=Wf;Ba.defaultOptions=Vf;Ba.modifiers=Xf;Ba.className=K.className;var qr="input",Pl=qr;var rc=require("react/jsx-runtime"),Hl="k-input",Jf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Yf={},ze=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:g,fillMode:x,...v}=e;return(0,rc.jsx)("span",{...v,className:r(e.className,Hl,M(Hl,{size:f,rounded:g,fillMode:x}),w(Hl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p}))})};ze.states=Jf;ze.options=qf;ze.className=Hl;ze.defaultOptions=Yf;ze.moduleName=qr;ze.folderName=Pl;var lc=require("react/jsx-runtime"),Bl="k-picker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},jf={},ho=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p,size:f,rounded:g,fillMode:x,...v}=e;return(0,lc.jsx)("span",{...v,className:r(e.className,Bl,M(Bl,{size:f,rounded:g,fillMode:x}),w(Bl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:p})),children:e.children})};ho.states=Qf;ho.options=Zf;ho.className=Bl;ho.defaultOptions=jf;ho.moduleName=qr;ho.folderName=Pl;var _a=require("react/jsx-runtime"),ic="k-clear-value",eT=[i.disabled,i.loading,i.readonly],tT={},zt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?(0,_a.jsx)(_a.Fragment,{}):(0,_a.jsx)("span",{className:r(e.className,ic),children:(0,_a.jsx)(u,{icon:"x"})})};zt.states=eT;zt.options=tT;zt.className=ic;var nc=require("react/jsx-runtime"),qi="k-input-inner",oT=[],aT={},_l={type:"text",autocomplete:"off",value:"",placeholder:""},Ft=e=>{let{value:t=_l.value,type:o=_l.type,placeholder:a=_l.placeholder,autocomplete:l=_l.autocomplete,disabled:n,readOnly:d,...p}=e;return(0,nc.jsx)("input",{...p,type:o,className:r(e.className,qi,M(qi,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};Ft.states=oT;Ft.options=aT;Ft.className=qi;var Yr=require("react/jsx-runtime"),Yi="k-input-inner",rT=[],lT={},va=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,Yr.jsxs)("span",{...d,className:r(e.className,Yi,M(Yi,e)),children:[l,!l&&n&&(0,Yr.jsx)(u,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,Yr.jsx)("span",{className:"k-input-value-text",children:t})]})};va.states=rT;va.options=lT;va.className=Yi;var dc=require("react/jsx-runtime"),Qi="k-input-inner",iT=[],nT={},sc={value:"",placeholder:""},Zi=e=>{let{value:t=sc.value,placeholder:o=sc.placeholder,rows:a,disabled:l,...n}=e;return(0,dc.jsx)("textarea",{...n,className:r(e.className,Qi,M(Qi,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Zi.states=iT;Zi.options=nT;Zi.className=Qi;var Qr=require("react/jsx-runtime"),cc="k-input-loading-icon",sT=[i.disabled,i.loading],Et=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Qr.jsx)(Qr.Fragment,{}):(0,Qr.jsx)("span",{className:r(e.className,cc,"k-icon k-i-loading")})};Et.states=sT;Et.className=cc;var Zr=require("react/jsx-runtime"),pc="k-input-validation-icon",dT=[i.valid,i.invalid,i.disabled,i.loading],cT={},Nt=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?(0,Zr.jsx)(Zr.Fragment,{}):(0,Zr.jsx)(u,{className:r(pc),icon:n})};Nt.states=dT;Nt.options=cT;Nt.className=pc;var jr=require("react/jsx-runtime"),pT="k-input-prefix",mT={direction:"horizontal"},Qt=e=>{let{direction:t=mT.direction,...o}=e;return e.children?(0,jr.jsx)("span",{...o,className:r(pT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,jr.jsx)(jr.Fragment,{})};var el=require("react/jsx-runtime"),uT="k-input-suffix",bT={direction:"horizontal"},Zt=e=>{let{direction:t=bT.direction,...o}=e;return e.children?(0,el.jsx)("span",{...o,className:r(uT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,el.jsx)(el.Fragment,{})};var fT=require("react/jsx-runtime");var mc=require("react/jsx-runtime"),TT="k-input-suffix-text",ji=e=>{let{children:t,...o}=e;return(0,mc.jsx)("span",{...o,className:r(TT,e.className),children:t})};var bc=require("react/jsx-runtime"),uc="k-input-separator",gT={direction:"vertical"},jt=e=>{let{direction:t=gT.direction,...o}=e;return(0,bc.jsx)("span",{...o,className:r(uc,e.className,{[`${uc}-${t}`]:t})})};var Je=require("react/jsx-runtime"),hT=ze.states,xT=ze.defaultOptions,NT=ze.options,kT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vT=[],Ka=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...p}=e,f=t==null?void 0:t.prefix,g=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Je.jsxs)(ze,{...p,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(Qt,{children:(0,Je.jsx)(u,{icon:"lock"})}),T&&(0,Je.jsx)(jt,{})]}),(0,Je.jsx)(Ft,{placeholder:"Placeholder",value:"Value"}),v&&(0,Je.jsx)(Nt,{valid:o,invalid:a,loading:l,disabled:n}),(0,Je.jsx)(Et,{loading:l,disabled:n}),x&&(0,Je.jsx)(zt,{loading:l,disabled:n,readonly:d,value:"Value"}),g&&(0,Je.jsxs)(Je.Fragment,{children:[T&&(0,Je.jsx)(jt,{}),(0,Je.jsx)(Zt,{children:(0,Je.jsx)(ka,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Ka.options=NT;Ka.states=hT;Ka.variants=vT;Ka.defaultOptions=xT;Ka.modifiers=kT;Ka.className=ze.className;var tl=require("react/jsx-runtime"),fc="k-color-preview",wT=[],CT={},Zo=e=>{let{color:t,iconName:o,...a}=e;return(0,tl.jsxs)("span",{...a,className:r(e.className,fc,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,tl.jsx)(u,{icon:o,className:"k-color-preview-icon"}),(0,tl.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Zo.states=wT;Zo.options=CT;Zo.className=fc;var en="popup",Tc=en;var on=require("react/jsx-runtime"),gc="k-animation-container",LT=[],MT={},tn={positionMode:"absolute",shown:!0},xo=e=>{let{positionMode:t=tn.positionMode,shown:o=tn.shown,animationStyle:a,offset:l,...n}=e;return(0,on.jsx)("div",{...n,style:{...l,...e.style},className:r(e.className,gc,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,on.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};xo.states=LT;xo.options=MT;xo.className=gc;xo.defaultOptions=tn;xo.moduleName=en;xo.folderName=Tc;var an="popup",hc=an;var rn=require("react/jsx-runtime"),xc="k-popup",yT=[],ST={},Nc={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=Nc.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...p}=e;return(0,rn.jsx)(xo,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:(0,rn.jsx)("div",{...p,className:r(e.className,xc),children:e.children})})};pe.states=yT;pe.options=ST;pe.className=xc;pe.defaultOptions=Nc;pe.moduleName=an;pe.folderName=hc;pe.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 ln="action-buttons",kc=ln;var vc=require("react/jsx-runtime"),Kl="k-actions",IT=[],AT={},nn={alignment:"start",orientation:"horizontal"},eo=e=>{let{alignment:t=nn.alignment,orientation:o=nn.orientation,...a}=e;return(0,vc.jsx)("div",{...a,className:r(Kl,{[`${Kl}-${t}`]:t,[`${Kl}-${o}`]:o},e.className),children:e.children})};eo.states=IT;eo.options=AT;eo.className=Kl;eo.defaultOptions=nn;eo.moduleName=ln;eo.folderName=kc;var Cc=require("react/jsx-runtime"),ET="k-actionsheet-footer",wc={alignment:"stretched",orientation:"horizontal"},jo=e=>{let{alignment:t=wc.alignment,orientation:o=wc.orientation,template:a,as:l=a?"div":eo,...n}=e;return(0,Cc.jsx)(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,ET),children:e.children})};var sn="searchbox",Lc=sn;var ea=require("react/jsx-runtime"),Mc="k-searchbox",RT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],OT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dn={showIcon:!0,icon:"search"},Ae=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:g,required:x,loading:v,disabled:T,showIcon:L=dn.showIcon,icon:C=dn.icon,"aria-label":R,...H}=e;return(0,ea.jsxs)(ze,{...H,size:a,rounded:l,fillMode:n,hover:d,focus:p,valid:f,invalid:g,required:x,loading:v,disabled:T,className:r(e.className,Mc),children:[L&&(0,ea.jsx)(u,{className:"k-input-icon",icon:C}),(0,ea.jsx)(Ft,{placeholder:o,value:t,"aria-label":R}),(0,ea.jsx)(Et,{...e}),(0,ea.jsx)(Nt,{...e}),(0,ea.jsx)(zt,{...e})]})};Ae.states=RT;Ae.options=OT;Ae.className=Mc;Ae.defaultOptions=dn;Ae.moduleName=sn;Ae.folderName=Lc;var GT=require("react/jsx-runtime");var cn="textbox",yc=cn;var st=require("react/jsx-runtime"),Sc="k-textbox",PT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],HT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Dl={showClearButton:!0,showValidationIcon:!0,separators:!0},we=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Dl.separators,showClearButton:n=Dl.showClearButton,showValidationIcon:d=Dl.showValidationIcon,prefix:p,suffix:f,type:g,value:x,placeholder:v,hover:T,focus:L,valid:C,invalid:R,required:H,loading:D,disabled:V,readonly:ke,id:se,"aria-label":Ze,"aria-describedby":ht,...xt}=e;return(0,st.jsxs)(ze,{...xt,size:t,rounded:o,fillMode:a,hover:T,focus:L,valid:C,invalid:R,required:H,loading:D,disabled:V,readonly:ke,className:r(e.className,Sc),children:[p&&(0,st.jsxs)(st.Fragment,{children:[(0,st.jsx)(Qt,{children:p}),l&&(0,st.jsx)(jt,{})]}),(0,st.jsx)(Ft,{id:se,placeholder:v,value:x,type:g,disabled:V,"aria-label":Ze,"aria-describedby":ht,"aria-invalid":R?"true":void 0}),d&&(0,st.jsx)(Nt,{valid:C,invalid:R,loading:D,disabled:V}),(0,st.jsx)(Et,{loading:D,disabled:V}),n&&(0,st.jsx)(zt,{loading:D,disabled:V,readonly:ke,value:x}),f&&(0,st.jsxs)(st.Fragment,{children:[l&&(0,st.jsx)(jt,{}),(0,st.jsx)(Zt,{children:f})]})]})};we.states=PT;we.options=HT;we.className=Sc;we.defaultOptions=Dl;we.moduleName=cn;we.folderName=yc;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 ol=we;var Ac=require("react/jsx-runtime"),Ic=e=>(0,Ac.jsx)(ol,{...e});var Ec=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var BT=require("react/jsx-runtime");var zl=require("react/jsx-runtime"),_T=we.states,KT=we.defaultOptions,DT=we.options,zT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],FT=[],Da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,zl.jsx)(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,zl.jsx)(ka,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,zl.jsx)(Ic,{value:"Value",style:{width:300},...o,...a})};Da.options=DT;Da.states=_T;Da.variants=FT;Da.defaultOptions=KT;Da.modifiers=zT;Da.className=we.className;var Ut=require("react/jsx-runtime"),Oc="k-actionsheet-titlebar",UT={},kt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:p,inputPlaceholder:f,adaptive:g,titleId:x,children:v,...T}=e;return(0,Ut.jsxs)("div",{...T,className:r(e.className,Oc),children:[(0,Ut.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ut.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,Ut.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,Ut.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ut.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,Ut.jsx)("div",{className:"k-actionsheet-title",id:x,children:v}),l&&(0,Ut.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&(0,Ut.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Ut.jsx)(we,{value:p,placeholder:f,size:g?"large":"medium","aria-label":t||f||"Input"}):(0,Ut.jsx)(Ae,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};kt.className=Oc;kt.defaultOptions=UT;var za=require("react/jsx-runtime"),pn="k-actionsheet-view",$T=[],VT={},WT={},Fa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...p}=e,f=(l==null?void 0:l.type)===kt&&(0,za.jsx)(kt,{adaptive:t,titleId:d,...l==null?void 0:l.props}),g=(n==null?void 0:n.type)===jo&&(0,za.jsx)(jo,{...n==null?void 0:n.props});return(0,za.jsxs)("div",{...p,className:r(e.className,pn,{[`${pn}-animated`]:o}),children:[f,(0,za.jsx)("div",{className:"k-actionsheet-content",children:a}),g]})};Fa.states=$T;Fa.options=VT;Fa.className=pn;Fa.defaultOptions=WT;var al="action-sheet",Fl=al;var mn="overlay",Gc=mn;var Hc=require("react/jsx-runtime"),Pc="k-overlay",XT=[],JT={},qT={},ta=e=>{let{...t}=e;return(0,Hc.jsx)("div",{...t,className:r(e.className,Pc),children:e.children})};ta.states=XT;ta.options=JT;ta.className=Pc;ta.defaultOptions=qT;ta.moduleName=mn;ta.folderName=Gc;var wa=require("react/jsx-runtime"),Bc="k-actionsheet",YT=[],QT={},rl={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},_e=e=>{let{side:t=rl.side,fullscreen:o=rl.fullscreen,adaptive:a=rl.adaptive,overlay:l=rl.overlay,template:n,children:d,header:p,footer:f,id:g,...x}=e,v=g&&!n&&p?`${g}-title`:void 0;return(0,wa.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,wa.jsx)(ta,{}),(0,wa.jsx)(xo,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,wa.jsx)("div",{...x,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Bc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||(0,wa.jsx)(Fa,{header:p,footer:f,adaptive:a,titleId:v,...e,children:d})})})]})};_e.states=YT;_e.options=QT;_e.className=Bc;_e.defaultOptions=rl;_e.moduleName=al;_e.folderName=Fl;_e.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 Kc=require("react/jsx-runtime"),_c="k-actionsheet-container",ZT=[],jT={},eg={},Ua=e=>{let{children:t,...o}=e;return(0,Kc.jsx)("div",{...o,className:_c,children:t})};Ua.states=ZT;Ua.options=jT;Ua.className=_c;Ua.defaultOptions=eg;Ua.moduleName=al;Ua.folderName=Fl;var Dc=require("react/jsx-runtime"),un=e=>{let{...t}=e;return(0,Dc.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var to=require("react/jsx-runtime"),bn="k-actionsheet-item",tg=[i.hover,i.focus,i.selected,i.disabled],oa=e=>{let{iconName:t,text:o,description:a,hover:l,focus:n,selected:d,disabled:p,...f}=e;return(0,to.jsxs)("span",{...f,className:r(e.className,bn,w(bn,{hover:l,focus:n,selected:d,disabled:p})),children:[!e.children&&(0,to.jsx)(to.Fragment,{children:(0,to.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,to.jsx)("span",{className:"k-icon-wrap",children:(0,to.jsx)(u,{className:"k-actionsheet-item-icon",icon:t})}),(0,to.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,to.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,to.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oa.states=tg;oa.className=bn;var zc=require("react/jsx-runtime");var og=require("react/jsx-runtime");var ag=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),lg=_e.options,ig=_e.states,Uc={..._e.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"}],$a=e=>{let{variant:t,modifiers:o,...a}={...Uc,...e},l={},n=(0,Oe.jsxs)(un,{children:[(0,Oe.jsx)(oa,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Oe.jsx)(oa,{text:"Add to Favorites",iconName:"heart"}),(0,Oe.jsx)(oa,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Oe.jsx)("hr",{className:"k-hr"}),(0,Oe.jsx)(oa,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",p="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?d:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Oe.jsx)(_e,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,Oe.jsx)(kt,{actionsStart:l.actionsStart?(0,Oe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Oe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:l.subtitle}),footer:l.footer?(0,Oe.jsxs)(jo,{alignment:"stretched",children:[(0,Oe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,Oe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Oe.jsx)(_e,{...a,fullscreen:l.fullScreen,header:(0,Oe.jsx)(kt,{actionsStart:l.actionsStart?(0,Oe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Oe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Oe.jsxs)(jo,{alignment:"stretched",children:[(0,Oe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,Oe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};$a.options=lg;$a.states=ig;$a.variants=ng;$a.defaultOptions=Uc;$a.modifiers=sg;$a.className=_e.className;var fn="slider",$c=fn;var po=require("react/jsx-runtime"),ll="k-slider",dg=[i.hover,i.focus,i.active,i.disabled,i.readonly],cg={},oo={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ye=e=>{let{type:t=oo.type,orientation:o=oo.orientation,gradientType:a=oo.gradientType,readonly:l=oo.readonly,disabled:n=oo.disabled,handlePosition:d=oo.handlePosition,showButtons:p=oo.showButtons,showTicks:f=oo.showTicks,value:g=oo.value,min:x=oo.min,max:v=oo.max,startValue:T,endValue:L,hover:C,focus:R,active:H,trackStyle:D,dir:V,...ke}=e,Ze=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ht,xt;return o==="horizontal"?(ht=V==="rtl"?"chevron-left":"chevron-right",xt=V==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ht="chevron-up",xt="chevron-down"),(0,po.jsxs)("div",{...ke,className:r(ll,e.className,w(ll,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[p&&(0,po.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:xt,tabIndex:-1,title:"Decrease"}),(0,po.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,po.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,po.jsxs)("div",{className:"k-slider-track",style:D,children:[(0,po.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,po.jsx)("span",{className:r("k-draghandle","k-draghandle-start",w(ll,{hover:C,focus:R,active:H})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":T??x,"aria-valuemin":x,"aria-valuemax":L??v,"aria-orientation":Ze,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ke["aria-label"]?`${ke["aria-label"]} start`:"Range start"}),(0,po.jsx)("span",{className:r("k-draghandle",`k-draghandle-${d}`,w(ll,{hover:C,focus:R,active:H})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?L??v:g,"aria-valuemin":t==="range"?T??x:x,"aria-valuemax":v,"aria-orientation":Ze,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ke["aria-label"]?`${ke["aria-label"]} end`:"Range end":ke["aria-label"]})]})]}),p&&(0,po.jsx)(c,{className:"k-button-increase",rounded:"full",icon:ht,tabIndex:-1,title:"Increase"})]})};ye.states=dg;ye.options=cg;ye.className=ll;ye.defaultOptions=oo;ye.moduleName=fn;ye.folderName=$c;ye.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Tn=require("react/jsx-runtime"),Vc="k-tick",pg=[],mg={},Wc={label:!1},F=e=>{let{style:t,label:o=Wc.label,orientation:a,large:l,text:n,...d}=e;return(0,Tn.jsx)("li",{...d,role:"presentation",title:n||"Tick",className:r(e.className,Vc,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Tn.jsx)("span",{className:"k-label",children:n})})};F.states=pg;F.options=mg;F.className=Vc;F.defaultOptions=Wc;var je=require("react/jsx-runtime"),Xc=e=>(0,je.jsx)(ye,{"aria-label":e["aria-label"]||"Slider",children:(0,je.jsxs)(je.Fragment,{children:[(0,je.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{label:!0,large:!0,text:"5"}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{}),(0,je.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var et=require("react/jsx-runtime"),Jc=e=>(0,et.jsx)(ye,{children:(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{label:!0,large:!0,text:"5"}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{}),(0,et.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var gn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var qc=require("react/jsx-runtime"),xn=e=>(0,qc.jsx)(ye,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Yc=require("react/jsx-runtime"),Nn=e=>(0,Yc.jsx)(ye,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var kn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var Rt=require("react/jsx-runtime"),ug=ye.options,bg=ye.states,Qc={...ye.defaultOptions,variant:"horizontal",label:!0},fg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tg=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Va=e=>{let{variant:t,modifiers:o,...a}=e,l=Qc.label,n={};Object.keys(o||{}).forEach(p=>{switch(p){case"button":{n.showButtons=!!(o!=null&&o[p]);break}case"label":{l=!!(o!=null&&o[p]);break}case"tick":{n.showTicks=!!(o!=null&&o[p]);break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Rt.jsxs)(Jc,{style:{height:"300px",...d},...a,...n,children:[(0,Rt.jsx)(F,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Rt.jsxs)(Xc,{style:{width:"400px",...d},...a,...n,children:[(0,Rt.jsx)(F,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Rt.jsx)(F,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Va.options=ug;Va.states=bg;Va.variants=fg;Va.defaultOptions=Qc;Va.modifiers=Tg;Va.className=ye.className;var il=require("react/jsx-runtime"),Zc="k-spin-button",xg=[],Ng={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},wn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},aa=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=wn.increaseLabel,decreaseLabel:n=wn.decreaseLabel,...d}=e;return(0,il.jsxs)("span",{...d,className:r(Zc,e.className),children:[(0,il.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,il.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};aa.states=xg;aa.options=Ng;aa.className=Zc;aa.defaultOptions=wn;aa.moduleName=null;aa.folderName=null;var jc="numeric-textbox",ep="numerictextbox";var tt=require("react/jsx-runtime"),tp="k-numerictextbox",kg=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],vg={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ul={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ul.separators,showClearButton:n=Ul.showClearButton,showSpinButton:d=Ul.showSpinButton,prefix:p,suffix:f,value:g,placeholder:x,hover:v,focus:T,valid:L,invalid:C,required:R,loading:H,disabled:D,readonly:V,id:ke,"aria-label":se,"aria-describedby":Ze,...ht}=e;return(0,tt.jsxs)(ze,{...ht,size:t,rounded:o,fillMode:a,hover:v,focus:T,valid:L,invalid:C,required:R,loading:H,disabled:D,readonly:V,className:r(e.className,tp),children:[p&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(Qt,{children:p}),l&&(0,tt.jsx)(jt,{})]}),(0,tt.jsx)(Ft,{id:ke,placeholder:x,value:g,role:"spinbutton",disabled:D,"aria-label":se,"aria-describedby":Ze,"aria-invalid":C?"true":void 0}),(0,tt.jsx)(Nt,{valid:L,invalid:C,loading:H,disabled:D}),(0,tt.jsx)(Et,{loading:H,disabled:D}),n&&(0,tt.jsx)(zt,{loading:H,disabled:D,readonly:V,value:g}),f&&(0,tt.jsxs)(tt.Fragment,{children:[l&&(0,tt.jsx)(jt,{}),(0,tt.jsx)(Zt,{children:f})]}),d&&(0,tt.jsx)(aa,{className:"k-input-spinner",size:t,fillMode:a,disabled:D})]})};ae.states=kg;ae.options=vg;ae.className=tp;ae.defaultOptions=Ul;ae.moduleName=jc;ae.folderName=ep;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 nl=ae;var ap=require("react/jsx-runtime"),op=e=>(0,ap.jsx)(nl,{...e});var $l=Fr(require("react"));var Cn=require("react/jsx-runtime"),wg="k-list-group-sticky-header",Ln=e=>(0,Cn.jsx)("div",{className:r(wg,e.className),children:(0,Cn.jsx)("div",{className:"k-list-header-text",children:e.children})});var rp=require("react/jsx-runtime"),Cg="k-no-data",sl=e=>{let{live:t,...o}=e;return(0,rp.jsx)("span",{...o,className:r(Cg,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ca="list",Wa=Ca;var Xa=require("react/jsx-runtime"),Mn="k-list",Lg=[],Mg={size:[s.undefined,s.small,s.medium,s.large]},yg={},ie=e=>{var C;let{size:t,virtualization:o,children:a,header:l,selectAll:n,optionLabel:d,customValue:p,noData:f,screenReaders:g,...x}=e,T=$l.default.Children.toArray(a)[0],L=(C=T==null?void 0:T.props)!=null&&C.children?$l.default.Children.count(T.props.children):$l.default.Children.count(a);return(0,Xa.jsxs)("div",{...x,className:r(e.className,Mn,M(Mn,{size:t}),{"k-virtual-list":o}),children:[d,n,p,l&&(0,Xa.jsx)(Ln,{children:l}),a||(f!==void 0?f:(0,Xa.jsx)(sl,{live:!0,children:"No data found."})),g&&a&&(0,Xa.jsxs)(sl,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};ie.states=Lg;ie.options=Mg;ie.className=Mn;ie.defaultOptions=yg;ie.moduleName=Ca;ie.folderName=Wa;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 ip=require("react/jsx-runtime"),lp="k-list-container",Sg=[],Ig={},Ag={},Ja=e=>{let{...t}=e;return(0,ip.jsx)("div",{...t,className:r(e.className,lp),children:e.children})};Ja.states=Sg;Ja.options=Ig;Ja.className=lp;Ja.defaultOptions=Ag;Ja.moduleName=Ca;Ja.folderName=Wa;var La="checkbox",qa=La;var yn=require("react/jsx-runtime"),Vl="k-checkbox",Eg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Rg={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Og={},Ce=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:n,disabled:d,invalid:p,valid:f,required:g,size:x,rounded:v,wrapperRole:T,...L}=e;return(0,yn.jsx)("span",{className:"k-checkbox-wrap",role:T,children:(0,yn.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:d||void 0,"aria-invalid":p?"true":void 0,className:r(e.className,Vl,M(Vl,{size:x,rounded:v}),w(Vl,{hover:l,focus:n,disabled:d,invalid:p,valid:f,indeterminate:a,checked:o}))})})};Ce.states=Eg;Ce.options=Rg;Ce.className=Vl;Ce.defaultOptions=Og;Ce.moduleName=La;Ce.folderName=qa;Ce.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var mo=Ce;var dp=require("react/jsx-runtime"),np="k-checkbox-list",Gg=[],Pg={},sp={layout:"vertical"},vt=e=>{let{layout:t=sp.layout,...o}=e;return(0,dp.jsx)("ul",{...o,className:r(e.className,np,{[`k-list-${t}`]:t}),children:e.children})};vt.states=Gg;vt.options=Pg;vt.className=np;vt.defaultOptions=sp;vt.moduleName=La;vt.folderName=qa;var pp=require("react/jsx-runtime"),cp="k-checkbox-list-item",Hg=[],Bg={},_g={},wt=e=>{let{...t}=e;return(0,pp.jsx)("li",{...t,className:r(e.className,cp),children:e.children})};wt.states=Hg;wt.options=Bg;wt.className=cp;wt.defaultOptions=_g;wt.moduleName=La;wt.folderName=qa;var Ma=require("react/jsx-runtime"),Eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ma.jsxs)(Ma.Fragment,{children:[(0,Ma.jsx)(mo,{id:t,...o}),(0,Ma.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Sn=require("react/jsx-runtime");var In=require("react/jsx-runtime");var An=require("react/jsx-runtime");var Kg=require("react/jsx-runtime");var Dg=require("react/jsx-runtime");var zg=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),Fg=vt.options,Ug=vt.states,$g={...vt.defaultOptions,variant:"vertical"},Vg=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Wg=[],Ya=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,dt.jsxs)(vt,{layout:"horizontal",...o,children:[(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),defaultChecked:!0,children:"Label"})}),(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),children:"Label"})}),(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),children:"Label"})})]}):(0,dt.jsxs)(vt,{...o,children:[(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),defaultChecked:!0,children:"Label"})}),(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),children:"Label"})}),(0,dt.jsx)(wt,{children:(0,dt.jsx)(Eo,{id:W("cb"),children:"Label"})})]})};Ya.options=Fg;Ya.states=Ug;Ya.variants=Vg;Ya.defaultOptions=$g;Ya.modifiers=Wg;Ya.className=vt.className;var mp=require("react/jsx-runtime"),Xg=mo.options,Jg=mo.states,qg=mo.defaultOptions,Yg=[],Qg=[],Qa=e=>(0,mp.jsx)(Eo,{id:W("checkbox"),...e,defaultChecked:!0,children:"Label"});Qa.options=Xg;Qa.states=Jg;Qa.variants=Yg;Qa.defaultOptions=qg;Qa.modifiers=Qg;Qa.className=mo.className;var No