@progress/kendo-themes-html/dist/esm/imageeditor/templates/imageeditor-resize.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:c,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":c,"k-active":p,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!c,"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 Qn(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"},rt={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 ur={};function A(e){return ur[e]=(ur[e]||0)+1,`k-${e}-${ur[e]}`}import{Fragment as cd,jsx as jn}from"react/jsx-runtime";var br="k-font-icon",sd=[],ld={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]},dd={},ea=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...c}=e;return a?jn("span",{...c,className:i(e.className,br,y(br,{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(cd,{})};ea.states=sd;ea.options=ld;ea.className=br;ea.defaultOptions=dd;var ei=ea;import{Fragment as ud,jsx as Ta}from"react/jsx-runtime";var fr="k-svg-icon",pd=[],md={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:[rt.outline,rt.solid,rt.duotone]},hr={viewBox:"0 0 24 24",variant:rt.outline},ta=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=hr.viewBox,variant:c=hr.variant,icon:p,...f}=e;if(!p)return Ta(ud,{});if(p==="none")return Ta("span",{...f,className:i(e.className,fr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name,h=typeof p=="object"?c&&p.variants?.[c]||p.variants?.outline||p.content:void 0;return Ta("span",{...f,className:i(e.className,fr,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:Ta("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})})};ta.states=pd;ta.options=md;ta.className=fr;ta.defaultOptions=hr;var xr=ta;import*as Nr from"@progress/kendo-svg-icons";var ti="icon",oi="icons";import{useContext as fd}from"react";import{createContext as bd}from"react";var ai=bd({iconsType:"svg"});import{Fragment as ri,jsx as oa}from"react/jsx-runtime";var Ea="k-icon",hd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xd=[],Nd={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:[rt.outline,rt.solid,rt.duotone]},Ca={viewBox:"0 0 24 24",type:"svg",variant:rt.outline},L=e=>{let{iconsType:t}=fd(ai),{size:o,themeColor:a,icon:r,type:s=t||Ca.type,rotate:c,flip:p,viewBox:f=Ca.viewBox,variant:x=Ca.variant,...h}=e;if(!r)return oa(ri,{});if((t||s)==="svg"){if(r==="none")return oa(xr,{...h,className:i(e.className,Ea),icon:r,size:o,variant:x});let m=Nr[r]?r:hd(`${r}-icon`);return Nr[m]?oa(xr,{...h,className:i(e.className,Ea),icon:Nr[m],size:o,themeColor:a,rotate:c,flip:p,viewBox:f,variant:x}):oa(ri,{})}return oa(ei,{...h,className:i(e.className,Ea),icon:r,size:o,themeColor:a,rotate:c,flip:p})};L.states=xd;L.options=Nd;L.defaultOptions=Ca;L.className=Ea;L.moduleName=ti;L.folderName=oi;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 kr="button",ni=kr;import{Fragment as ii,jsx as oo,jsxs as si}from"react/jsx-runtime";var aa="k-button",kd=["icon-button"],vd=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],gd={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]},vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:c=vr.showArrow,arrowIconName:p=vr.arrowIconName,variant:f,hover:x,focus:h,active:N,selected:m,disabled:v,togglable:k,ariaDisabled:S,icon:M,iconSize:I,text:C,iconClassName:H,className:Z,...ee}=e,de=M!=null,ce=e.children!==void 0;return si(t,{className:i(Z,aa,Qn(aa,f),y(aa,{size:o,rounded:a,fillMode:r,themeColor:s}),T(aa,{hover:x,focus:h,active:N,disabled:v||S,selected:m}),{"k-icon-button":!C&&!ce&&de}),"aria-pressed":k?m?"true":"false":void 0,...ee,"aria-disabled":S?"true":void 0,disabled:v||void 0,children:[typeof M=="string"&&M&&oo(L,{className:i(H,"k-button-icon"),icon:M,size:I}),M&&typeof M!="string"&&oo(ii,{children:M}),C?si(ii,{children:[C&&oo("span",{className:"k-button-text",children:C}),e.children]}):e.children&&oo("span",{className:"k-button-text",children:e.children}),c&&oo("span",{className:"k-menu-button-arrow k-button-arrow",children:oo(L,{icon:p})})]})};d.states=vd;d.options=gd;d.variants=kd;d.className=aa;d.defaultOptions=vr;d.moduleName=kr;d.folderName=ni;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 Ld}from"react/jsx-runtime";var bt=e=>Ld(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Sd}from"react/jsx-runtime";var ra=e=>Sd(d,{icon:"folder",children:"Button",...e});import{jsx as Md}from"react/jsx-runtime";var zt=e=>Md(d,{children:"Button",...e});import{jsx as gr}from"react/jsx-runtime";var Id=d.options,yd=d.states,Td={...d.defaultOptions,variant:"text"},Ed=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cd=[],ao=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return gr(bt,{...o,icon:"star"});case"icon-and-text":return gr(ra,{...o,icon:"star",children:"Button"});default:return gr(zt,{...o,children:"Button"})}};ao.options=Id;ao.states=yd;ao.variants=Ed;ao.defaultOptions=Td;ao.modifiers=Cd;ao.className=d.className;var Lr="button",li=Lr;import{jsx as Rd}from"react/jsx-runtime";var na="k-button-group",Od=[n.disabled],Ad={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},wd={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Rd("div",{role:"group",...r,className:i(e.className,na,y(na,{fillMode:t}),T(na,{disabled:o}),{[`${na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=Od;O.options=Ad;O.className=na;O.defaultOptions=wd;O.moduleName=Lr;O.folderName=li;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 kN,jsx as NN,jsxs as vN}from"react/jsx-runtime";import{Fragment as yN,jsx as IN,jsxs as TN}from"react/jsx-runtime";import{Fragment as RN,jsx as wN,jsxs as BN}from"react/jsx-runtime";import{Fragment as HN,jsx as zN,jsxs as FN}from"react/jsx-runtime";import{Fragment as qN,jsx as XN,jsxs as WN}from"react/jsx-runtime";import{Fragment as ek,jsx as jN,jsxs as tk}from"react/jsx-runtime";import{jsx as ft,jsxs as Sr}from"react/jsx-runtime";var Bd={...d.options,...O.options},Pd=d.states,Kd={...d.defaultOptions,...O.defaultOptions,variant:"text-button"},Dd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_d=[],ro=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Sr(O,{fillMode:a.fillMode,className:o,children:[ft(d,{...a,icon:"star"}),ft(d,{...a,icon:"star"}),ft(d,{...a,icon:"star"})]}):t==="icon-text-button"?Sr(O,{fillMode:a.fillMode,className:o,children:[ft(d,{...a,icon:"star",children:"First"}),ft(d,{...a,icon:"star",children:"Middle"}),ft(d,{...a,icon:"star",children:"Last"})]}):Sr(O,{fillMode:a.fillMode,className:o,children:[ft(d,{...a,children:"First"}),ft(d,{...a,children:"Middle"}),ft(d,{...a,children:"Last"})]})};ro.options=Bd;ro.states=Pd;ro.variants=Dd;ro.defaultOptions=Kd;ro.modifiers=_d;ro.className=O.className;var ia="input",Oa=ia;import{jsx as Ud}from"react/jsx-runtime";var Aa="k-input",zd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hd={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]},Fd={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:p,size:f,rounded:x,fillMode:h,...N}=e;return Ud("span",{...N,className:i(e.className,Aa,y(Aa,{size:f,rounded:x,fillMode:h}),T(Aa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:p}))})};U.states=zd;U.options=Hd;U.className=Aa;U.defaultOptions=Fd;U.moduleName=ia;U.folderName=Oa;import{jsx as Xd}from"react/jsx-runtime";var wa="k-picker",Gd=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Vd={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]},$d={},nt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:p,size:f,rounded:x,fillMode:h,...N}=e;return Xd("span",{...N,className:i(e.className,wa,y(wa,{size:f,rounded:x,fillMode:h}),T(wa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:c,readonly:p})),children:e.children})};nt.states=Gd;nt.options=Vd;nt.className=wa;nt.defaultOptions=$d;nt.moduleName=ia;nt.folderName=Oa;import{Fragment as Jd,jsx as Mr}from"react/jsx-runtime";var di="k-clear-value",qd=[n.disabled,n.loading,n.readonly],Wd={},pe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Mr(Jd,{}):Mr("span",{className:i(e.className,di),children:Mr(L,{icon:"x"})})};pe.states=qd;pe.options=Wd;pe.className=di;import{jsx as Qd}from"react/jsx-runtime";var Ir="k-input-inner",Yd=[],Zd={},Ra={type:"text",autocomplete:"off",value:"",placeholder:""},me=e=>{let{value:t=Ra.value,type:o=Ra.type,placeholder:a=Ra.placeholder,autocomplete:r=Ra.autocomplete,disabled:s,readOnly:c,...p}=e;return Qd("input",{...p,type:o,className:i(e.className,Ir,y(Ir,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};me.states=Yd;me.options=Zd;me.className=Ir;import{jsx as ci,jsxs as tc}from"react/jsx-runtime";var yr="k-input-inner",jd=[],ec={},Ht=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...c}=e;return tc("span",{...c,className:i(e.className,yr,y(yr,e)),children:[r,!r&&s&&ci(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ci("span",{className:"k-input-value-text",children:t})]})};Ht.states=jd;Ht.options=ec;Ht.className=yr;import{jsx as rc}from"react/jsx-runtime";var Tr="k-input-inner",oc=[],ac={},pi={value:"",placeholder:""},sa=e=>{let{value:t=pi.value,placeholder:o=pi.placeholder,rows:a,disabled:r,...s}=e;return rc("textarea",{...s,className:i(e.className,Tr,y(Tr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};sa.states=oc;sa.options=ac;sa.className=Tr;import{Fragment as ic,jsx as mi}from"react/jsx-runtime";var ui="k-input-loading-icon",nc=[n.disabled,n.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?mi(ic,{}):mi("span",{className:i(e.className,ui,"k-icon k-i-loading")})};ae.states=nc;ae.className=ui;import{Fragment as dc,jsx as bi}from"react/jsx-runtime";var fi="k-input-validation-icon",sc=[n.valid,n.invalid,n.disabled,n.loading],lc={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?bi(dc,{}):bi(L,{className:i(fi),icon:s})};te.states=sc;te.options=lc;te.className=fi;import{Fragment as mc,jsx as hi}from"react/jsx-runtime";var cc="k-input-prefix",pc={direction:"horizontal"},he=e=>{let{direction:t=pc.direction,...o}=e;return e.children?hi("span",{...o,className:i(cc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):hi(mc,{})};import{Fragment as fc,jsx as xi}from"react/jsx-runtime";var uc="k-input-suffix",bc={direction:"horizontal"},xe=e=>{let{direction:t=bc.direction,...o}=e;return e.children?xi("span",{...o,className:i(uc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xi(fc,{})};import{jsx as tv}from"react/jsx-runtime";import{jsx as xc}from"react/jsx-runtime";var hc="k-input-suffix-text",Er=e=>{let{children:t,...o}=e;return xc("span",{...o,className:i(hc,e.className),children:t})};import{jsx as kc}from"react/jsx-runtime";var Ni="k-input-separator",Nc={direction:"vertical"},re=e=>{let{direction:t=Nc.direction,...o}=e;return kc("span",{...o,className:i(Ni,e.className,{[`${Ni}-${t}`]:t})})};import{Fragment as ki,jsx as it,jsxs as Cr}from"react/jsx-runtime";var vc=U.states,gc=U.defaultOptions,Lc=U.options,Sc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Mc=[],no=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:c,...p}=e,f=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],m=t?.separators;return Cr(U,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:c,style:{width:300},children:[f&&Cr(ki,{children:[it(he,{children:it(L,{icon:"lock"})}),m&&it(re,{})]}),it(me,{placeholder:"Placeholder",value:"Value"}),N&&it(te,{valid:o,invalid:a,loading:r,disabled:s}),it(ae,{loading:r,disabled:s}),h&&it(pe,{loading:r,disabled:s,readonly:c,value:"Value"}),x&&Cr(ki,{children:[m&&it(re,{}),it(xe,{children:it(zt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};no.options=Lc;no.states=vc;no.variants=Mc;no.defaultOptions=gc;no.modifiers=Sc;no.className=U.className;import{jsx as vi,jsxs as Tc}from"react/jsx-runtime";var gi="k-color-preview",Ic=[],yc={},Mt=e=>{let{color:t,iconName:o,...a}=e;return Tc("span",{...a,className:i(e.className,gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&vi(L,{icon:o,className:"k-color-preview-icon"}),vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=Ic;Mt.options=yc;Mt.className=gi;var Or="popup",Li=Or;import{jsx as Si}from"react/jsx-runtime";var Mi="k-animation-container",Ec=[],Cc={},Ar={positionMode:"absolute",shown:!0},st=e=>{let{positionMode:t=Ar.positionMode,shown:o=Ar.shown,animationStyle:a,offset:r,...s}=e;return Si("div",{...s,style:{...r,...e.style},className:i(e.className,Mi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Si("div",{className:"k-child-animation-container",style:a,children:e.children})})};st.states=Ec;st.options=Cc;st.className=Mi;st.defaultOptions=Ar;st.moduleName=Or;st.folderName=Li;var wr="popup",Ii=wr;import{jsx as yi}from"react/jsx-runtime";var Ti="k-popup",Oc=[],Ac={},Ei={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Ei.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:c,...p}=e;return yi(st,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":c,children:yi("div",{...p,className:i(e.className,Ti),children:e.children})})};q.states=Oc;q.options=Ac;q.className=Ti;q.defaultOptions=Ei;q.moduleName=wr;q.folderName=Ii;q.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 Rr="action-buttons",Ci=Rr;import{jsx as Bc}from"react/jsx-runtime";var Ba="k-actions",wc=[],Rc={},Br={alignment:"start",orientation:"horizontal"},lt=e=>{let{alignment:t=Br.alignment,orientation:o=Br.orientation,...a}=e;return Bc("div",{...a,className:i(Ba,{[`${Ba}-${t}`]:t,[`${Ba}-${o}`]:o},e.className),children:e.children})};lt.states=wc;lt.options=Rc;lt.className=Ba;lt.defaultOptions=Br;lt.moduleName=Rr;lt.folderName=Ci;import{jsx as Kc}from"react/jsx-runtime";var Pc="k-actionsheet-footer",Oi={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=Oi.alignment,orientation:o=Oi.orientation,template:a,as:r=a?"div":lt,...s}=e;return Kc(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Pc),children:e.children})};var Pr="searchbox",Ai=Pr;import{jsx as la,jsxs as zc}from"react/jsx-runtime";var wi="k-searchbox",Dc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],_c={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]},Kr={showIcon:!0,icon:"search"},Fe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:c,focus:p,valid:f,invalid:x,required:h,loading:N,disabled:m,showIcon:v=Kr.showIcon,icon:k=Kr.icon,"aria-label":S,...M}=e;return zc(U,{...M,size:a,rounded:r,fillMode:s,hover:c,focus:p,valid:f,invalid:x,required:h,loading:N,disabled:m,className:i(e.className,wi),children:[v&&la(L,{className:"k-input-icon",icon:k}),la(me,{placeholder:o,value:t,"aria-label":S}),la(ae,{...e}),la(te,{...e}),la(pe,{...e})]})};Fe.states=Dc;Fe.options=_c;Fe.className=wi;Fe.defaultOptions=Kr;Fe.moduleName=Pr;Fe.folderName=Ai;import{jsx as yg}from"react/jsx-runtime";var Dr="textbox",Ri=Dr;import{Fragment as Bi,jsx as yt,jsxs as _r}from"react/jsx-runtime";var Pi="k-textbox",Hc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Fc={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={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Pa.separators,showClearButton:s=Pa.showClearButton,showValidationIcon:c=Pa.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:H,id:Z,"aria-label":ee,"aria-describedby":de,...ce}=e;return _r(U,{...ce,size:t,rounded:o,fillMode:a,hover:m,focus:v,valid:k,invalid:S,required:M,loading:I,disabled:C,readonly:H,className:i(e.className,Pi),children:[p&&_r(Bi,{children:[yt(he,{children:p}),r&&yt(re,{})]}),yt(me,{id:Z,placeholder:N,value:h,type:x,disabled:C,"aria-label":ee,"aria-describedby":de,"aria-invalid":S?"true":void 0}),c&&yt(te,{valid:k,invalid:S,loading:I,disabled:C}),yt(ae,{loading:I,disabled:C}),s&&yt(pe,{loading:I,disabled:C,readonly:H,value:h}),f&&_r(Bi,{children:[r&&yt(re,{}),yt(xe,{children:f})]})]})};z.states=Hc;z.options=Fc;z.className=Pi;z.defaultOptions=Pa;z.moduleName=Dr;z.folderName=Ri;z.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 da=z;import{jsx as Uc}from"react/jsx-runtime";var Ki=e=>Uc(da,{...e});import{Fragment as Vg,jsx as Gg}from"react/jsx-runtime";import{Fragment as Yg,jsx as Jg}from"react/jsx-runtime";import{jsx as eL}from"react/jsx-runtime";import{jsx as zr}from"react/jsx-runtime";var Gc=z.states,Vc=z.defaultOptions,$c=z.options,Xc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qc=[],io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?zr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?zr(zt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),zr(Ki,{value:"Value",style:{width:300},...o,...a})};io.options=$c;io.states=Gc;io.variants=qc;io.defaultOptions=Vc;io.modifiers=Xc;io.className=z.className;import{jsx as Tt,jsxs as Hr}from"react/jsx-runtime";var Di="k-actionsheet-titlebar",Wc={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:c,inputValue:p,inputPlaceholder:f,adaptive:x,titleId:h,children:N,...m}=e;return Hr("div",{...m,className:i(e.className,Di),children:[Hr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Tt("div",{className:"k-actionsheet-actions",children:a}),!N&&Hr("div",{className:"k-actionsheet-title",id:h,children:[t&&Tt("div",{className:"k-text-center",children:t}),o&&Tt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Tt("div",{className:"k-actionsheet-title",id:h,children:N}),r&&Tt("div",{className:"k-actionsheet-actions",children:r})]}),(c||s)&&Tt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Tt(z,{value:p,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Tt(Fe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Di;Le.defaultOptions=Wc;import{jsx as Fr,jsxs as Qc}from"react/jsx-runtime";var Ur="k-actionsheet-view",Jc=[],Yc={},Zc={},so=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:c,...p}=e,f=r?.type===Le&&Fr(Le,{adaptive:t,titleId:c,...r?.props}),x=s?.type===It&&Fr(It,{...s?.props});return Qc("div",{...p,className:i(e.className,Ur,{[`${Ur}-animated`]:o}),children:[f,Fr("div",{className:"k-actionsheet-content",children:a}),x]})};so.states=Jc;so.options=Yc;so.className=Ur;so.defaultOptions=Zc;var ca="action-sheet",Ka=ca;var Gr="overlay",_i=Gr;import{jsx as op}from"react/jsx-runtime";var zi="k-overlay",jc=[],ep={},tp={},Et=e=>{let{...t}=e;return op("div",{...t,className:i(e.className,zi),children:e.children})};Et.states=jc;Et.options=ep;Et.className=zi;Et.defaultOptions=tp;Et.moduleName=Gr;Et.folderName=_i;import{jsx as Da,jsxs as np}from"react/jsx-runtime";var Hi="k-actionsheet",ap=[],rp={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:r=pa.overlay,template:s,children:c,header:p,footer:f,id:x,...h}=e,N=x&&!s&&p?`${x}-title`:void 0;return np("div",{className:"k-actionsheet-container",children:[r&&Da(Et,{}),Da(st,{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:Da("div",{...h,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:i(e.className,Hi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Da(so,{header:p,footer:f,adaptive:a,titleId:N,...e,children:c})})})]})};J.states=ap;J.options=rp;J.className=Hi;J.defaultOptions=pa;J.moduleName=ca;J.folderName=Ka;J.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 dp}from"react/jsx-runtime";var Fi="k-actionsheet-container",ip=[],sp={},lp={},lo=e=>{let{children:t,...o}=e;return dp("div",{...o,className:Fi,children:t})};lo.states=ip;lo.options=sp;lo.className=Fi;lo.defaultOptions=lp;lo.moduleName=ca;lo.folderName=Ka;import{jsx as cp}from"react/jsx-runtime";var Vr=e=>{let{...t}=e;return cp("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as mp,jsx as ma,jsxs as $r}from"react/jsx-runtime";var Xr="k-actionsheet-item",pp=[n.hover,n.focus,n.selected,n.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:c,disabled:p,...f}=e;return $r("span",{...f,className:i(e.className,Xr,T(Xr,{hover:r,focus:s,selected:c,disabled:p})),children:[!e.children&&ma(mp,{children:$r("span",{className:"k-actionsheet-action",children:[t&&ma("span",{className:"k-icon-wrap",children:ma(L,{className:"k-actionsheet-item-icon",icon:t})}),$r("span",{className:"k-actionsheet-item-text",children:[o&&ma("span",{className:"k-actionsheet-item-title",children:o}),a&&ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=pp;Ct.className=Xr;import{jsx as jL,jsxs as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as mS}from"react/jsx-runtime";import{jsx as ue,jsxs as qr}from"react/jsx-runtime";var up=J.options,bp=J.states,Gi={...J.defaultOptions,variant:"normal"},fp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],hp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],co=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},r={},s=qr(Vr,{children:[ue(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ue(Ct,{text:"Add to Favorites",iconName:"heart"}),ue(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),ue("hr",{className:"k-hr"}),ue(Ct,{text:"Cancel",iconName:"cancel"})]}),c="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]?c:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ue(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ue(Le,{actionsStart:r.actionsStart?ue(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ue(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?qr(It,{alignment:"stretched",children:[ue(d,{text:"Cancel",size:"large",themeColor:"base"}),ue(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ue(J,{...a,fullscreen:r.fullScreen,header:ue(Le,{actionsStart:r.actionsStart?ue(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ue(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?qr(It,{alignment:"stretched",children:[ue(d,{text:"Apply",themeColor:"primary"}),ue(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};co.options=up;co.states=bp;co.variants=fp;co.defaultOptions=Gi;co.modifiers=hp;co.className=J.className;var Wr="slider",Vi=Wr;import{jsx as po,jsxs as Jr}from"react/jsx-runtime";var ua="k-slider",xp=[n.hover,n.focus,n.active,n.disabled,n.readonly],Np={},Ue={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Ue.type,orientation:o=Ue.orientation,gradientType:a=Ue.gradientType,readonly:r=Ue.readonly,disabled:s=Ue.disabled,handlePosition:c=Ue.handlePosition,showButtons:p=Ue.showButtons,showTicks:f=Ue.showTicks,value:x=Ue.value,min:h=Ue.min,max:N=Ue.max,startValue:m,endValue:v,hover:k,focus:S,active:M,trackStyle:I,dir:C,...H}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,ce;return o==="horizontal"?(de=C==="rtl"?"chevron-left":"chevron-right",ce=C==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",ce="chevron-down"),Jr("div",{...H,className:i(ua,e.className,T(ua,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:C,children:[p&&po(d,{className:"k-button-decrease",rounded:"full",icon:ce,tabIndex:-1,title:"Decrease"}),Jr("div",{className:"k-slider-track-wrap",children:[f&&po("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Jr("div",{className:"k-slider-track",style:I,children:[po("div",{className:"k-slider-selection"}),t==="range"&&po("span",{className:i("k-draghandle","k-draghandle-start",T(ua,{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":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),po("span",{className:i("k-draghandle",`k-draghandle-${c}`,T(ua,{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":ee,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),p&&po(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};X.states=xp;X.options=Np;X.className=ua;X.defaultOptions=Ue;X.moduleName=Wr;X.folderName=Vi;X.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 $i}from"react/jsx-runtime";var Xi="k-tick",kp=[],vp={},qi={label:!1},E=e=>{let{style:t,label:o=qi.label,orientation:a,large:r,text:s,...c}=e;return $i("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,Xi,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&$i("span",{className:"k-label",children:s})})};E.states=kp;E.options=vp;E.className=Xi;E.defaultOptions=qi;import{Fragment as gp,jsx as Ge,jsxs as Lp}from"react/jsx-runtime";var Wi=e=>Ge(X,{"aria-label":e["aria-label"]||"Slider",children:Lp(gp,{children:[Ge(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{label:!0,large:!0,text:"5"}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{}),Ge(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Sp,jsx as Ve,jsxs as Mp}from"react/jsx-runtime";var Ji=e=>Ve(X,{children:Mp(Sp,{children:[Ve(E,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{label:!0,large:!0,text:"5"}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{}),Ve(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as eM,jsx as jS,jsxs as tM}from"react/jsx-runtime";import{Fragment as iM,jsx as nM,jsxs as sM}from"react/jsx-runtime";import{jsx as Ip}from"react/jsx-runtime";var Yr=e=>Ip(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as yp}from"react/jsx-runtime";var Zr=e=>yp(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as NM,jsx as xM,jsxs as kM}from"react/jsx-runtime";import{Fragment as MM,jsx as SM,jsxs as IM}from"react/jsx-runtime";import{jsx as dt,jsxs as Yi}from"react/jsx-runtime";var Tp=X.options,Ep=X.states,Zi={...X.defaultOptions,variant:"horizontal",label:!0},Cp=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Op=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],mo=e=>{let{variant:t,modifiers:o,...a}=e,r=Zi.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 c={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Yi(Ji,{style:{height:"300px",...c},...a,...s,children:[dt(E,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),dt(E,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),dt(E,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),dt(E,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),dt(E,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Yi(Wi,{style:{width:"400px",...c},...a,...s,children:[dt(E,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),dt(E,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),dt(E,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),dt(E,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),dt(E,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};mo.options=Tp;mo.states=Ep;mo.variants=Cp;mo.defaultOptions=Zi;mo.modifiers=Op;mo.className=X.className;import{jsx as Qi,jsxs as Pp}from"react/jsx-runtime";var ji="k-spin-button",Rp=[],Bp={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Qr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ct=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Qr.increaseLabel,decreaseLabel:s=Qr.decreaseLabel,...c}=e;return Pp("span",{...c,className:i(ji,e.className),children:[Qi(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Qi(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ct.states=Rp;ct.options=Bp;ct.className=ji;ct.defaultOptions=Qr;ct.moduleName=null;ct.folderName=null;var es="numeric-textbox",ts="numerictextbox";import{Fragment as os,jsx as ht,jsxs as jr}from"react/jsx-runtime";var as="k-numerictextbox",Kp=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Dp={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]},_a={showSpinButton:!0,showClearButton:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:r=_a.separators,showClearButton:s=_a.showClearButton,showSpinButton:c=_a.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:H,"aria-label":Z,"aria-describedby":ee,...de}=e;return jr(U,{...de,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,as),children:[p&&jr(os,{children:[ht(he,{children:p}),r&&ht(re,{})]}),ht(me,{id:H,placeholder:h,value:x,role:"spinbutton",disabled:I,"aria-label":Z,"aria-describedby":ee,"aria-invalid":k?"true":void 0}),ht(te,{valid:v,invalid:k,loading:M,disabled:I}),ht(ae,{loading:M,disabled:I}),s&&ht(pe,{loading:M,disabled:I,readonly:C,value:x}),f&&jr(os,{children:[r&&ht(re,{}),ht(xe,{children:f})]}),c&&ht(ct,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};B.states=Kp;B.options=Dp;B.className=as;B.defaultOptions=_a;B.moduleName=es;B.folderName=ts;B.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 ba=B;import{jsx as _p}from"react/jsx-runtime";var rs=e=>_p(ba,{...e});import tn from"react";import{jsx as ns}from"react/jsx-runtime";var zp="k-list-group-sticky-header",en=e=>ns("div",{className:i(zp,e.className),children:ns("div",{className:"k-list-header-text",children:e.children})});import{jsx as Fp}from"react/jsx-runtime";var Hp="k-no-data",za=e=>{let{live:t,...o}=e;return Fp("span",{...o,className:i(Hp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ft="list",uo=Ft;import{jsx as is,jsxs as ss}from"react/jsx-runtime";var on="k-list",Up=[],Gp={size:[l.undefined,l.small,l.medium,l.large]},Vp={},D=e=>{let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:c,customValue:p,noData:f,screenReaders:x,...h}=e,m=tn.Children.toArray(a)[0],v=m?.props?.children?tn.Children.count(m.props.children):tn.Children.count(a);return ss("div",{...h,className:i(e.className,on,y(on,{size:t}),{"k-virtual-list":o}),children:[c,s,p,r&&is(en,{children:r}),a||(f!==void 0?f:is(za,{live:!0,children:"No data found."})),x&&a&&ss(za,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};D.states=Up;D.options=Gp;D.className=on;D.defaultOptions=Vp;D.moduleName=Ft;D.folderName=uo;D.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 Wp}from"react/jsx-runtime";var ls="k-list-container",$p=[],Xp={},qp={},bo=e=>{let{...t}=e;return Wp("div",{...t,className:i(e.className,ls),children:e.children})};bo.states=$p;bo.options=Xp;bo.className=ls;bo.defaultOptions=qp;bo.moduleName=Ft;bo.folderName=uo;var Ut="checkbox",fo=Ut;import{jsx as ds}from"react/jsx-runtime";var Ha="k-checkbox",Jp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Yp={size:[l.undefined,l.small,l.medium,l.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Zp={},Se=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:c,invalid:p,valid:f,required:x,size:h,rounded:N,wrapperRole:m,...v}=e;return ds("span",{className:"k-checkbox-wrap",role:m,children:ds("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":p?"true":void 0,className:i(e.className,Ha,y(Ha,{size:h,rounded:N}),T(Ha,{hover:r,focus:s,disabled:c,invalid:p,valid:f,indeterminate:a,checked:o}))})})};Se.states=Jp;Se.options=Yp;Se.className=Ha;Se.defaultOptions=Zp;Se.moduleName=Ut;Se.folderName=fo;Se.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var tt=Se;import{jsx as em}from"react/jsx-runtime";var cs="k-checkbox-list",Qp=[],jp={},ps={layout:"vertical"},Me=e=>{let{layout:t=ps.layout,...o}=e;return em("ul",{...o,className:i(e.className,cs,{[`k-list-${t}`]:t}),children:e.children})};Me.states=Qp;Me.options=jp;Me.className=cs;Me.defaultOptions=ps;Me.moduleName=Ut;Me.folderName=fo;import{jsx as rm}from"react/jsx-runtime";var ms="k-checkbox-list-item",tm=[],om={},am={},Ie=e=>{let{...t}=e;return rm("li",{...t,className:i(e.className,ms),children:e.children})};Ie.states=tm;Ie.options=om;Ie.className=ms;Ie.defaultOptions=am;Ie.moduleName=Ut;Ie.folderName=fo;import{Fragment as nm,jsx as us,jsxs as im}from"react/jsx-runtime";var $e=({children:e="Label",id:t="cb-label-after",...o})=>im(nm,{children:[us(tt,{id:t,...o}),us("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as JI,jsx as WI,jsxs as YI}from"react/jsx-runtime";import{Fragment as ty,jsx as ey,jsxs as oy}from"react/jsx-runtime";import{Fragment as sy,jsx as iy,jsxs as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as vy}from"react/jsx-runtime";import{jsx as Xe,jsxs as bs}from"react/jsx-runtime";var sm=Me.options,lm=Me.states,dm={...Me.defaultOptions,variant:"vertical"},cm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pm=[],ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?bs(Me,{layout:"horizontal",...o,children:[Xe(Ie,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Ie,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Ie,{children:Xe($e,{id:A("cb"),children:"Label"})})]}):bs(Me,{...o,children:[Xe(Ie,{children:Xe($e,{id:A("cb"),defaultChecked:!0,children:"Label"})}),Xe(Ie,{children:Xe($e,{id:A("cb"),children:"Label"})}),Xe(Ie,{children:Xe($e,{id:A("cb"),children:"Label"})})]})};ho.options=sm;ho.states=lm;ho.variants=cm;ho.defaultOptions=dm;ho.modifiers=pm;ho.className=Me.className;import{jsx as xm}from"react/jsx-runtime";var mm=tt.options,um=tt.states,bm=tt.defaultOptions,fm=[],hm=[],xo=e=>xm($e,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});xo.options=mm;xo.states=um;xo.variants=fm;xo.defaultOptions=bm;xo.modifiers=hm;xo.className=tt.className;import{jsx as Gt,jsxs as gm}from"react/jsx-runtime";var an="k-list-item",Nm=[n.hover,n.focus,n.selected,n.disabled],km={},vm={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:c,checked:p,hover:f,focus:x,selected:h,disabled:N,actions:m,description:v,id:k,...S}=e,M=t||e.children;return gm("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":an,T(an,{hover:f,focus:x,disabled:N,selected:h})),children:[c&&Gt(Se,{checked:p}),r&&Gt("span",{className:"k-list-item-icon-wrapper",children:Gt(L,{icon:r,className:i("k-list-item-icon",s)})}),Gt("span",{className:"k-list-item-text",children:M}),m&&Gt("div",{className:"k-list-item-actions",children:m}),v&&Gt("span",{className:"k-list-item-description",children:v}),o&&o!==""&&Gt("div",{className:"k-list-item-group-label",children:o})]})};w.states=Nm;w.options=km;w.className=an;w.defaultOptions=vm;w.moduleName=Ft;w.folderName=uo;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 Sm}from"react/jsx-runtime";var Lm="k-list-ul",xt=e=>{let{children:t,role