@progress/kendo-themes-html/dist/esm/imageeditor/templates/imageeditor-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),T=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:p,selected:f,disabled:x,indeterminate:h,loading:N,empty:m,readonly:v,highlighted:k,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":p,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!d,"k-loading":N,"k-empty":m,"k-readonly":v,"k-highlighted":k},Object.keys(S).reduce((M,I)=>(I.startsWith("k-")?M[I]=S[I]:M[`k-${I}`]=S[I],M),{}))};function Wn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},tt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var cr={};function A(e){return cr[e]=(cr[e]||0)+1,`k-${e}-${cr[e]}`}import{Fragment as nd,jsx as Jn}from"react/jsx-runtime";var pr="k-font-icon",od=[],ad={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},rd={},Zo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Jn("span",{...d,className:i(e.className,pr,y(pr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Jn(nd,{})};Zo.states=od;Zo.options=ad;Zo.className=pr;Zo.defaultOptions=rd;var Yn=Zo;import{Fragment as ld,jsx as Ma}from"react/jsx-runtime";var mr="k-svg-icon",id=[],sd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[tt.outline,tt.solid,tt.duotone]},ur={viewBox:"0 0 24 24",variant:tt.outline},Qo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=ur.viewBox,variant:d=ur.variant,icon:p,...f}=e;if(!p)return Ma(ld,{});if(p==="none")return Ma("span",{...f,className:i(e.className,mr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name,h=typeof p=="object"?d&&p.variants?.[d]||p.variants?.outline||p.content:void 0;return Ma("span",{...f,className:i(e.className,mr,y("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Ma("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:p?void 0:e.children})})};Qo.states=id;Qo.options=sd;Qo.className=mr;Qo.defaultOptions=ur;var br=Qo;import*as fr from"@progress/kendo-svg-icons";var Zn="icon",Qn="icons";import{useContext as cd}from"react";import{createContext as dd}from"react";var jn=dd({iconsType:"svg"});import{Fragment as ei,jsx as jo}from"react/jsx-runtime";var Ia="k-icon",pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),md=[],ud={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[tt.outline,tt.solid,tt.duotone]},ya={viewBox:"0 0 24 24",type:"svg",variant:tt.outline},L=e=>{let{iconsType:t}=cd(jn),{size:o,themeColor:a,icon:r,type:s=t||ya.type,rotate:d,flip:p,viewBox:f=ya.viewBox,variant:x=ya.variant,...h}=e;if(!r)return jo(ei,{});if((t||s)==="svg"){if(r==="none")return jo(br,{...h,className:i(e.className,Ia),icon:r,size:o,variant:x});let m=fr[r]?r:pd(`${r}-icon`);return fr[m]?jo(br,{...h,className:i(e.className,Ia),icon:fr[m],size:o,themeColor:a,rotate:d,flip:p,viewBox:f,variant:x}):jo(ei,{})}return jo(Yn,{...h,className:i(e.className,Ia),icon:r,size:o,themeColor:a,rotate:d,flip:p})};L.states=md;L.options=ud;L.defaultOptions=ya;L.className=Ia;L.moduleName=Zn;L.folderName=Qn;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 hr="button",ti=hr;import{Fragment as oi,jsx as eo,jsxs as ai}from"react/jsx-runtime";var ea="k-button",bd=["icon-button"],fd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],hd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xr={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=xr.showArrow,arrowIconName:p=xr.arrowIconName,variant:f,hover:x,focus:h,active:N,selected:m,disabled:v,togglable:k,ariaDisabled:S,icon:M,iconSize:I,text:C,iconClassName:z,className:Y,...Q}=e,ne=M!=null,ie=e.children!==void 0;return ai(t,{className:i(Y,ea,Wn(ea,f),y(ea,{size:o,rounded:a,fillMode:r,themeColor:s}),T(ea,{hover:x,focus:h,active:N,disabled:v||S,selected:m}),{"k-icon-button":!C&&!ie&&ne}),"aria-pressed":k?m?"true":"false":void 0,...Q,"aria-disabled":S?"true":void 0,disabled:v||void 0,children:[typeof M=="string"&&M&&eo(L,{className:i(z,"k-button-icon"),icon:M,size:I}),M&&typeof M!="string"&&eo(oi,{children:M}),C?ai(oi,{children:[C&&eo("span",{className:"k-button-text",children:C}),e.children]}):e.children&&eo("span",{className:"k-button-text",children:e.children}),d&&eo("span",{className:"k-menu-button-arrow k-button-arrow",children:eo(L,{icon:p})})]})};c.states=fd;c.options=hd;c.variants=bd;c.className=ea;c.defaultOptions=xr;c.moduleName=hr;c.folderName=ti;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as xd}from"react/jsx-runtime";var pt=e=>xd(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Nd}from"react/jsx-runtime";var ta=e=>Nd(c,{icon:"folder",children:"Button",...e});import{jsx as kd}from"react/jsx-runtime";var Dt=e=>kd(c,{children:"Button",...e});import{jsx as Nr}from"react/jsx-runtime";var vd=c.options,gd=c.states,Ld={...c.defaultOptions,variant:"text"},Sd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Md=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nr(pt,{...o,icon:"star"});case"icon-and-text":return Nr(ta,{...o,icon:"star",children:"Button"});default:return Nr(Dt,{...o,children:"Button"})}};to.options=vd;to.states=gd;to.variants=Sd;to.defaultOptions=Ld;to.modifiers=Md;to.className=c.className;var kr="button",ri=kr;import{jsx as Ed}from"react/jsx-runtime";var oa="k-button-group",Id=[n.disabled],yd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Td={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Ed("div",{role:"group",...r,className:i(e.className,oa,y(oa,{fillMode:t}),T(oa,{disabled:o}),{[`${oa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=Id;O.options=yd;O.className=oa;O.defaultOptions=Td;O.moduleName=kr;O.folderName=ri;O.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as bN,jsx as uN,jsxs as fN}from"react/jsx-runtime";import{Fragment as gN,jsx as vN,jsxs as LN}from"react/jsx-runtime";import{Fragment as EN,jsx as TN,jsxs as CN}from"react/jsx-runtime";import{Fragment as PN,jsx as BN,jsxs as KN}from"react/jsx-runtime";import{Fragment as UN,jsx as FN,jsxs as GN}from"react/jsx-runtime";import{Fragment as JN,jsx as WN,jsxs as YN}from"react/jsx-runtime";import{jsx as mt,jsxs as vr}from"react/jsx-runtime";var Cd={...c.options,...O.options},Od=c.states,Ad={...c.defaultOptions,...O.defaultOptions,variant:"text-button"},wd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Rd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?vr(O,{fillMode:a.fillMode,className:o,children:[mt(c,{...a,icon:"star"}),mt(c,{...a,icon:"star"}),mt(c,{...a,icon:"star"})]}):t==="icon-text-button"?vr(O,{fillMode:a.fillMode,className:o,children:[mt(c,{...a,icon:"star",children:"First"}),mt(c,{...a,icon:"star",children:"Middle"}),mt(c,{...a,icon:"star",children:"Last"})]}):vr(O,{fillMode:a.fillMode,className:o,children:[mt(c,{...a,children:"First"}),mt(c,{...a,children:"Middle"}),mt(c,{...a,children:"Last"})]})};oo.options=Cd;oo.states=Od;oo.variants=wd;oo.defaultOptions=Ad;oo.modifiers=Rd;oo.className=O.className;var aa="input",Ta=aa;import{jsx as Dd}from"react/jsx-runtime";var Ea="k-input",Bd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pd={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Kd={},F=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p,size:f,rounded:x,fillMode:h,...N}=e;return Dd("span",{...N,className:i(e.className,Ea,y(Ea,{size:f,rounded:x,fillMode:h}),T(Ea,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p}))})};F.states=Bd;F.options=Pd;F.className=Ea;F.defaultOptions=Kd;F.moduleName=aa;F.folderName=Ta;import{jsx as Fd}from"react/jsx-runtime";var Ca="k-picker",_d=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zd={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Hd={},ot=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p,size:f,rounded:x,fillMode:h,...N}=e;return Fd("span",{...N,className:i(e.className,Ca,y(Ca,{size:f,rounded:x,fillMode:h}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:p})),children:e.children})};ot.states=_d;ot.options=zd;ot.className=Ca;ot.defaultOptions=Hd;ot.moduleName=aa;ot.folderName=Ta;import{Fragment as Vd,jsx as gr}from"react/jsx-runtime";var ni="k-clear-value",Ud=[n.disabled,n.loading,n.readonly],Gd={},se=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?gr(Vd,{}):gr("span",{className:i(e.className,ni),children:gr(L,{icon:"x"})})};se.states=Ud;se.options=Gd;se.className=ni;import{jsx as qd}from"react/jsx-runtime";var Lr="k-input-inner",$d=[],Xd={},Oa={type:"text",autocomplete:"off",value:"",placeholder:""},le=e=>{let{value:t=Oa.value,type:o=Oa.type,placeholder:a=Oa.placeholder,autocomplete:r=Oa.autocomplete,disabled:s,readOnly:d,...p}=e;return qd("input",{...p,type:o,className:i(e.className,Lr,y(Lr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};le.states=$d;le.options=Xd;le.className=Lr;import{jsx as ii,jsxs as Yd}from"react/jsx-runtime";var Sr="k-input-inner",Wd=[],Jd={},_t=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return Yd("span",{...d,className:i(e.className,Sr,y(Sr,e)),children:[r,!r&&s&&ii(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ii("span",{className:"k-input-value-text",children:t})]})};_t.states=Wd;_t.options=Jd;_t.className=Sr;import{jsx as jd}from"react/jsx-runtime";var Mr="k-input-inner",Zd=[],Qd={},si={value:"",placeholder:""},ra=e=>{let{value:t=si.value,placeholder:o=si.placeholder,rows:a,disabled:r,...s}=e;return jd("textarea",{...s,className:i(e.className,Mr,y(Mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ra.states=Zd;ra.options=Qd;ra.className=Mr;import{Fragment as tc,jsx as li}from"react/jsx-runtime";var di="k-input-loading-icon",ec=[n.disabled,n.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?li(tc,{}):li("span",{className:i(e.className,di,"k-icon k-i-loading")})};te.states=ec;te.className=di;import{Fragment as rc,jsx as ci}from"react/jsx-runtime";var pi="k-input-validation-icon",oc=[n.valid,n.invalid,n.disabled,n.loading],ac={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ci(rc,{}):ci(L,{className:i(pi),icon:s})};j.states=oc;j.options=ac;j.className=pi;import{Fragment as sc,jsx as mi}from"react/jsx-runtime";var nc="k-input-prefix",ic={direction:"horizontal"},me=e=>{let{direction:t=ic.direction,...o}=e;return e.children?mi("span",{...o,className:i(nc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):mi(sc,{})};import{Fragment as cc,jsx as ui}from"react/jsx-runtime";var lc="k-input-suffix",dc={direction:"horizontal"},ue=e=>{let{direction:t=dc.direction,...o}=e;return e.children?ui("span",{...o,className:i(lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ui(cc,{})};import{jsx as Yk}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var pc="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return mc("span",{...o,className:i(pc,e.className),children:t})};import{jsx as bc}from"react/jsx-runtime";var bi="k-input-separator",uc={direction:"vertical"},oe=e=>{let{direction:t=uc.direction,...o}=e;return bc("span",{...o,className:i(bi,e.className,{[`${bi}-${t}`]:t})})};import{Fragment as fi,jsx as at,jsxs as yr}from"react/jsx-runtime";var fc=F.states,hc=F.defaultOptions,xc=F.options,Nc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],kc=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...p}=e,f=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],m=t?.separators;return yr(F,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[f&&yr(fi,{children:[at(me,{children:at(L,{icon:"lock"})}),m&&at(oe,{})]}),at(le,{placeholder:"Placeholder",value:"Value"}),N&&at(j,{valid:o,invalid:a,loading:r,disabled:s}),at(te,{loading:r,disabled:s}),h&&at(se,{loading:r,disabled:s,readonly:d,value:"Value"}),x&&yr(fi,{children:[m&&at(oe,{}),at(ue,{children:at(Dt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=xc;ao.states=fc;ao.variants=kc;ao.defaultOptions=hc;ao.modifiers=Nc;ao.className=F.className;import{jsx as hi,jsxs as Lc}from"react/jsx-runtime";var xi="k-color-preview",vc=[],gc={},gt=e=>{let{color:t,iconName:o,...a}=e;return Lc("span",{...a,className:i(e.className,xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&hi(L,{icon:o,className:"k-color-preview-icon"}),hi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};gt.states=vc;gt.options=gc;gt.className=xi;var Tr="popup",Ni=Tr;import{jsx as ki}from"react/jsx-runtime";var vi="k-animation-container",Sc=[],Mc={},Er={positionMode:"absolute",shown:!0},rt=e=>{let{positionMode:t=Er.positionMode,shown:o=Er.shown,animationStyle:a,offset:r,...s}=e;return ki("div",{...s,style:{...r,...e.style},className:i(e.className,vi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ki("div",{className:"k-child-animation-container",style:a,children:e.children})})};rt.states=Sc;rt.options=Mc;rt.className=vi;rt.defaultOptions=Er;rt.moduleName=Tr;rt.folderName=Ni;var Cr="popup",gi=Cr;import{jsx as Li}from"react/jsx-runtime";var Si="k-popup",Ic=[],yc={},Mi={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Mi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...p}=e;return Li(rt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:Li("div",{...p,className:i(e.className,Si),children:e.children})})};X.states=Ic;X.options=yc;X.className=Si;X.defaultOptions=Mi;X.moduleName=Cr;X.folderName=gi;X.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Or="action-buttons",Ii=Or;import{jsx as Cc}from"react/jsx-runtime";var Aa="k-actions",Tc=[],Ec={},Ar={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=Ar.alignment,orientation:o=Ar.orientation,...a}=e;return Cc("div",{...a,className:i(Aa,{[`${Aa}-${t}`]:t,[`${Aa}-${o}`]:o},e.className),children:e.children})};nt.states=Tc;nt.options=Ec;nt.className=Aa;nt.defaultOptions=Ar;nt.moduleName=Or;nt.folderName=Ii;import{jsx as Ac}from"react/jsx-runtime";var Oc="k-actionsheet-footer",yi={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=yi.alignment,orientation:o=yi.orientation,template:a,as:r=a?"div":nt,...s}=e;return Ac(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Oc),children:e.children})};var wr="searchbox",Ti=wr;import{jsx as na,jsxs as Bc}from"react/jsx-runtime";var Ei="k-searchbox",wc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Rc={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Rr={showIcon:!0,icon:"search"},_e=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:p,valid:f,invalid:x,required:h,loading:N,disabled:m,showIcon:v=Rr.showIcon,icon:k=Rr.icon,"aria-label":S,...M}=e;return Bc(F,{...M,size:a,rounded:r,fillMode:s,hover:d,focus:p,valid:f,invalid:x,required:h,loading:N,disabled:m,className:i(e.className,Ei),children:[v&&na(L,{className:"k-input-icon",icon:k}),na(le,{placeholder:o,value:t,"aria-label":S}),na(te,{...e}),na(j,{...e}),na(se,{...e})]})};_e.states=wc;_e.options=Rc;_e.className=Ei;_e.defaultOptions=Rr;_e.moduleName=wr;_e.folderName=Ti;import{jsx as gg}from"react/jsx-runtime";var Br="textbox",Ci=Br;import{Fragment as Oi,jsx as St,jsxs as Pr}from"react/jsx-runtime";var Ai="k-textbox",Pc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kc={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},wa={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:r=wa.separators,showClearButton:s=wa.showClearButton,showValidationIcon:d=wa.showValidationIcon,prefix:p,suffix:f,type:x,value:h,placeholder:N,hover:m,focus:v,valid:k,invalid:S,required:M,loading:I,disabled:C,readonly:z,id:Y,"aria-label":Q,"aria-describedby":ne,...ie}=e;return Pr(F,{...ie,size:t,rounded:o,fillMode:a,hover:m,focus:v,valid:k,invalid:S,required:M,loading:I,disabled:C,readonly:z,className:i(e.className,Ai),children:[p&&Pr(Oi,{children:[St(me,{children:p}),r&&St(oe,{})]}),St(le,{id:Y,placeholder:N,value:h,type:x,disabled:C,"aria-label":Q,"aria-describedby":ne,"aria-invalid":S?"true":void 0}),d&&St(j,{valid:k,invalid:S,loading:I,disabled:C}),St(te,{loading:I,disabled:C}),s&&St(se,{loading:I,disabled:C,readonly:z,value:h}),f&&Pr(Oi,{children:[r&&St(oe,{}),St(ue,{children:f})]})]})};H.states=Pc;H.options=Kc;H.className=Ai;H.defaultOptions=wa;H.moduleName=Br;H.folderName=Ci;H.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 ia=H;import{jsx as Dc}from"react/jsx-runtime";var wi=e=>Dc(ia,{...e});import{Fragment as zg,jsx as _g}from"react/jsx-runtime";import{Fragment as $g,jsx as Vg}from"react/jsx-runtime";import{jsx as Jg}from"react/jsx-runtime";import{jsx as Kr}from"react/jsx-runtime";var _c=H.states,zc=H.defaultOptions,Hc=H.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uc=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Kr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Kr(Dt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Kr(wi,{value:"Value",style:{width:300},...o,...a})};ro.options=Hc;ro.states=_c;ro.variants=Uc;ro.defaultOptions=zc;ro.modifiers=Fc;ro.className=H.className;import{jsx as Mt,jsxs as Dr}from"react/jsx-runtime";var Ri="k-actionsheet-titlebar",Gc={},ke=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:p,inputPlaceholder:f,adaptive:x,titleId:h,children:N,...m}=e;return Dr("div",{...m,className:i(e.className,Ri),children:[Dr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Mt("div",{className:"k-actionsheet-actions",children:a}),!N&&Dr("div",{className:"k-actionsheet-title",id:h,children:[t&&Mt("div",{className:"k-text-center",children:t}),o&&Mt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Mt("div",{className:"k-actionsheet-title",id:h,children:N}),r&&Mt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&Mt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Mt(H,{value:p,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Mt(_e,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ke.className=Ri;ke.defaultOptions=Gc;import{jsx as _r,jsxs as qc}from"react/jsx-runtime";var zr="k-actionsheet-view",Vc=[],$c={},Xc={},no=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...p}=e,f=r?.type===ke&&_r(ke,{adaptive:t,titleId:d,...r?.props}),x=s?.type===Lt&&_r(Lt,{...s?.props});return qc("div",{...p,className:i(e.className,zr,{[`${zr}-animated`]:o}),children:[f,_r("div",{className:"k-actionsheet-content",children:a}),x]})};no.states=Vc;no.options=$c;no.className=zr;no.defaultOptions=Xc;var sa="action-sheet",Ra=sa;var Hr="overlay",Bi=Hr;import{jsx as Zc}from"react/jsx-runtime";var Pi="k-overlay",Wc=[],Jc={},Yc={},It=e=>{let{...t}=e;return Zc("div",{...t,className:i(e.className,Pi),children:e.children})};It.states=Wc;It.options=Jc;It.className=Pi;It.defaultOptions=Yc;It.moduleName=Hr;It.folderName=Bi;import{jsx as Ba,jsxs as ep}from"react/jsx-runtime";var Ki="k-actionsheet",Qc=[],jc={},la={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=la.side,fullscreen:o=la.fullscreen,adaptive:a=la.adaptive,overlay:r=la.overlay,template:s,children:d,header:p,footer:f,id:x,...h}=e,N=x&&!s&&p?`${x}-title`:void 0;return ep("div",{className:"k-actionsheet-container",children:[r&&Ba(It,{}),Ba(rt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Ba("div",{...h,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:i(e.className,Ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Ba(no,{header:p,footer:f,adaptive:a,titleId:N,...e,children:d})})})]})};W.states=Qc;W.options=jc;W.className=Ki;W.defaultOptions=la;W.moduleName=sa;W.folderName=Ra;W.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as rp}from"react/jsx-runtime";var Di="k-actionsheet-container",tp=[],op={},ap={},io=e=>{let{children:t,...o}=e;return rp("div",{...o,className:Di,children:t})};io.states=tp;io.options=op;io.className=Di;io.defaultOptions=ap;io.moduleName=sa;io.folderName=Ra;import{jsx as np}from"react/jsx-runtime";var Fr=e=>{let{...t}=e;return np("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as sp,jsx as da,jsxs as Ur}from"react/jsx-runtime";var Gr="k-actionsheet-item",ip=[n.hover,n.focus,n.selected,n.disabled],yt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:p,...f}=e;return Ur("span",{...f,className:i(e.className,Gr,T(Gr,{hover:r,focus:s,selected:d,disabled:p})),children:[!e.children&&da(sp,{children:Ur("span",{className:"k-actionsheet-action",children:[t&&da("span",{className:"k-icon-wrap",children:da(L,{className:"k-actionsheet-item-icon",icon:t})}),Ur("span",{className:"k-actionsheet-item-text",children:[o&&da("span",{className:"k-actionsheet-item-title",children:o}),a&&da("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};yt.states=ip;yt.className=Gr;import{jsx as WL,jsxs as JL}from"react/jsx-runtime";import{jsx as jL}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as sS}from"react/jsx-runtime";import{jsx as de,jsxs as Vr}from"react/jsx-runtime";var lp=W.options,dp=W.states,zi={...W.defaultOptions,variant:"normal"},cp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},r={},s=Vr(Fr,{children:[de(yt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),de(yt,{text:"Add to Favorites",iconName:"heart"}),de(yt,{text:"Upload New",iconName:"upload",disabled:!0}),de("hr",{className:"k-hr"}),de(yt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?d:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?de(W,{...a,adaptive:!0,fullscreen:r.fullScreen,header:de(ke,{actionsStart:r.actionsStart?de(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?de(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?Vr(Lt,{alignment:"stretched",children:[de(c,{text:"Cancel",size:"large",themeColor:"base"}),de(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):de(W,{...a,fullscreen:r.fullScreen,header:de(ke,{actionsStart:r.actionsStart?de(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?de(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Vr(Lt,{alignment:"stretched",children:[de(c,{text:"Apply",themeColor:"primary"}),de(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=lp;so.states=dp;so.variants=cp;so.defaultOptions=zi;so.modifiers=pp;so.className=W.className;var $r="slider",Hi=$r;import{jsx as lo,jsxs as Xr}from"react/jsx-runtime";var ca="k-slider",mp=[n.hover,n.focus,n.active,n.disabled,n.readonly],up={},ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=ze.type,orientation:o=ze.orientation,gradientType:a=ze.gradientType,readonly:r=ze.readonly,disabled:s=ze.disabled,handlePosition:d=ze.handlePosition,showButtons:p=ze.showButtons,showTicks:f=ze.showTicks,value:x=ze.value,min:h=ze.min,max:N=ze.max,startValue:m,endValue:v,hover:k,focus:S,active:M,trackStyle:I,dir:C,...z}=e,Q=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ne,ie;return o==="horizontal"?(ne=C==="rtl"?"chevron-left":"chevron-right",ie=C==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ne="chevron-up",ie="chevron-down"),Xr("div",{...z,className:i(ca,e.className,T(ca,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:C,children:[p&&lo(c,{className:"k-button-decrease",rounded:"full",icon:ie,tabIndex:-1,title:"Decrease"}),Xr("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Xr("div",{className:"k-slider-track",style:I,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",T(ca,{hover:k,focus:S,active:M})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??h,"aria-valuemin":h,"aria-valuemax":v??N,"aria-orientation":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,T(ca,{hover:k,focus:S,active:M})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??N:x,"aria-valuemin":t==="range"?m??h:h,"aria-valuemax":N,"aria-orientation":Q,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),p&&lo(c,{className:"k-button-increase",rounded:"full",icon:ne,tabIndex:-1,title:"Increase"})]})};$.states=mp;$.options=up;$.className=ca;$.defaultOptions=ze;$.moduleName=$r;$.folderName=Hi;$.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Fi}from"react/jsx-runtime";var Ui="k-tick",bp=[],fp={},Gi={label:!1},E=e=>{let{style:t,label:o=Gi.label,orientation:a,large:r,text:s,...d}=e;return Fi("li",{...d,role:"presentation",title:s||"Tick",className:i(e.className,Ui,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Fi("span",{className:"k-label",children:s})})};E.states=bp;E.options=fp;E.className=Ui;E.defaultOptions=Gi;import{Fragment as hp,jsx as He,jsxs as xp}from"react/jsx-runtime";var Vi=e=>He($,{"aria-label":e["aria-label"]||"Slider",children:xp(hp,{children:[He(E,{className:"k-first",label:!0,large:!0,text:"0"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{label:!0,large:!0,text:"5"}),He(E,{}),He(E,{}),He(E,{}),He(E,{}),He(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Np,jsx as Fe,jsxs as kp}from"react/jsx-runtime";var $i=e=>Fe($,{children:kp(Np,{children:[Fe(E,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{label:!0,large:!0,text:"5"}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{}),Fe(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as JS,jsx as WS,jsxs as YS}from"react/jsx-runtime";import{Fragment as tM,jsx as eM,jsxs as oM}from"react/jsx-runtime";import{jsx as vp}from"react/jsx-runtime";var qr=e=>vp($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as gp}from"react/jsx-runtime";var Wr=e=>gp($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as uM,jsx as mM,jsxs as bM}from"react/jsx-runtime";import{Fragment as kM,jsx as NM,jsxs as vM}from"react/jsx-runtime";import{jsx as it,jsxs as Xi}from"react/jsx-runtime";var Lp=$.options,Sp=$.states,qi={...$.defaultOptions,variant:"horizontal",label:!0},Mp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ip=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],co=e=>{let{variant:t,modifiers:o,...a}=e,r=qi.label,s={};Object.keys(o||{}).forEach(p=>{switch(p){case"button":{s.showButtons=!!o?.[p];break}case"label":{r=!!o?.[p];break}case"tick":{s.showTicks=!!o?.[p];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Xi($i,{style:{height:"300px",...d},...a,...s,children:[it(E,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),it(E,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),it(E,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),it(E,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),it(E,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Xi(Vi,{style:{width:"400px",...d},...a,...s,children:[it(E,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),it(E,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),it(E,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),it(E,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),it(E,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};co.options=Lp;co.states=Sp;co.variants=Mp;co.defaultOptions=qi;co.modifiers=Ip;co.className=$.className;import{jsx as Wi,jsxs as Op}from"react/jsx-runtime";var Ji="k-spin-button",Ep=[],Cp={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},st=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...d}=e;return Op("span",{...d,className:i(Ji,e.className),children:[Wi(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Wi(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};st.states=Ep;st.options=Cp;st.className=Ji;st.defaultOptions=Jr;st.moduleName=null;st.folderName=null;var Yi="numeric-textbox",Zi="numerictextbox";import{Fragment as Qi,jsx as ut,jsxs as Yr}from"react/jsx-runtime";var ji="k-numerictextbox",Ap=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],wp={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Pa={showSpinButton:!0,showClearButton:!0,separators:!0},K=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Pa.separators,showClearButton:s=Pa.showClearButton,showSpinButton:d=Pa.showSpinButton,prefix:p,suffix:f,value:x,placeholder:h,hover:N,focus:m,valid:v,invalid:k,required:S,loading:M,disabled:I,readonly:C,id:z,"aria-label":Y,"aria-describedby":Q,...ne}=e;return Yr(F,{...ne,size:t,rounded:o,fillMode:a,hover:N,focus:m,valid:v,invalid:k,required:S,loading:M,disabled:I,readonly:C,className:i(e.className,ji),children:[p&&Yr(Qi,{children:[ut(me,{children:p}),r&&ut(oe,{})]}),ut(le,{id:z,placeholder:h,value:x,role:"spinbutton",disabled:I,"aria-label":Y,"aria-describedby":Q,"aria-invalid":k?"true":void 0}),ut(j,{valid:v,invalid:k,loading:M,disabled:I}),ut(te,{loading:M,disabled:I}),s&&ut(se,{loading:M,disabled:I,readonly:C,value:x}),f&&Yr(Qi,{children:[r&&ut(oe,{}),ut(ue,{children:f})]}),d&&ut(st,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};K.states=Ap;K.options=wp;K.className=ji;K.defaultOptions=Pa;K.moduleName=Yi;K.folderName=Zi;K.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 pa=K;import{jsx as Rp}from"react/jsx-runtime";var es=e=>Rp(pa,{...e});import Qr from"react";import{jsx as ts}from"react/jsx-runtime";var Bp="k-list-group-sticky-header",Zr=e=>ts("div",{className:i(Bp,e.className),children:ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as Kp}from"react/jsx-runtime";var Pp="k-no-data",Ka=e=>{let{live:t,...o}=e;return Kp("span",{...o,className:i(Pp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var zt="list",po=zt;import{jsx as os,jsxs as as}from"react/jsx-runtime";var jr="k-list",Dp=[],_p={size:[l.undefined,l.small,l.medium,l.large]},zp={},P=e=>{let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:d,customValue:p,noData:f,screenReaders:x,...h}=e,m=Qr.Children.toArray(a)[0],v=m?.props?.children?Qr.Children.count(m.props.children):Qr.Children.count(a);return as("div",{...h,className:i(e.className,jr,y(jr,{size:t}),{"k-virtual-list":o}),children:[d,s,p,r&&os(Zr,{children:r}),a||(f!==void 0?f:os(Ka,{live:!0,children:"No data found."})),x&&a&&as(Ka,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};P.states=Dp;P.options=_p;P.className=jr;P.defaultOptions=zp;P.moduleName=zt;P.folderName=po;P.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Gp}from"react/jsx-runtime";var rs="k-list-container",Hp=[],Fp={},Up={},mo=e=>{let{...t}=e;return Gp("div",{...t,className:i(e.className,rs),children:e.children})};mo.states=Hp;mo.options=Fp;mo.className=rs;mo.defaultOptions=Up;mo.moduleName=zt;mo.folderName=po;var Ht="checkbox",uo=Ht;import{jsx as ns}from"react/jsx-runtime";var Da="k-checkbox",Vp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],$p={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Xp={},ve=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:p,valid:f,required:x,size:h,rounded:N,wrapperRole:m,...v}=e;return ns("span",{className:"k-checkbox-wrap",role:m,children:ns("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":p?"true":void 0,className:i(e.className,Da,y(Da,{size:h,rounded:N}),T(Da,{hover:r,focus:s,disabled:d,invalid:p,valid:f,indeterminate:a,checked:o}))})})};ve.states=Vp;ve.options=$p;ve.className=Da;ve.defaultOptions=Xp;ve.moduleName=Ht;ve.folderName=uo;ve.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Qe=ve;import{jsx as Jp}from"react/jsx-runtime";var is="k-checkbox-list",qp=[],Wp={},ss={layout:"vertical"},ge=e=>{let{layout:t=ss.layout,...o}=e;return Jp("ul",{...o,className:i(e.className,is,{[`k-list-${t}`]:t}),children:e.children})};ge.states=qp;ge.options=Wp;ge.className=is;ge.defaultOptions=ss;ge.moduleName=Ht;ge.folderName=uo;import{jsx as jp}from"react/jsx-runtime";var ls="k-checkbox-list-item",Yp=[],Zp={},Qp={},Le=e=>{let{...t}=e;return jp("li",{...t,className:i(e.className,ls),children:e.children})};Le.states=Yp;Le.options=Zp;Le.className=ls;Le.defaultOptions=Qp;Le.moduleName=Ht;Le.folderName=uo;import{Fragment as em,jsx as ds,jsxs as tm}from"react/jsx-runtime";var je=({children:e="Label",id:t="cb-label-after",...o})=>tm(em,{children:[ds(Qe,{id:t,...o}),ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as VI,jsx as GI,jsxs as $I}from"react/jsx-runtime";import{Fragment as YI,jsx as JI,jsxs as ZI}from"react/jsx-runtime";import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{jsx as sy}from"react/jsx-runtime";import{jsx as py}from"react/jsx-runtime";import{jsx as fy}from"react/jsx-runtime";import{jsx as Ue,jsxs as cs}from"react/jsx-runtime";var om=ge.options,am=ge.states,rm={...ge.defaultOptions,variant:"vertical"},nm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],im=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(ge,{layout:"horizontal",...o,children:[Ue(Le,{children:Ue(je,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ue(Le,{children:Ue(je,{id:A("cb"),children:"Label"})}),Ue(Le,{children:Ue(je,{id:A("cb"),children:"Label"})})]}):cs(ge,{...o,children:[Ue(Le,{children:Ue(je,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Ue(Le,{children:Ue(je,{id:A("cb"),children:"Label"})}),Ue(Le,{children:Ue(je,{id:A("cb"),children:"Label"})})]})};bo.options=om;bo.states=am;bo.variants=nm;bo.defaultOptions=rm;bo.modifiers=im;bo.className=ge.className;import{jsx as mm}from"react/jsx-runtime";var sm=Qe.options,lm=Qe.states,dm=Qe.defaultOptions,cm=[],pm=[],fo=e=>mm(je,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});fo.options=sm;fo.states=lm;fo.variants=cm;fo.defaultOptions=dm;fo.modifiers=pm;fo.className=Qe.className;import{jsx as Ft,jsxs as hm}from"react/jsx-runtime";var en="k-list-item",um=[n.hover,n.focus,n.selected,n.disabled],bm={},fm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:p,hover:f,focus:x,selected:h,disabled:N,actions:m,description:v,id:k,...S}=e,M=t||e.children;return hm("li",{...S,id:k,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&h?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:i(e.className,a?"k-list-group-item":en,T(en,{hover:f,focus:x,disabled:N,selected:h})),children:[d&&Ft(ve,{checked:p}),r&&Ft("span",{className:"k-list-item-icon-wrapper",children:Ft(L,{icon:r,className:i("k-list-item-icon",s)})}),Ft("span",{className:"k-list-item-text",children:M}),m&&Ft("div",{className:"k-list-item-actions",children:m}),v&&Ft("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Ft("div",{className:"k-list-item-group-label",children:o})]})};w.states=um;w.options=bm;w.className=en;w.defaultOptions=fm;w.moduleName=zt;w.folderName=po;w.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 Nm}from"react/jsx-runtime";var xm="k-list-ul",bt=e=>{let{children:t,role:o,id:a,...r}=e;r