@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 120 kB
JavaScript
var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),T=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:c,active:u,selected:h,disabled:x,indeterminate:b,loading:N,empty:p,readonly:g,highlighted:k,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":h,"k-disabled":x,"k-indeterminate":b&&!c,"k-loading":N,"k-empty":p,"k-readonly":g,"k-highlighted":k},Object.keys(M).reduce((I,S)=>(S.startsWith("k-")?I[S]=M[S]:I[`k-${S}`]=M[S],I),{}))};function Pn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},_e={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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 ca={};function K(e){return ca[e]=(ca[e]||0)+1,`k-${e}-${ca[e]}`}import{Fragment as Zi,jsx as Bn}from"react/jsx-runtime";var pa="k-font-icon",Wi=[],Yi={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Qi={},lo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...c}=e;return a?Bn("span",{...c,className:i(e.className,pa,C(pa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Bn(Zi,{})};lo.states=Wi;lo.options=Yi;lo.className=pa;lo.defaultOptions=Qi;var Rn=lo;import{Fragment as ts,jsx as Po}from"react/jsx-runtime";var ua="k-svg-icon",ji=[],es={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[_e.outline,_e.solid,_e.duotone]},ma={viewBox:"0 0 24 24",variant:_e.outline},co=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=ma.viewBox,variant:c=ma.variant,icon:u,...h}=e;if(!u)return Po(ts,{});if(u==="none")return Po("span",{...h,className:i(e.className,ua,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof u=="object"&&u.name&&u.name,b=typeof u=="object"?c&&u.variants?.[c]||u.variants?.outline||u.content:void 0;return Po("span",{...h,className:i(e.className,ua,C("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Po("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:s,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:u?void 0:e.children})})};co.states=ji;co.options=es;co.className=ua;co.defaultOptions=ma;var fa=co;import*as ba from"@progress/kendo-svg-icons";var Kn="icon",_n="icons";import{useContext as as}from"react";import{createContext as os}from"react";var Dn=os({iconsType:"svg"});import{Fragment as Hn,jsx as po}from"react/jsx-runtime";var Bo="k-icon",ns=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rs=[],is={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[_e.outline,_e.solid,_e.duotone]},Ro={viewBox:"0 0 24 24",type:"svg",variant:_e.outline},L=e=>{let{iconsType:t}=as(Dn),{size:o,themeColor:a,icon:n,type:s=t||Ro.type,rotate:c,flip:u,viewBox:h=Ro.viewBox,variant:x=Ro.variant,...b}=e;if(!n)return po(Hn,{});if((t||s)==="svg"){if(n==="none")return po(fa,{...b,className:i(e.className,Bo),icon:n,size:o,variant:x});let p=ba[n]?n:ns(`${n}-icon`);return ba[p]?po(fa,{...b,className:i(e.className,Bo),icon:ba[p],size:o,themeColor:a,rotate:c,flip:u,viewBox:h,variant:x}):po(Hn,{})}return po(Rn,{...b,className:i(e.className,Bo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};L.states=rs;L.options=is;L.defaultOptions=Ro;L.className=Bo;L.moduleName=Kn;L.folderName=_n;L.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 ha="button",zn=ha;import{Fragment as Un,jsx as Tt,jsxs as Gn}from"react/jsx-runtime";var uo="k-button",ss=["icon-button"],ls=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],ds={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},xa={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:c=xa.showArrow,arrowIconName:u=xa.arrowIconName,variant:h,hover:x,focus:b,active:N,selected:p,disabled:g,togglable:k,ariaDisabled:M,icon:I,iconSize:S,text:O,iconClassName:$,className:te,...ne}=e,re=I!=null,ie=e.children!==void 0;return Gn(t,{className:i(te,uo,Pn(uo,h),C(uo,{size:o,rounded:a,fillMode:n,themeColor:s}),T(uo,{hover:x,focus:b,active:N,disabled:g||M,selected:p}),{"k-icon-button":!O&&!ie&&re}),"aria-pressed":k?p?"true":"false":void 0,...ne,"aria-disabled":M?"true":void 0,disabled:g||void 0,children:[typeof I=="string"&&I&&Tt(L,{className:i($,"k-button-icon"),icon:I,size:S}),I&&typeof I!="string"&&Tt(Un,{children:I}),O?Gn(Un,{children:[O&&Tt("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Tt("span",{className:"k-button-text",children:e.children}),c&&Tt("span",{className:"k-menu-button-arrow k-button-arrow",children:Tt(L,{icon:u})})]})};d.states=ls;d.options=ds;d.variants=ss;d.className=uo;d.defaultOptions=xa;d.moduleName=ha;d.folderName=zn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as cs}from"react/jsx-runtime";var je=e=>cs(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ps}from"react/jsx-runtime";var mo=e=>ps(d,{icon:"folder",children:"Button",...e});import{jsx as us}from"react/jsx-runtime";var mt=e=>us(d,{children:"Button",...e});import{jsx as Na}from"react/jsx-runtime";var ms=d.options,fs=d.states,bs={...d.defaultOptions,variant:"text"},hs=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xs=[],Et=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Na(je,{...o,icon:"star"});case"icon-and-text":return Na(mo,{...o,icon:"star",children:"Button"});default:return Na(mt,{...o,children:"Button"})}};Et.options=ms;Et.states=fs;Et.variants=hs;Et.defaultOptions=bs;Et.modifiers=xs;Et.className=d.className;var ka="button",Fn=ka;import{jsx as gs}from"react/jsx-runtime";var fo="k-button-group",Ns=[r.disabled],ks={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},vs={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return gs("div",{role:"group",...n,className:i(e.className,fo,C(fo,{fillMode:t}),T(fo,{disabled:o}),{[`${fo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=Ns;E.options=ks;E.className=fo;E.defaultOptions=vs;E.moduleName=ka;E.folderName=Fn;E.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as jm,jsx as Zm,jsxs as ef}from"react/jsx-runtime";import{Fragment as sf,jsx as rf,jsxs as lf}from"react/jsx-runtime";import{Fragment as ff,jsx as mf,jsxs as bf}from"react/jsx-runtime";import{Fragment as gf,jsx as vf,jsxs as Lf}from"react/jsx-runtime";import{Fragment as Tf,jsx as yf,jsxs as Ef}from"react/jsx-runtime";import{Fragment as Rf,jsx as Bf,jsxs as Kf}from"react/jsx-runtime";import{jsx as $e,jsxs as va}from"react/jsx-runtime";var Ls={...d.options,...E.options},Ms=d.states,Ss={...d.defaultOptions,...E.defaultOptions,variant:"text-button"},Is=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Cs=[],At=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?va(E,{fillMode:a.fillMode,className:o,children:[$e(d,{...a,icon:"star"}),$e(d,{...a,icon:"star"}),$e(d,{...a,icon:"star"})]}):t==="icon-text-button"?va(E,{fillMode:a.fillMode,className:o,children:[$e(d,{...a,icon:"star",children:"First"}),$e(d,{...a,icon:"star",children:"Middle"}),$e(d,{...a,icon:"star",children:"Last"})]}):va(E,{fillMode:a.fillMode,className:o,children:[$e(d,{...a,children:"First"}),$e(d,{...a,children:"Middle"}),$e(d,{...a,children:"Last"})]})};At.options=Ls;At.states=Ms;At.variants=Is;At.defaultOptions=Ss;At.modifiers=Cs;At.className=E.className;var bo="input",Ko=bo;import{jsx as As}from"react/jsx-runtime";var _o="k-input",ys=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Ts={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Es={},X=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:h,rounded:x,fillMode:b,...N}=e;return As("span",{...N,className:i(e.className,_o,C(_o,{size:h,rounded:x,fillMode:b}),T(_o,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u}))})};X.states=ys;X.options=Ts;X.className=_o;X.defaultOptions=Es;X.moduleName=bo;X.folderName=Ko;import{jsx as Bs}from"react/jsx-runtime";var Do="k-picker",Os=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],ws={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ps={},De=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:h,rounded:x,fillMode:b,...N}=e;return Bs("span",{...N,className:i(e.className,Do,C(Do,{size:h,rounded:x,fillMode:b}),T(Do,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u})),children:e.children})};De.states=Os;De.options=ws;De.className=Do;De.defaultOptions=Ps;De.moduleName=bo;De.folderName=Ko;import{Fragment as _s,jsx as ga}from"react/jsx-runtime";var Vn="k-clear-value",Rs=[r.disabled,r.loading,r.readonly],Ks={},xe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?ga(_s,{}):ga("span",{className:i(e.className,Vn),children:ga(L,{icon:"x"})})};xe.states=Rs;xe.options=Ks;xe.className=Vn;import{jsx as zs}from"react/jsx-runtime";var La="k-input-inner",Ds=[],Hs={},Ho={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=Ho.value,type:o=Ho.type,placeholder:a=Ho.placeholder,autocomplete:n=Ho.autocomplete,disabled:s,readOnly:c,...u}=e;return zs("input",{...u,type:o,className:i(e.className,La,C(La,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Ne.states=Ds;Ne.options=Hs;Ne.className=La;import{jsx as $n,jsxs as Fs}from"react/jsx-runtime";var Ma="k-input-inner",Us=[],Gs={},ft=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...c}=e;return Fs("span",{...c,className:i(e.className,Ma,C(Ma,e)),children:[n,!n&&s&&$n(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&$n("span",{className:"k-input-value-text",children:t})]})};ft.states=Us;ft.options=Gs;ft.className=Ma;import{jsx as Xs}from"react/jsx-runtime";var Sa="k-input-inner",Vs=[],$s={},Xn={value:"",placeholder:""},Ia=e=>{let{value:t=Xn.value,placeholder:o=Xn.placeholder,rows:a,disabled:n,...s}=e;return Xs("textarea",{...s,className:i(e.className,Sa,C(Sa,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Ia.states=Vs;Ia.options=$s;Ia.className=Sa;import{Fragment as Js,jsx as qn}from"react/jsx-runtime";var Jn="k-input-loading-icon",qs=[r.disabled,r.loading],fe=e=>{let{disabled:t,loading:o}=e;return t||!o?qn(Js,{}):qn("span",{className:i(e.className,Jn,"k-icon k-i-loading")})};fe.states=qs;fe.className=Jn;import{Fragment as Qs,jsx as Wn}from"react/jsx-runtime";var Yn="k-input-validation-icon",Ws=[r.valid,r.invalid,r.disabled,r.loading],Ys={},se=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Wn(Qs,{}):Wn(L,{className:i(Yn),icon:s})};se.states=Ws;se.options=Ys;se.className=Yn;import{Fragment as el,jsx as Qn}from"react/jsx-runtime";var Zs="k-input-prefix",js={direction:"horizontal"},Se=e=>{let{direction:t=js.direction,...o}=e;return e.children?Qn("span",{...o,className:i(Zs,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Qn(el,{})};import{Fragment as al,jsx as Zn}from"react/jsx-runtime";var tl="k-input-suffix",ol={direction:"horizontal"},Ie=e=>{let{direction:t=ol.direction,...o}=e;return e.children?Zn("span",{...o,className:i(tl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Zn(al,{})};import{jsx as Kb}from"react/jsx-runtime";import{jsx as rl}from"react/jsx-runtime";var nl="k-input-suffix-text",Ca=e=>{let{children:t,...o}=e;return rl("span",{...o,className:i(nl,e.className),children:t})};import{jsx as sl}from"react/jsx-runtime";var jn="k-input-separator",il={direction:"vertical"},Ce=e=>{let{direction:t=il.direction,...o}=e;return sl("span",{...o,className:i(jn,e.className,{[`${jn}-${t}`]:t})})};import{Fragment as er,jsx as He,jsxs as ya}from"react/jsx-runtime";var ll=X.states,dl=X.defaultOptions,cl=X.options,pl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ul=[],Ot=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:c,...u}=e,h=t?.prefix,x=t?.suffix,b=t?.["clear-button"],N=t?.["validation-icon"],p=t?.separators;return ya(X,{...u,valid:o,invalid:a,loading:n,disabled:s,readonly:c,style:{width:300},children:[h&&ya(er,{children:[He(Se,{children:He(L,{icon:"lock"})}),p&&He(Ce,{})]}),He(Ne,{placeholder:"Placeholder",value:"Value"}),N&&He(se,{valid:o,invalid:a,loading:n,disabled:s}),He(fe,{loading:n,disabled:s}),b&&He(xe,{loading:n,disabled:s,readonly:c,value:"Value"}),x&&ya(er,{children:[p&&He(Ce,{}),He(Ie,{children:He(mt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Ot.options=cl;Ot.states=ll;Ot.variants=ul;Ot.defaultOptions=dl;Ot.modifiers=pl;Ot.className=X.className;import{jsx as tr,jsxs as bl}from"react/jsx-runtime";var or="k-color-preview",ml=[],fl={},et=e=>{let{color:t,iconName:o,...a}=e;return bl("span",{...a,className:i(e.className,or,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&tr(L,{icon:o,className:"k-color-preview-icon"}),tr("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};et.states=ml;et.options=fl;et.className=or;var Ta="popup",ar=Ta;import{jsx as nr}from"react/jsx-runtime";var rr="k-animation-container",hl=[],xl={},Ea={positionMode:"absolute",shown:!0},ze=e=>{let{positionMode:t=Ea.positionMode,shown:o=Ea.shown,animationStyle:a,offset:n,...s}=e;return nr("div",{...s,style:{...n,...e.style},className:i(e.className,rr,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:nr("div",{className:"k-child-animation-container",style:a,children:e.children})})};ze.states=hl;ze.options=xl;ze.className=rr;ze.defaultOptions=Ea;ze.moduleName=Ta;ze.folderName=ar;var Aa="popup",ir=Aa;import{jsx as sr}from"react/jsx-runtime";var lr="k-popup",Nl=[],kl={},dr={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=dr.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:c,...u}=e;return sr(ze,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":c,children:sr("div",{...u,className:i(e.className,lr),children:e.children})})};U.states=Nl;U.options=kl;U.className=lr;U.defaultOptions=dr;U.moduleName=Aa;U.folderName=ir;U.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 Oa="action-buttons",cr=Oa;import{jsx as Ll}from"react/jsx-runtime";var zo="k-actions",vl=[],gl={},wa={alignment:"start",orientation:"horizontal"},Ue=e=>{let{alignment:t=wa.alignment,orientation:o=wa.orientation,...a}=e;return Ll("div",{...a,className:i(zo,{[`${zo}-${t}`]:t,[`${zo}-${o}`]:o},e.className),children:e.children})};Ue.states=vl;Ue.options=gl;Ue.className=zo;Ue.defaultOptions=wa;Ue.moduleName=Oa;Ue.folderName=cr;import{jsx as Sl}from"react/jsx-runtime";var Ml="k-actionsheet-footer",pr={alignment:"stretched",orientation:"horizontal"},tt=e=>{let{alignment:t=pr.alignment,orientation:o=pr.orientation,template:a,as:n=a?"div":Ue,...s}=e;return Sl(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Ml),children:e.children})};var Pa="searchbox",ur=Pa;import{jsx as ho,jsxs as yl}from"react/jsx-runtime";var mr="k-searchbox",Il=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Cl={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ba={showIcon:!0,icon:"search"},ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:h,invalid:x,required:b,loading:N,disabled:p,showIcon:g=Ba.showIcon,icon:k=Ba.icon,"aria-label":M,...I}=e;return yl(X,{...I,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:h,invalid:x,required:b,loading:N,disabled:p,className:i(e.className,mr),children:[g&&ho(L,{className:"k-input-icon",icon:k}),ho(Ne,{placeholder:o,value:t,"aria-label":M}),ho(fe,{...e}),ho(se,{...e}),ho(xe,{...e})]})};ye.states=Il;ye.options=Cl;ye.className=mr;ye.defaultOptions=Ba;ye.moduleName=Pa;ye.folderName=ur;import{jsx as sx}from"react/jsx-runtime";var Ra="textbox",fr=Ra;import{Fragment as br,jsx as ot,jsxs as Ka}from"react/jsx-runtime";var hr="k-textbox",Tl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],El={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Uo={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Uo.separators,showClearButton:s=Uo.showClearButton,showValidationIcon:c=Uo.showValidationIcon,prefix:u,suffix:h,type:x,value:b,placeholder:N,hover:p,focus:g,valid:k,invalid:M,required:I,loading:S,disabled:O,readonly:$,id:te,"aria-label":ne,"aria-describedby":re,...ie}=e;return Ka(X,{...ie,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:M,required:I,loading:S,disabled:O,readonly:$,className:i(e.className,hr),children:[u&&Ka(br,{children:[ot(Se,{children:u}),n&&ot(Ce,{})]}),ot(Ne,{id:te,placeholder:N,value:b,type:x,disabled:O,"aria-label":ne,"aria-describedby":re,"aria-invalid":M?"true":void 0}),c&&ot(se,{valid:k,invalid:M,loading:S,disabled:O}),ot(fe,{loading:S,disabled:O}),s&&ot(xe,{loading:S,disabled:O,readonly:$,value:b}),h&&Ka(br,{children:[n&&ot(Ce,{}),ot(Ie,{children:h})]})]})};j.states=Tl;j.options=El;j.className=hr;j.defaultOptions=Uo;j.moduleName=Ra;j.folderName=fr;j.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 xo=j;import{jsx as Al}from"react/jsx-runtime";var xr=e=>Al(xo,{...e});import{Fragment as Ix,jsx as Sx}from"react/jsx-runtime";import{Fragment as Ox,jsx as Ax}from"react/jsx-runtime";import{jsx as Rx}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Ol=j.states,wl=j.defaultOptions,Pl=j.options,Bl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Rl=[],wt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?_a(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?_a(mt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),_a(xr,{value:"Value",style:{width:300},...o,...a})};wt.options=Pl;wt.states=Ol;wt.variants=Rl;wt.defaultOptions=wl;wt.modifiers=Bl;wt.className=j.className;import{jsx as at,jsxs as Da}from"react/jsx-runtime";var Nr="k-actionsheet-titlebar",Kl={},le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:c,inputValue:u,inputPlaceholder:h,adaptive:x,titleId:b,children:N,...p}=e;return Da("div",{...p,className:i(e.className,Nr),children:[Da("div",{className:"k-actionsheet-titlebar-group",children:[a&&at("div",{className:"k-actionsheet-actions",children:a}),!N&&Da("div",{className:"k-actionsheet-title",id:b,children:[t&&at("div",{className:"k-text-center",children:t}),o&&at("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&at("div",{className:"k-actionsheet-title",id:b,children:N}),n&&at("div",{className:"k-actionsheet-actions",children:n})]}),(c||s)&&at("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?at(j,{value:u,placeholder:h,size:x?"large":"medium","aria-label":t||h||"Input"}):at(ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};le.className=Nr;le.defaultOptions=Kl;import{jsx as Ha,jsxs as zl}from"react/jsx-runtime";var za="k-actionsheet-view",_l=[],Dl={},Hl={},Pt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:c,...u}=e,h=n?.type===le&&Ha(le,{adaptive:t,titleId:c,...n?.props}),x=s?.type===tt&&Ha(tt,{...s?.props});return zl("div",{...u,className:i(e.className,za,{[`${za}-animated`]:o}),children:[h,Ha("div",{className:"k-actionsheet-content",children:a}),x]})};Pt.states=_l;Pt.options=Dl;Pt.className=za;Pt.defaultOptions=Hl;var No="action-sheet",Go=No;var Ua="overlay",kr=Ua;import{jsx as Vl}from"react/jsx-runtime";var vr="k-overlay",Ul=[],Gl={},Fl={},nt=e=>{let{...t}=e;return Vl("div",{...t,className:i(e.className,vr),children:e.children})};nt.states=Ul;nt.options=Gl;nt.className=vr;nt.defaultOptions=Fl;nt.moduleName=Ua;nt.folderName=kr;import{jsx as Fo,jsxs as ql}from"react/jsx-runtime";var gr="k-actionsheet",$l=[],Xl={},ko={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},G=e=>{let{side:t=ko.side,fullscreen:o=ko.fullscreen,adaptive:a=ko.adaptive,overlay:n=ko.overlay,template:s,children:c,header:u,footer:h,id:x,...b}=e,N=x&&!s&&u?`${x}-title`:void 0;return ql("div",{className:"k-actionsheet-container",children:[n&&Fo(nt,{}),Fo(ze,{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:Fo("div",{...b,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:i(e.className,gr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Fo(Pt,{header:u,footer:h,adaptive:a,titleId:N,...e,children:c})})})]})};G.states=$l;G.options=Xl;G.className=gr;G.defaultOptions=ko;G.moduleName=No;G.folderName=Go;G.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Ql}from"react/jsx-runtime";var Lr="k-actionsheet-container",Jl=[],Wl={},Yl={},Bt=e=>{let{children:t,...o}=e;return Ql("div",{...o,className:Lr,children:t})};Bt.states=Jl;Bt.options=Wl;Bt.className=Lr;Bt.defaultOptions=Yl;Bt.moduleName=No;Bt.folderName=Go;import{jsx as Zl}from"react/jsx-runtime";var Ga=e=>{let{...t}=e;return Zl("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as ed,jsx as vo,jsxs as Fa}from"react/jsx-runtime";var Va="k-actionsheet-item",jl=[r.hover,r.focus,r.selected,r.disabled],rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:c,disabled:u,...h}=e;return Fa("span",{...h,className:i(e.className,Va,T(Va,{hover:n,focus:s,selected:c,disabled:u})),children:[!e.children&&vo(ed,{children:Fa("span",{className:"k-actionsheet-action",children:[t&&vo("span",{className:"k-icon-wrap",children:vo(L,{className:"k-actionsheet-item-icon",icon:t})}),Fa("span",{className:"k-actionsheet-item-text",children:[o&&vo("span",{className:"k-actionsheet-item-title",children:o}),a&&vo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};rt.states=jl;rt.className=Va;import{jsx as BN,jsxs as RN}from"react/jsx-runtime";import{jsx as HN}from"react/jsx-runtime";import{jsx as FN}from"react/jsx-runtime";import{jsx as qN}from"react/jsx-runtime";import{jsx as ee,jsxs as $a}from"react/jsx-runtime";var td=G.options,od=G.states,Sr={...G.defaultOptions,variant:"normal"},ad=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],nd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Rt=e=>{let{variant:t,modifiers:o,...a}={...Sr,...e},n={},s=$a(Ga,{children:[ee(rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ee(rt,{text:"Add to Favorites",iconName:"heart"}),ee(rt,{text:"Upload New",iconName:"upload",disabled:!0}),ee("hr",{className:"k-hr"}),ee(rt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(h=>{switch(h){case"actions":n.actionsStart=!!o?.[h],n.actionsEnd=!!o?.[h];break;case"subtitle":n.subtitle=o?.[h]?c:void 0;break;case"footer":n.footer=!!o?.[h];break;default:break}}),t==="adaptive"?ee(G,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ee(le,{actionsStart:n.actionsStart?ee(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?$a(tt,{alignment:"stretched",children:[ee(d,{text:"Cancel",size:"large",themeColor:"base"}),ee(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ee(G,{...a,fullscreen:n.fullScreen,header:ee(le,{actionsStart:n.actionsStart?ee(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?$a(tt,{alignment:"stretched",children:[ee(d,{text:"Apply",themeColor:"primary"}),ee(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Rt.options=td;Rt.states=od;Rt.variants=ad;Rt.defaultOptions=Sr;Rt.modifiers=nd;Rt.className=G.className;var Xa="slider",Ir=Xa;import{jsx as Kt,jsxs as qa}from"react/jsx-runtime";var go="k-slider",rd=[r.hover,r.focus,r.active,r.disabled,r.readonly],id={},Te={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},z=e=>{let{type:t=Te.type,orientation:o=Te.orientation,gradientType:a=Te.gradientType,readonly:n=Te.readonly,disabled:s=Te.disabled,handlePosition:c=Te.handlePosition,showButtons:u=Te.showButtons,showTicks:h=Te.showTicks,value:x=Te.value,min:b=Te.min,max:N=Te.max,startValue:p,endValue:g,hover:k,focus:M,active:I,trackStyle:S,dir:O,...$}=e,ne=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),re,ie;return o==="horizontal"?(re=O==="rtl"?"chevron-left":"chevron-right",ie=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(re="chevron-up",ie="chevron-down"),qa("div",{...$,className:i(go,e.className,T(go,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[u&&Kt(d,{className:"k-button-decrease",rounded:"full",icon:ie,tabIndex:-1,title:"Decrease"}),qa("div",{className:"k-slider-track-wrap",children:[h&&Kt("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),qa("div",{className:"k-slider-track",style:S,children:[Kt("div",{className:"k-slider-selection"}),t==="range"&&Kt("span",{className:i("k-draghandle","k-draghandle-start",T(go,{hover:k,focus:M,active:I})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??b,"aria-valuemin":b,"aria-valuemax":g??N,"aria-orientation":ne,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),Kt("span",{className:i("k-draghandle",`k-draghandle-${c}`,T(go,{hover:k,focus:M,active:I})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??N:x,"aria-valuemin":t==="range"?p??b:b,"aria-valuemax":N,"aria-orientation":ne,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),u&&Kt(d,{className:"k-button-increase",rounded:"full",icon:re,tabIndex:-1,title:"Increase"})]})};z.states=rd;z.options=id;z.className=go;z.defaultOptions=Te;z.moduleName=Xa;z.folderName=Ir;z.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Cr}from"react/jsx-runtime";var yr="k-tick",sd=[],ld={},Tr={label:!1},y=e=>{let{style:t,label:o=Tr.label,orientation:a,large:n,text:s,...c}=e;return Cr("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,yr,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Cr("span",{className:"k-label",children:s})})};y.states=sd;y.options=ld;y.className=yr;y.defaultOptions=Tr;import{Fragment as dd,jsx as Ee,jsxs as cd}from"react/jsx-runtime";var Er=e=>Ee(z,{"aria-label":e["aria-label"]||"Slider",children:cd(dd,{children:[Ee(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{label:!0,large:!0,text:"5"}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{}),Ee(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as pd,jsx as Ae,jsxs as ud}from"react/jsx-runtime";var Ar=e=>Ae(z,{children:ud(pd,{children:[Ae(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ae(y,{}),Ae(y,{}),Ae(y,{}),Ae(y,{}),Ae(y,{label:!0,large:!0,text:"5"}),Ae(y,{}),Ae(y,{}),Ae(y,{}),Ae(y,{}),Ae(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as Rk,jsx as Bk,jsxs as Kk}from"react/jsx-runtime";import{Fragment as Uk,jsx as zk,jsxs as Gk}from"react/jsx-runtime";import{jsx as md}from"react/jsx-runtime";var Ja=e=>md(z,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as fd}from"react/jsx-runtime";var Wa=e=>fd(z,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as jk,jsx as Zk,jsxs as ev}from"react/jsx-runtime";import{Fragment as rv,jsx as nv,jsxs as iv}from"react/jsx-runtime";import{jsx as Ge,jsxs as Or}from"react/jsx-runtime";var bd=z.options,hd=z.states,wr={...z.defaultOptions,variant:"horizontal",label:!0},xd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nd=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],_t=e=>{let{variant:t,modifiers:o,...a}=e,n=wr.label,s={};Object.keys(o||{}).forEach(u=>{switch(u){case"button":{s.showButtons=!!o?.[u];break}case"label":{n=!!o?.[u];break}case"tick":{s.showTicks=!!o?.[u];break}}});let c={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Or(Ar,{style:{height:"300px",...c},...a,...s,children:[Ge(y,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ge(y,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ge(y,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ge(y,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ge(y,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Or(Er,{style:{width:"400px",...c},...a,...s,children:[Ge(y,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ge(y,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ge(y,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ge(y,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ge(y,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};_t.options=bd;_t.states=hd;_t.variants=xd;_t.defaultOptions=wr;_t.modifiers=Nd;_t.className=z.className;import{jsx as Pr,jsxs as Md}from"react/jsx-runtime";var Br="k-spin-button",gd=[],Ld={size:[l.undefined,l.small,l.medium,l.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ya={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},it=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ya.increaseLabel,decreaseLabel:s=Ya.decreaseLabel,...c}=e;return Md("span",{...c,className:i(Br,e.className),children:[Pr(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Pr(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};it.states=gd;it.options=Ld;it.className=Br;it.defaultOptions=Ya;it.moduleName=null;it.folderName=null;var Rr="numeric-textbox",Kr="numerictextbox";import{Fragment as _r,jsx as Xe,jsxs as Qa}from"react/jsx-runtime";var Dr="k-numerictextbox",Sd=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Id={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Vo={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Vo.separators,showClearButton:s=Vo.showClearButton,showSpinButton:c=Vo.showSpinButton,prefix:u,suffix:h,value:x,placeholder:b,hover:N,focus:p,valid:g,invalid:k,required:M,loading:I,disabled:S,readonly:O,id:$,"aria-label":te,"aria-describedby":ne,...re}=e;return Qa(X,{...re,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:g,invalid:k,required:M,loading:I,disabled:S,readonly:O,className:i(e.className,Dr),children:[u&&Qa(_r,{children:[Xe(Se,{children:u}),n&&Xe(Ce,{})]}),Xe(Ne,{id:$,placeholder:b,value:x,role:"spinbutton",disabled:S,"aria-label":te,"aria-describedby":ne,"aria-invalid":k?"true":void 0}),Xe(se,{valid:g,invalid:k,loading:I,disabled:S}),Xe(fe,{loading:I,disabled:S}),s&&Xe(xe,{loading:I,disabled:S,readonly:O,value:x}),h&&Qa(_r,{children:[n&&Xe(Ce,{}),Xe(Ie,{children:h})]}),c&&Xe(it,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};_.states=Sd;_.options=Id;_.className=Dr;_.defaultOptions=Vo;_.moduleName=Rr;_.folderName=Kr;_.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 Lo=_;import{jsx as Cd}from"react/jsx-runtime";var Hr=e=>Cd(Lo,{...e});import ja from"react";import{jsx as zr}from"react/jsx-runtime";var yd="k-list-group-sticky-header",Za=e=>zr("div",{className:i(yd,e.className),children:zr("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ed}from"react/jsx-runtime";var Td="k-no-data",$o=e=>{let{live:t,...o}=e;return Ed("span",{...o,className:i(Td,e.className),"aria-live":t?"polite":void 0,children:e.children})};var bt="list",Dt=bt;import{jsx as Ur,jsxs as Gr}from"react/jsx-runtime";var en="k-list",Ad=[],Od={size:[l.undefined,l.small,l.medium,l.large]},wd={},P=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:c,customValue:u,noData:h,screenReaders:x,...b}=e,p=ja.Children.toArray(a)[0],g=p?.props?.children?ja.Children.count(p.props.children):ja.Children.count(a);return Gr("div",{...b,className:i(e.className,en,C(en,{size:t}),{"k-virtual-list":o}),children:[c,s,u,n&&Ur(Za,{children:n}),a||(h!==void 0?h:Ur($o,{live:!0,children:"No data found."})),x&&a&&Gr($o,{className:"k-sr-only",live:!0,children:[g," items found."]})]})};P.states=Ad;P.options=Od;P.className=en;P.defaultOptions=wd;P.moduleName=bt;P.folderName=Dt;P.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Kd}from"react/jsx-runtime";var Fr="k-list-container",Pd=[],Bd={},Rd={},Ht=e=>{let{...t}=e;return Kd("div",{...t,className:i(e.className,Fr),children:e.children})};Ht.states=Pd;Ht.options=Bd;Ht.className=Fr;Ht.defaultOptions=Rd;Ht.moduleName=bt;Ht.folderName=Dt;var ht="checkbox",zt=ht;import{jsx as Vr}from"react/jsx-runtime";var Xo="k-checkbox",_d=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Dd={size:[l.undefined,l.small,l.medium,l.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Hd={},be=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:c,invalid:u,valid:h,required:x,size:b,rounded:N,wrapperRole:p,...g}=e;return Vr("span",{className:"k-checkbox-wrap",role:p,children:Vr("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,Xo,C(Xo,{size:b,rounded:N}),T(Xo,{hover:n,focus:s,disabled:c,invalid:u,valid:h,indeterminate:a,checked:o}))})})};be.states=_d;be.options=Dd;be.className=Xo;be.defaultOptions=Hd;be.moduleName=ht;be.folderName=zt;be.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 Ke=be;import{jsx as Gd}from"react/jsx-runtime";var $r="k-checkbox-list",zd=[],Ud={},Xr={layout:"vertical"},de=e=>{let{layout:t=Xr.layout,...o}=e;return Gd("ul",{...o,className:i(e.className,$r,{[`k-list-${t}`]:t}),children:e.children})};de.states=zd;de.options=Ud;de.className=$r;de.defaultOptions=Xr;de.moduleName=ht;de.folderName=zt;import{jsx as Xd}from"react/jsx-runtime";var qr="k-checkbox-list-item",Fd=[],Vd={},$d={},ce=e=>{let{...t}=e;return Xd("li",{...t,className:i(e.className,qr),children:e.children})};ce.states=Fd;ce.options=Vd;ce.className=qr;ce.defaultOptions=$d;ce.moduleName=ht;ce.folderName=zt;import{Fragment as qd,jsx as Jr,jsxs as Jd}from"react/jsx-runtime";var qe=({children:e="Label",id:t="cb-label-after",...o})=>Jd(qd,{children:[Jr(Ke,{id:t,...o}),Jr("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Ag,jsx as Eg,jsxs as Og}from"react/jsx-runtime";import{Fragment as Kg,jsx as Rg,jsxs as _g}from"react/jsx-runtime";import{Fragment as Gg,jsx as Ug,jsxs as Fg}from"react/jsx-runtime";import{jsx as qg}from"react/jsx-runtime";import{jsx as Qg}from"react/jsx-runtime";import{jsx as tL}from"react/jsx-runtime";import{jsx as Oe,jsxs as Wr}from"react/jsx-runtime";var Wd=de.options,Yd=de.states,Qd={...de.defaultOptions,variant:"vertical"},Zd=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],jd=[],Ut=e=>{let{variant:t,...o}=e;return t==="horizontal"?Wr(de,{layout:"horizontal",...o,children:[Oe(ce,{children:Oe(qe,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Oe(ce,{children:Oe(qe,{id:K("cb"),children:"Label"})}),Oe(ce,{children:Oe(qe,{id:K("cb"),children:"Label"})})]}):Wr(de,{...o,children:[Oe(ce,{children:Oe(qe,{id:K("cb"),defaultChecked:!0,children:"Label"})}),Oe(ce,{children:Oe(qe,{id:K("cb"),children:"Label"})}),Oe(ce,{children:Oe(qe,{id:K("cb"),children:"Label"})})]})};Ut.options=Wd;Ut.states=Yd;Ut.variants=Zd;Ut.defaultOptions=Qd;Ut.modifiers=jd;Ut.className=de.className;import{jsx as rc}from"react/jsx-runtime";var ec=Ke.options,tc=Ke.states,oc=Ke.defaultOptions,ac=[],nc=[],Gt=e=>rc(qe,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Gt.options=ec;Gt.states=tc;Gt.variants=ac;Gt.defaultOptions=oc;Gt.modifiers=nc;Gt.className=Ke.className;import{jsx as xt,jsxs as dc}from"react/jsx-runtime";var tn="k-list-item",ic=[r.hover,r.focus,r.selected,r.disabled],sc={},lc={},A=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:c,checked:u,hover:h,focus:x,selected:b,disabled:N,actions:p,description:g,id:k,...M}=e,I=t||e.children;return dc("li",{...M,id:k,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:i(e.className,a?"k-list-group-item":tn,T(tn,{hover:h,focus:x,disabled:N,selected:b})),children:[c&&xt(be,{checked:u}),n&&xt("span",{className:"k-list-item-icon-wrapper",children:xt(L,{icon:n,className:i("k-list-item-icon",s)})}),xt("span",{className:"k-list-item-text",children:I}),p&&xt("div",{className:"k-list-item-actions",children:p}),g&&xt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&xt("div",{className:"k-list-item-group-label",children:o})]})};A.states=ic;A.options=sc;A.className=tn;A.defaultOptions=lc;A.moduleName=bt;A.folderName=Dt;A.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as pc}from"react/jsx-runtime";var cc="k-list-ul",Je=e=>{let{children: