@progress/kendo-themes-html/dist/esm/scheduler/templates/scheduler-flex-year.mjs

A collection of HTML helpers used for developing Kendo UI themes

var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,i)=>t[i]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var S=(e,t)=>o({[`${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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),y=(e,t)=>o({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly});var c={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},v={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly"},vt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{Fragment as xv,jsx as ik}from"react/jsx-runtime";var Kc="k-icon k-font-icon",hv=[],fv={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},gv={},ds=e=>{let{size:t,themeColor:a,icon:i,rotate:n,flip:d,...p}=e;return i?ik("span",{...p,className:o(e.className,Kc,S(Kc,{size:t}),{[`k-i-${i}`]:i,[`k-color-${a}`]:a,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):ik(xv,{})};ds.states=hv;ds.options=fv;ds.className=Kc;ds.defaultOptions=gv;var nk=ds;import{Fragment as yv,jsx as xn}from"react/jsx-runtime";var Dc="k-icon k-svg-icon",bv=[],vv={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},dk={viewBox:"0 0 24 24"},cs=e=>{let{size:t,themeColor:a,rotate:i,flip:n,viewBox:d=dk.viewBox,icon:p,...u}=e;if(!p)return xn(yv,{});p==="none"&&{...u,className:o(e.className,Dc,"k-none")};let k=typeof p=="object"&&p.name&&p.name;return xn("span",{...u,className:o(e.className,Dc,S("k-icon",{size:t}),{[`k-svg-i-${k}`]:k,[`k-color-${a}`]:a,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),children:xn("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:d,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};cs.states=bv;cs.options=vv;cs.className=Dc;cs.defaultOptions=dk;var Fc=cs;import*as ck from"@progress/kendo-svg-icons";import{Fragment as pk,jsx as ps}from"react/jsx-runtime";var wv=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Av=[],Tv={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},zc={viewBox:"0 0 24 24",type:"svg"},w=e=>{let{size:t,themeColor:a,icon:i,type:n=zc.type,rotate:d,flip:p,viewBox:u=zc.viewBox,...k}=e;if(!i)return ps(pk,{});if(n==="svg"){if(i==="none")return ps(Fc,{...k,icon:i,size:t});let f=wv(`${i}-icon`);return ck[f]?ps(Fc,{...k,icon:ck[f],size:t,themeColor:a,rotate:d,flip:p,viewBox:u}):ps(pk,{})}return ps(nk,{...k,icon:i,size:t,themeColor:a,rotate:d,flip:p})};w.states=Av;w.options=Tv;w.defaultOptions=zc;var Rc=w;import{Fragment as Sv,jsx as ms,jsxs as mk}from"react/jsx-runtime";var bn="k-button",Nv=[r.hover,r.focus,r.active,r.selected,r.disabled],Cv={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Aa={size:c.medium,rounded:x.medium,fillMode:v.solid,themeColor:h.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{size:t=Aa.size,rounded:a=Aa.rounded,fillMode:i=Aa.fillMode,themeColor:n=Aa.themeColor,showArrow:d=Aa.showArrow,arrowIconName:p=Aa.arrowIconName,hover:u,focus:k,active:f,selected:A,disabled:T,icon:b,text:N,iconClassName:C,...B}=e,E=b!==void 0,P=e.children!==void 0;return mk("button",{...B,className:o(e.className,bn,S(bn,{size:t,rounded:a,fillMode:i,themeColor:n}),y(bn,{hover:u,focus:k,active:f,disabled:T,selected:A}),{"k-icon-button":!N&&!P&&E}),children:[b&&ms(w,{className:o(C,"k-button-icon"),icon:b}),N?mk(Sv,{children:[N&&ms("span",{className:"k-button-text",children:N}),e.children]}):e.children&&ms("span",{className:"k-button-text",children:e.children}),d&&ms("span",{className:"k-menu-button-arrow k-button-arrow",children:ms(w,{icon:p})})]})};m.states=Nv;m.options=Cv;m.className=bn;m.defaultOptions=Aa;import{jsx as Iv}from"react/jsx-runtime";var lt=e=>Iv(m,{icon:"folder",...e,children:void 0});import{jsx as Bv}from"react/jsx-runtime";var zt=e=>Bv(m,{icon:"folder",children:"Button",...e});import{jsx as nG}from"react/jsx-runtime";import{jsx as Ev}from"react/jsx-runtime";var us="k-button-group",Mv=[r.disabled],Lv={fillMode:[v.solid,v.flat,v.outline,v.clear,v.link]},uk={fillMode:v.solid},G=e=>{let{fillMode:t=uk.fillMode,disabled:a,stretched:i,...n}=e;return Ev("div",{...n,className:o(e.className,us,S(us,{fillMode:t}),y(us,{disabled:a}),{[`${us}-stretched`]:i}),children:e.children})};G.states=Mv;G.options=Lv;G.className=us;G.defaultOptions=uk;import{Fragment as wG,jsx as yG,jsxs as AG}from"react/jsx-runtime";import{Fragment as BG,jsx as IG,jsxs as MG}from"react/jsx-runtime";import{Fragment as KG,jsx as GG,jsxs as DG}from"react/jsx-runtime";import{Fragment as OG,jsx as WG,jsxs as QG}from"react/jsx-runtime";import{jsx as Hc,jsxs as Gv}from"react/jsx-runtime";var Wc="k-calendar",Yv=[],Pv={size:[c.small,c.medium,c.large]},vl={size:c.medium,showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},ct=e=>{let{size:t=vl.size,orientation:a=vl.orientation,calendarView:i=vl.calendarView,calendarTitleText:n=vl.calendarTitleText,showCalendarHeader:d=vl.showCalendarHeader,showWeek:p,showCalendarFooter:u,calendarFooterText:k,dir:f,...A}=e;return Gv("div",{...A,dir:f,className:o(e.className,Wc,S(Wc,{size:t}),{"k-week-number":p}),children:[d&&Hc(Ta,{calendarView:i,showToday:!u,calendarTitleText:n,orientation:a,size:t,dir:f}),Hc(vn,{calendarView:i,orientation:a,children:e.children}),u&&Hc(ks,{calendarFooterText:k,size:t})]})};ct.states=Yv;ct.options=Pv;ct.className=Wc;ct.defaultOptions=vl;import{Fragment as Dv,jsx as hs,jsxs as Fv}from"react/jsx-runtime";var Kv=[r.hover,r.focus,r.active,r.selected,r.disabled],l=e=>{let{text:t,headerCell:a,today:i,weekend:n,showOtherMonth:d,weekCell:p,rangeStart:u,rangeMid:k,rangeEnd:f,dayIndicator:A,empty:T,hover:b,focus:N,active:C,selected:B,disabled:E,...P}=e,R=`k-calendar-${a?"th":"td"}`,V=[e.className,R,y(R,{hover:b,focus:N,active:C,selected:B,disabled:E}),{"k-today":i,"k-weekend":n,"k-other-month":d,"k-alt":p,"k-range-start":u,"k-range-mid":k,"k-range-end":f,"k-empty":T}];return a?hs("th",{...P,className:o(V),children:t}):p?hs("td",{...P,className:o(V),children:t}):hs("td",{...P,className:o(V),children:T&&!d?hs(Dv,{children:"\xA0"}):Fv("span",{className:"k-link",children:[t,A&&hs("span",{className:"k-day-indicator"})]})})};l.states=Kv;import{jsx as fs,jsxs as kk}from"react/jsx-runtime";var hk="k-calendar-header",zv={size:[c.small,c.medium,c.large]},yl={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal",size:c.medium},Ta=e=>{let{calendarTitleText:t=yl.calendarTitleText,showToday:a=yl.showToday,showNavigationButtons:i=yl.showNavigationButtons,orientation:n=yl.orientation,size:d=yl.size,calendarView:p,dir:u,...k}=e,f=u==="rtl"?"chevron-right":"chevron-left",A=u==="rtl"?"chevron-left":"chevron-right";return kk("div",{...k,className:o(e.className,hk,{"k-vstack":n==="vertical"}),children:[fs(m,{disabled:p==="century",className:"k-calendar-title",text:t,size:d,fillMode:"flat",themeColor:"primary"}),fs("span",{className:"k-spacer"}),kk("span",{className:"k-calendar-nav",children:[i&&fs(m,{className:"k-calendar-nav-prev",icon:f,size:d,fillMode:"flat"}),a&&fs(m,{size:d,fillMode:"flat",className:"k-calendar-nav-today",children:"Today"}),i&&fs(m,{className:"k-calendar-nav-next",icon:A,size:d,fillMode:"flat"})]})]})};Ta.options=zv;Ta.className=hk;Ta.defaultOptions=yl;import{jsx as fk}from"react/jsx-runtime";var gk="k-calendar-footer",Rv={size:[c.small,c.medium,c.large]},Oc={size:c.medium,calendarFooterText:"Tuesday, October 12, 2021"},ks=e=>{let{size:t=Oc.size,calendarFooterText:a=Oc.calendarFooterText,...i}=e;return fk("div",{...i,className:o(e.className,gk),children:fk(m,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:a})})};ks.options=Rv;ks.className=gk;ks.defaultOptions=Oc;import{jsx as Ov}from"react/jsx-runtime";var Hv=[],Wv={},xk=e=>{let{type:t,...a}=e,i=t==="p"?"paragraph":t,n=t.includes("display")?"div":t;return Ov(n,{...a,className:o(e.className,{[`k-${i}`]:t}),children:e.children})};xk.states=Hv;xk.options=Wv;import{jsx as Xv}from"react/jsx-runtime";var yn="k-actions",Qv=[],Vv={},Qc={alignment:"start",orientation:"horizontal"},X=e=>{let{alignment:t=Qc.alignment,orientation:a=Qc.orientation,...i}=e;return Xv("div",{...i,className:o(yn,{[`${yn}-${t}`]:t,[`${yn}-${a}`]:a},e.className),children:e.children})};X.states=Qv;X.options=Vv;X.className=yn;X.defaultOptions=Qc;var bk=X;import{jsx as jv}from"react/jsx-runtime";var wn="k-input",Zv=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Jv={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},An={size:c.medium,rounded:c.medium,fillMode:v.solid},Y=e=>{let{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u,size:k=An.size,rounded:f=An.rounded,fillMode:A=An.fillMode,...T}=e;return jv("span",{...T,className:o(e.className,wn,S(wn,{size:k,rounded:f,fillMode:A}),y(wn,{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u}))})};Y.states=Zv;Y.options=Jv;Y.className=wn;Y.defaultOptions=An;import{jsx as _v}from"react/jsx-runtime";var Tn="k-picker",Uv=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],qv={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},Nn={size:c.medium,rounded:x.medium,fillMode:v.solid},yt=e=>{let{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u,size:k=Nn.size,rounded:f=Nn.rounded,fillMode:A=Nn.fillMode,...T}=e;return _v("span",{...T,className:o(e.className,Tn,S(Tn,{size:k,rounded:f,fillMode:A}),y(Tn,{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};yt.states=Uv;yt.options=qv;yt.className=Tn;yt.defaultOptions=Nn;import{Fragment as ty,jsx as Vc}from"react/jsx-runtime";var vk="k-clear-value",$v=[r.disabled,r.loading,r.readonly],ey={},ae=e=>{let{disabled:t,loading:a,readonly:i,value:n}=e;return t||i||a||!n?Vc(ty,{}):Vc("span",{className:o(e.className,vk),children:Vc(w,{icon:"x"})})};ae.states=$v;ae.options=ey;ae.className=vk;import{jsx as ly}from"react/jsx-runtime";var Xc="k-input-inner",oy=[],ay={},Cn={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=Cn.value,type:a=Cn.type,placeholder:i=Cn.placeholder,autocomplete:n=Cn.autocomplete,...d}=e;return ly("input",{...d,type:a,className:o(e.className,Xc,S(Xc,e)),placeholder:i,autoComplete:n,defaultValue:t})};se.states=oy;se.options=ay;se.className=Xc;import{jsx as yk,jsxs as iy}from"react/jsx-runtime";var Zc="k-input-inner",ry=[],sy={},bo=e=>{let{value:t,placeholder:a,showValue:i,valueIcon:n,valueIconName:d,...p}=e;return iy("span",{...p,className:o(e.className,Zc,S(Zc,e)),children:[n,!n&&d&&yk(w,{className:"k-input-value-icon",icon:d}),i&&!t&&a,i&&t&&yk("span",{className:"k-input-value-text",children:t})]})};bo.states=ry;bo.options=sy;bo.className=Zc;import{jsx as cy}from"react/jsx-runtime";var Jc="k-input-inner",ny=[],dy={},wk={value:"",placeholder:""},gs=e=>{let{value:t=wk.value,placeholder:a=wk.placeholder,rows:i,...n}=e;return cy("textarea",{...n,className:o(e.className,Jc,S(Jc,e)),placeholder:a,rows:i,defaultValue:t})};gs.states=ny;gs.options=dy;gs.className=Jc;import{Fragment as my,jsx as Ak}from"react/jsx-runtime";var Tk="k-input-loading-icon",py=[r.disabled,r.loading],q=e=>{let{disabled:t,loading:a}=e;return t||!a?Ak(my,{}):Ak("span",{className:o(e.className,Tk,"k-icon k-i-loading")})};q.states=py;q.className=Tk;import{Fragment as hy,jsx as Nk}from"react/jsx-runtime";var Ck="k-input-validation-icon",uy=[r.valid,r.invalid,r.disabled,r.loading],ky={},j=e=>{let{valid:t,invalid:a,disabled:i,loading:n}=e,d=a?"warning-circle":"check-circle";return i||n||!!!(t||a)?Nk(hy,{}):Nk(w,{className:o(Ck),icon:d})};j.states=uy;j.options=ky;j.className=Ck;import{Fragment as xy,jsx as Sk}from"react/jsx-runtime";var fy="k-input-prefix",gy={direction:"horizontal"},te=e=>{let{direction:t=gy.direction,...a}=e;return e.children?Sk("span",{...a,className:o(fy,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Sk(xy,{})};import{Fragment as yy,jsx as Ik}from"react/jsx-runtime";var by="k-input-suffix",vy={direction:"horizontal"},oe=e=>{let{direction:t=vy.direction,...a}=e;return e.children?Ik("span",{...a,className:o(by,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ik(yy,{})};import{jsx as lD}from"react/jsx-runtime";import{jsx as nD}from"react/jsx-runtime";import{jsx as Ay}from"react/jsx-runtime";var Bk="k-input-separator",wy={direction:"vertical"},be=e=>{let{direction:t=wy.direction,...a}=e;return Ay("span",{...a,className:o(Bk,e.className,{[`${Bk}-${t}`]:t})})};import{jsx as Mk}from"react/jsx-runtime";var Lk="k-animation-container",Ty=[],Ny={},Ek={positionMode:"absolute"},Yo=e=>{let{positionMode:t=Ek.positionMode,animationStyle:a,offset:i,...n}=e;return Mk("div",{...n,style:{...i,...e.style},className:o(e.className,Lk,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Mk("div",{className:"k-child-animation-container",style:a,children:e.children})})};Yo.states=Ty;Yo.options=Ny;Yo.className=Lk;Yo.defaultOptions=Ek;import{jsx as Yk}from"react/jsx-runtime";var Pk="k-popup",Cy=[],Sy={},Gk={positionMode:"absolute"},H=e=>{let{offset:t,positionMode:a=Gk.positionMode,animationStyle:i,...n}=e;return Yk(Yo,{positionMode:a,offset:t,animationStyle:i,children:Yk("div",{...n,className:o(e.className,Pk),children:e.children})})};H.states=Cy;H.options=Sy;H.className=Pk;H.defaultOptions=Gk;import{jsx as By}from"react/jsx-runtime";var Iy="k-no-data",xs=e=>By("span",{className:o(Iy,e.className),children:e.children});import{jsx as wl,jsxs as Kk}from"react/jsx-runtime";var jc="k-list",My=[],Ly={size:[c.small,c.medium,c.large]},Dk={size:c.medium},Z=e=>{let{size:t=Dk.size,virtualization:a,children:i,optionLabel:n,customValue:d,screenReaders:p,...u}=e,k,f,A,T,b=[];return i?i.map((N,C)=>{N.type===ve?(N.props.root===!0?(k=N.props.label,N.props.children.map((B,E)=>{b.push(wl(D,{...B.props},`optChild-${E}-${new Date().getTime()}`))})):N.props.children.forEach((B,E)=>{let P="";E===0&&(P=N.props.label),b.push(wl(D,{className:E===0?"k-first":"",...B.props,groupLabel:P},`groupLabel-${E}-${new Date().getTime()}`))}),f=wl(ve,{label:k,virtualization:a,children:b})):N.type===D&&(b.push(wl(D,{...N.props},`${N.type}-${C}`)),A=wl(Al,{virtualization:a,children:b}),p&&(T=Kk(xs,{className:"k-sr-only",children:[b.length," items found."]})))}):T=wl(xs,{children:"No data found."}),Kk("div",{...u,className:o(e.className,jc,S(jc,{size:t}),{"k-virtual-list":a}),children:[n,d,f,A,T]})};Z.states=My;Z.options=Ly;Z.className=jc;Z.defaultOptions=Dk;import{jsx as Na,jsxs as Py}from"react/jsx-runtime";var Uc="k-list",Ey=[],Yy={size:[c.small,c.medium,c.large]},Fk={size:c.medium},Ca=e=>{let{size:t=Fk.size,virtualization:a,children:i,...n}=e,d,p,u,k=[];return i?i.map((f,A)=>{f.type===ve?(f.props.root===!0?(d=f.props.label,f.props.children.map((T,b)=>{k.push(Na(D,{...T.props},`optChild-${b}-${new Date().getTime()}`))})):(k.push(Na(zk,{...f.props,children:f.props.label},`listChild-${A}`)),f.props.children.map((T,b)=>{k.push(Na(D,{...T.props},`fwOptChild-${b}-${new Date().getTime()}`))})),p=Na(ve,{label:d,virtualization:a,children:k})):f.type===D&&(k.push(Na(D,{...f.props},`${f.type}-${A}`)),u=Na(Al,{virtualization:a,children:k}))}):u=Na(xs,{children:"No data found."}),Py("div",{...n,className:o(e.className,Uc,S(Uc,{size:t}),{"k-virtual-list":a}),children:[p,u]})};Ca.states=Ey;Ca.options=Yy;Ca.className=Uc;Ca.defaultOptions=Fk;import{jsx as Rk}from"react/jsx-runtime";var Sn="k-checkbox",Gy=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Ky={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full]},qc={size:c.medium,rounded:x.medium},Ve=e=>{let{id:t,checked:a,indeterminate:i,hover:n,focus:d,disabled:p,invalid:u,valid:k,required:f,size:A=qc.size,rounded:T=qc.rounded,...b}=e;return Rk("span",{className:"k-checkbox-wrap",children:Rk("input",{...b,id:t,type:"checkbox",defaultChecked:a,required:f,className:o(e.className,Sn,S(Sn,{size:A,rounded:T}),y(Sn,{hover:n,focus:d,disabled:p,invalid:u,valid:k,indeterminate:i,checked:a}))})})};Ve.states=Gy;Ve.options=Ky;Ve.className=Sn;Ve.defaultOptions=qc;import{jsx as zy}from"react/jsx-runtime";var Hk="k-checkbox-list",Dy=[],Fy={},Wk={layout:"vertical"},Tl=e=>{let{layout:t=Wk.layout,...a}=e;return zy("ul",{...a,className:o(e.className,Hk,{[`k-list-${t}`]:t}),children:e.children})};Tl.states=Dy;Tl.options=Fy;Tl.className=Hk;Tl.defaultOptions=Wk;import{jsx as Oy}from"react/jsx-runtime";var Ok="k-checkbox-list-item",Ry=[],Hy={},Wy={},Nl=e=>{let{...t}=e;return Oy("li",{...t,className:o(e.className,Ok),children:e.children})};Nl.states=Ry;Nl.options=Hy;Nl.className=Ok;Nl.defaultOptions=Wy;import{Fragment as pF,jsx as cF,jsxs as mF}from"react/jsx-runtime";import{Fragment as gF,jsx as fF,jsxs as xF}from"react/jsx-runtime";import{Fragment as AF,jsx as wF,jsxs as TF}from"react/jsx-runtime";import{Fragment as BF,jsx as IF,jsxs as MF}from"react/jsx-runtime";import{jsx as PF}from"react/jsx-runtime";import{jsx as FF}from"react/jsx-runtime";import{jsx as In,jsxs as Zy}from"react/jsx-runtime";var $c="k-list-item",Qy=[r.hover,r.focus,r.selected,r.disabled],Vy={},Xy={},D=e=>{let{text:t,groupLabel:a,group:i,showIcon:n,iconName:d,showCheckbox:p,checked:u,hover:k,focus:f,selected:A,disabled:T,...b}=e,N=t||e.children;return Zy("li",{...b,className:o(e.className,i?"k-list-group-item":$c,y($c,{hover:k,focus:f,disabled:T,selected:A})),children:[p&&In(Ve,{checked:u}),n&&In(w,{icon:d}),In("span",{className:"k-list-item-text",children:N}),a&&a!==""&&In("div",{className:"k-list-item-group-label",children:a})]})};D.states=Qy;D.options=Vy;D.className=$c;D.defaultOptions=Xy;import{jsx as ep,jsxs as jy}from"react/jsx-runtime";var Jy="k-list-content",Al=e=>{let{virtualization:t,...a}=e;return jy("div",{...a,className:o(Jy,e.className),children:[ep("ul",{className:o("k-list-ul"),children:e.children}),t&&ep("div",{className:"k-height-container",children:ep("div",{})})]})};import{jsx as Qk}from"react/jsx-runtime";var Uy="k-list-group-sticky-header",Vk=e=>Qk("div",{className:o(Uy,e.className),children:Qk("div",{className:"k-list-header-text",children:e.children})});import{Fragment as qy,jsx as Xk,jsxs as _y}from"react/jsx-runtime";var ve=e=>{let{virtualization:t,label:a}=e;return _y(qy,{children:[a&&Xk(Vk,{children:a}),e.children&&Xk(Al,{virtualization:t,children:e.children})]})};import{jsx as Zk}from"react/jsx-runtime";var $y="k-list-group-item",zk=e=>Zk("li",{className:o($y,e.className),children:Zk("span",{className:"k-list-item-text",children:e.children})});import{jsx as aw}from"react/jsx-runtime";var tp="k-list-optionlabel",ew=[r.hover,r.focus,r.selected,r.disabled],tw={},ow={},Bn=e=>{let{text:t,hover:a,focus:i,selected:n,disabled:d,...p}=e;return aw("div",{...p,className:o(tp,y(tp,{hover:a,focus:i,selected:n,disabled:d})),children:t})};Bn.states=ew;Bn.options=tw;Bn.className=tp;Bn.defaultOptions=ow;import{jsx as iw}from"react/jsx-runtime";var op="k-list-custom-value",lw=[r.hover,r.focus,r.selected,r.disabled],rw={},sw={},je=e=>{let{text:t,hover:a,focus:i,selected:n,disabled:d,...p}=e;return iw("div",{...p,className:o(op,y(op,{hover:a,focus:i,selected:n,disabled:d})),children:t})};je.states=lw;je.options=rw;je.className=op;je.defaultOptions=sw;import{jsx as yz}from"react/jsx-runtime";import{jsx as Nz}from"react/jsx-runtime";import{jsx as Bz,jsxs as Mz}from"react/jsx-runtime";import{jsx as Pz,jsxs as Gz}from"react/jsx-runtime";import{jsx as zz}from"react/jsx-runtime";import{jsx as Oz,jsxs as Qz}from"react/jsx-runtime";import{jsx as Jz,jsxs as jz}from"react/jsx-runtime";import{jsx as Jk}from"react/jsx-runtime";var bs="k-avatar";var nw=[r.hover,r.focus,r.active,r.selected,r.disabled],dw={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Sa={type:"text",size:c.medium,rounded:x.full,fillMode:v.solid,themeColor:h.primary,border:!1},oo=e=>{let{size:t=Sa.size,rounded:a=Sa.rounded,fillMode:i=Sa.fillMode,themeColor:n=Sa.themeColor,type:d=Sa.type,border:p=Sa.border,...u}=e;return Jk("div",{...u,className:o(e.className,bs,S(bs,{size:t,rounded:a,fillMode:i,themeColor:n}),{[`${bs}-bordered`]:p}),children:Jk("span",{className:`${bs}-${d}`,children:e.children})})};oo.states=nw;oo.options=dw;oo.className=bs;oo.defaultOptions=Sa;import{jsx as bR}from"react/jsx-runtime";import{jsx as AR}from"react/jsx-runtime";import{jsx as SR}from"react/jsx-runtime";import{jsx as mw}from"react/jsx-runtime";var vs="k-badge",cw=[],pw={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.outline],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},ys={size:c.medium,fillMode:v.solid,themeColor:h.primary,cutoutBorder:!1},Cl=e=>{let{size:t=ys.size,fillMode:a=ys.fillMode,themeColor:i=ys.themeColor,cutoutBorder:n=ys.cutoutBorder,rounded:d,position:p,align:u,...k}=e;return mw("span",{...k,className:o(e.className,vs,S(vs,{size:t,rounded:d,fillMode:a,themeColor:i}),{[`${vs}-${p}`]:p,[`k-${u}`]:u,[`${vs}-border-cutout`]:n}),children:e.children})};Cl.states=cw;Cl.options=pw;Cl.className=vs;Cl.defaultOptions=ys;import{jsx as zR}from"react/jsx-runtime";import{jsx as QR}from"react/jsx-runtime";import{jsx as $R}from"react/jsx-runtime";import{jsx as Sl,jsxs as hw}from"react/jsx-runtime";var Mn="k-chip",uw=[r.hover,r.focus,r.active,r.selected,r.disabled],kw={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.outline],themeColor:[h.base,h.success,h.warning,h.error,h.info]},Il={size:c.medium,rounded:x.medium,fillMode:v.solid,themeColor:h.base,avatarImage:"/packages/html/assets/avatar.jpg"},Rt=e=>{let{size:t=Il.size,rounded:a=Il.rounded,fillMode:i=Il.fillMode,themeColor:n=Il.themeColor,text:d,icon:p,actions:u,showAvatar:k,avatarImage:f=Il.avatarImage,hover:A,focus:T,active:b,selected:N,disabled:C,...B}=e;return hw("div",{...B,className:o(e.className,Mn,S(Mn,{size:t,rounded:a,fillMode:i,themeColor:n}),y(Mn,{hover:A,focus:T,active:b,disabled:C,selected:N})),children:[p&&Sl(w,{className:"k-chip-icon",icon:p,size:"small"}),k&&Sl(oo,{className:"k-chip-avatar",type:"image",children:Sl("img",{src:f})}),Sl("span",{className:"k-chip-content",children:e.children?e.children:d&&Sl("span",{className:"k-chip-label",children:d})}),u&&Sl("span",{className:"k-chip-actions",children:u})]})};Rt.states=uw;Rt.options=kw;Rt.className=Mn;Rt.defaultOptions=Il;import{jsx as xw}from"react/jsx-runtime";var ap="k-chip-list",fw=[],gw={size:[c.small,c.medium,c.large]},Uk={size:c.medium},Ht=e=>{let{size:t=Uk.size,...a}=e;return xw("div",{...a,className:o(e.className,ap,S(ap,{size:t})),children:e.children})};Ht.states=fw;Ht.options=gw;Ht.className=ap;Ht.defaultOptions=Uk;import{jsx as p0}from"react/jsx-runtime";import{jsx as h0}from"react/jsx-runtime";import{jsx as b0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";import{Fragment as M0,jsx as B0,jsxs as L0}from"react/jsx-runtime";import{jsx as qk,jsxs as yw}from"react/jsx-runtime";var _k="k-color-preview",bw=[],vw={},Po=e=>{let{color:t,iconName:a,...i}=e;return yw("span",{...i,className:o(e.className,_k,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&qk(w,{icon:a,className:"k-color-preview-icon"}),qk("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Po.states=bw;Po.options=vw;Po.className=_k;import{Fragment as lp,jsx as $k,jsxs as En}from"react/jsx-runtime";var rp="k-loader",ww={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},Aw=[],Tw={size:[c.small,c.medium,c.large],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Yn={size:c.medium,themeColor:h.primary,animation:"pulsing"},Go=e=>{let{size:t=Yn.size,themeColor:a=Yn.themeColor,animation:i=Yn.animation,...n}=e,d=$k("span",{className:"k-loader-segment"});return $k("div",{...n,className:o(e.className,rp,{[`k-loader-${ww[i]||i}`]:i},S(rp,{size:t,themeColor:a})),children:En("div",{className:"k-loader-canvas",children:[i==="pulsing"&&En(lp,{children:[d,d]}),i==="infinite-spinner"&&En(lp,{children:[d,d,d]}),i==="converging-spinner"&&En(lp,{children:[d,d,d,d]})]})})};Go.states=Aw;Go.options=Tw;Go.className=rp;Go.defaultOptions=Yn;var eh=Go;import{jsx as sp,jsxs as th}from"react/jsx-runtime";var ip="k-loader-container",Nw=[],Cw={size:[c.small,c.medium,c.large],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Ba={size:c.medium,themeColor:h.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},ws=e=>{let{size:t=Ba.size,themeColor:a=Ba.themeColor,loaderType:i=Ba.loaderType,position:n=Ba.position,overlay:d=Ba.overlay,panel:p=Ba.panel,...u}=e;return th("div",{...u,className:o(e.className,ip,S(ip,{size:t}),{[`k-loader-${n}`]:n}),children:[sp("div",{className:`k-loader-container-overlay k-overlay-${d}`}),th("div",{className:o("k-loader-container-inner",{"k-loader-container-panel":p}),children:[sp(eh,{size:t,themeColor:a,animation:i}),sp("div",{className:`k-loader-container-label !k-text-${a}`,children:"Loading..."})]})]})};ws.states=Nw;ws.options=Cw;ws.className=ip;ws.defaultOptions=Ba;import{jsx as aH}from"react/jsx-runtime";import{jsx as iH}from"react/jsx-runtime";import{jsx as pH}from"react/jsx-runtime";import{jsx as hH}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";var oh="k-skeleton",Sw=[],Iw={},np={shape:"text",animation:"pulse"},Ko=e=>{let{shape:t=np.shape,animation:a=np.animation,...i}=e;return Bw("span",{...i,className:o(e.className,oh,{[`k-skeleton-${t}`]:t,[`k-skeleton-${a}`]:a}),style:e.style})};Ko.states=Sw;Ko.options=Iw;Ko.className=oh;Ko.defaultOptions=np;import{jsx as BH}from"react/jsx-runtime";import{jsx as Mw}from"react/jsx-runtime";var ah=e=>Mw(Ko,{shape:"rect",...e});import{jsx as KH}from"react/jsx-runtime";import{jsx as As,jsxs as dp}from"react/jsx-runtime";var cp="k-form-field",Lw=[r.disabled],Ue=e=>{let{label:t,orientation:a,optional:i,editor:n,hint:d,error:p,info:u,disabled:k,dir:f,colSpan:A}=e;return dp("div",{className:o(cp,e.className,y(cp,{disabled:k}),{[`k-col-span-${A}`]:A}),dir:f,children:[t&&dp("label",{className:o("k-label","k-form-label"),children:[t,i&&As("span",{className:"k-label-optional",children:"(Optional)"}),u&&As("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&As("span",{className:"k-label k-form-label k-label-empty"}),dp("div",{className:"k-form-field-wrap",children:[n,d&&As("div",{className:"k-form-hint",children:d}),p&&As("div",{className:"k-form-error",children:p})]})]})};Ue.states=Lw;Ue.className=cp;import{Fragment as Ew,jsx as pp,jsxs as Yw}from"react/jsx-runtime";var lh="k-form-fieldset",vo=e=>{let{legend:t,layout:a,cols:i,gapX:n,gapY:d}=e;return Yw("fieldset",{className:o(lh),children:[t&&pp("legend",{className:"k-form-legend",children:t}),a==="grid"?pp("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i,[`k-gap-x-${n}`]:n,[`k-gap-y-${d}`]:d}),children:e.children}):pp(Ew,{children:e.children})]})};vo.className=lh;import{Fragment as Kw,jsx as Ts,jsxs as Dw}from"react/jsx-runtime";import{createElement as mp}from"react";var Pn="k-form",Pw=[],Gw={size:[c.small,c.medium,c.large]},Gn={size:c.medium,layout:"basic",tag:"form"},Do=e=>{let{size:t=Gn.size,orientation:a,layout:i=Gn.layout,formButtons:n,cols:d,gapX:p,gapY:u,tag:k=Gn.tag,children:f}=e,A=({tag:b,className:N,children:C})=>b==="form"?Ts("form",{className:N,children:C}):Ts("div",{className:N,children:C}),T=[];return f&&(Array.isArray(f)?f.map((b,N)=>{b.type===Ue?T.push(mp(Ue,{...b.props,orientation:a,key:N})):T.push(b)}):f.type===Ue?T.push(mp(Ue,{...f.props,orientation:a,key:`${new Date().getTime()}`})):f.type===vo&&T.push(mp(vo,{...f.props,key:`${new Date().getTime()}`}))),Dw(A,{tag:k,className:o(e.className,Pn,S(Pn,{size:t}),{[`${Pn}-${a}`]:a}),children:[i==="grid"?Ts("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${d}`]:d,[`k-gap-x-${p}`]:p,[`k-gap-y-${u}`]:u}),children:T}):Ts(Kw,{children:T}),n&&Ts("div",{className:"k-form-buttons",children:n})]})};Do.states=Pw;Do.options=Gw;Do.className=Pn;Do.defaultOptions=Gn;import{jsx as zw}from"react/jsx-runtime";var Fw="k-actionsheet-footer",rh={alignment:"stretched",orientation:"horizontal"},Wt=e=>{let{alignment:t=rh.alignment,orientation:a=rh.orientation,template:i,as:n=i?"div":X,...d}=e;return zw(n,{...d,...!i&&{alignment:t,orientation:a},className:o(e.className,Fw),children:e.children})};import{jsx as Ns,jsxs as Ww}from"react/jsx-runtime";var sh="k-searchbox",Rw=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Hw={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},up={showIcon:!0,icon:"search",size:Y.defaultOptions.size,rounded:Y.defaultOptions.rounded,fillMode:Y.defaultOptions.fillMode},Re=e=>{let{value:t,placeholder:a,size:i,rounded:n,fillMode:d,hover:p,focus:u,valid:k,invalid:f,required:A,loading:T,disabled:b,showIcon:N=up.showIcon,icon:C=up.icon,...B}=e;return Ww(Y,{...B,size:i,rounded:n,fillMode:d,hover:p,focus:u,valid:k,invalid:f,required:A,loading:T,disabled:b,className:o(e.className,sh),children:[N&&Ns(w,{className:"k-input-icon",icon:C}),Ns(se,{placeholder:a,value:t}),Ns(q,{...e}),Ns(j,{...e}),Ns(ae,{...e})]})};Re.states=Rw;Re.options=Hw;Re.className=sh;Re.defaultOptions=up;import{jsx as u8}from"react/jsx-runtime";import{Fragment as ih,jsx as Fo,jsxs as kp}from"react/jsx-runtime";var nh="k-textbox",Ow=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Qw={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},Ma={showClearButton:!0,showValidationIcon:!0,size:Y.defaultOptions.size,rounded:Y.defaultOptions.rounded,fillMode:Y.defaultOptions.fillMode,separators:!0},U=e=>{let{size:t=Ma.size,rounded:a=Ma.rounded,fillMode:i=Ma.fillMode,separators:n=Ma.separators,showClearButton:d=Ma.showClearButton,showValidationIcon:p=Ma.showValidationIcon,prefix:u,suffix:k,type:f,value:A,placeholder:T,hover:b,focus:N,valid:C,invalid:B,required:E,loading:P,disabled:K,readonly:R,...V}=e;return kp(Y,{...V,size:t,rounded:a,fillMode:i,hover:b,focus:N,valid:C,invalid:B,required:E,loading:P,disabled:K,readonly:R,className:o(e.className,nh),children:[u&&kp(ih,{children:[Fo(te,{children:u}),n&&Fo(be,{})]}),Fo(se,{placeholder:T,value:A,type:f}),p&&Fo(j,{valid:C,invalid:B,loading:P,disabled:K}),Fo(q,{loading:P,disabled:K}),d&&Fo(ae,{loading:P,disabled:K,readonly:R,value:A}),k&&kp(ih,{children:[n&&Fo(be,{}),Fo(oe,{children:k})]})]})};U.states=Ow;U.options=Qw;U.className=nh;U.defaultOptions=Ma;import{jsx as T8}from"react/jsx-runtime";import{Fragment as M8,jsx as B8}from"react/jsx-runtime";import{Fragment as K8,jsx as G8}from"react/jsx-runtime";import{jsx as zo,jsxs as hp}from"react/jsx-runtime";var ph="k-actionsheet-titlebar",Vw={},re=e=>{let{title:t,subtitle:a,actionsStart:i,actionsEnd:n,filter:d,input:p,inputValue:u,inputPlaceholder:k,adaptive:f,children:A,...T}=e;return hp("div",{...T,className:o(e.className,ph),children:[hp("div",{className:"k-actionsheet-titlebar-group",children:[i&&zo("div",{className:"k-actionsheet-actions",children:i}),!A&&hp("div",{className:"k-actionsheet-title",children:[t&&zo("div",{className:"k-text-center",children:t}),a&&zo("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),A&&zo("div",{className:"k-actionsheet-title",children:A}),n&&zo("div",{className:"k-actionsheet-actions",children:n})]}),(p||d)&&zo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?zo(U,{value:u,placeholder:k,size:f?"large":"medium"}):zo(Re,{placeholder:"Filter",size:f?"large":"medium"})})]})};re.className=ph;re.defaultOptions=Vw;import{jsx as fp,jsxs as jw}from"react/jsx-runtime";var gp="k-actionsheet-view",Xw=[],Zw={},Jw={},Bl=e=>{let{adaptive:t,animated:a,children:i,header:n,footer:d,...p}=e,u=n?.type===re&&fp(re,{adaptive:t,...n?.props}),k=d?.type===Wt&&fp(Wt,{...d?.props});return jw("div",{...p,className:o(e.className,gp,{[`${gp}-animated`]:a}),children:[u,fp("div",{className:"k-actionsheet-content",children:i}),k]})};Bl.states=Xw;Bl.options=Zw;Bl.className=gp;Bl.defaultOptions=Jw;import{jsx as Kn,jsxs as _w}from"react/jsx-runtime";var mh="k-actionsheet",Uw=[],qw={},Cs={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=Cs.side,fullscreen:a=Cs.fullscreen,adaptive:i=Cs.adaptive,overlay:n=Cs.overlay,template:d,children:p,header:u,footer:k,...f}=e;return _w("div",{className:"k-actionsheet-container",children:[n&&Kn("div",{className:"k-overlay"}),Kn(Yo,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Kn("div",{...f,className:o(e.className,mh,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":i}),children:d||Kn(Bl,{header:u,footer:k,adaptive:i,...e,children:p})})})]})};ie.states=Uw;ie.options=qw;ie.className=mh;ie.defaultOptions=Cs;import{jsx as sW}from"react/jsx-runtime";import{Fragment as eA,jsx as Ss,jsxs as xp}from"react/jsx-runtime";var bp="k-actionsheet-item",$w=[r.hover,r.focus,r.selected,r.disabled],vp=e=>{let{iconName:t,text:a,description:i,hover:n,focus:d,selected:p,disabled:u,...k}=e;return xp("span",{...k,className:o(e.className,bp,y(bp,{hover:n,focus:d,selected:p,disabled:u})),children:[!e.children&&Ss(eA,{children:xp("span",{className:"k-actionsheet-action",children:[t&&Ss("span",{className:"k-icon-wrap",children:Ss(w,{className:"k-actionsheet-item-icon",icon:t})}),xp("span",{className:"k-actionsheet-item-text",children:[a&&Ss("span",{className:"k-actionsheet-item-title",children:a}),i&&Ss("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};vp.states=$w;vp.className=bp;import{jsx as hW,jsxs as fW}from"react/jsx-runtime";import{jsx as vW}from"react/jsx-runtime";import{jsx as TW}from"react/jsx-runtime";import{jsx as IW}from"react/jsx-runtime";import{Fragment as aA,jsx as pt,jsxs as yp}from"react/jsx-runtime";var kh="k-dropdownlist",tA=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],oA={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},Ml={showValue:!0,arrowIconName:"caret-alt-down",size:c.medium,rounded:x.medium,fillMode:v.solid},ne=e=>{let{size:t=Ml.size,rounded:a=Ml.rounded,fillMode:i=Ml.fillMode,arrowIconName:n=Ml.arrowIconName,showValue:d=Ml.showValue,valueIconName:p,prefix:u,suffix:k,value:f,placeholder:A,hover:T,focus:b,valid:N,invalid:C,required:B,loading:E,disabled:P,readonly:K,popup:R,opened:V,adaptive:xe,adaptiveSettings:Ge,adaptiveTitle:at,adaptiveSubtitle:Ft,adaptiveFilter:wa,...bl}=e;return yp(aA,{children:[yp(yt,{...bl,size:t,rounded:a,fillMode:i,hover:T,focus:b,valid:N,invalid:C,required:B,loading:E,disabled:P,readonly:K,className:o(e.className,kh,{"k-icon-picker":!d&&p}),children:[pt(te,{children:u}),pt(bo,{placeholder:A,value:f,showValue:d,valueIconName:p}),pt(j,{valid:N,invalid:C,loading:E,disabled:P}),pt(q,{loading:E,disabled:P}),pt(oe,{children:k}),pt(m,{className:"k-input-button",icon:n,rounded:null,size:e.size,fillMode:e.fillMode})]}),V&&R&&pt(H,{className:"k-list-container k-dropdownlist-popup",children:R}),xe&&pt(ie,{adaptive:!0,...Ge,header:pt(re,{actionsEnd:pt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wa,inputValue:f,inputPlaceholder:A,title:at,subtitle:Ft}),children:pt("div",{className:"k-list-container",children:yp(Z,{size:"large",children:[pt(D,{text:"List item"}),pt(D,{text:"List item"}),pt(D,{text:"List item"})]})})})]})};ne.states=tA;ne.options=oA;ne.className=kh;ne.defaultOptions=Ml;import{jsx as _W}from"react/jsx-runtime";import{jsx as aO,jsxs as lO}from"react/jsx-runtime";import{Fragment as mO,jsx as cO,jsxs as pO}from"react/jsx-runtime";import{jsx as fO}from"react/jsx-runtime";import{jsx as yO,jsxs as wO}from"react/jsx-runtime";import{jsx as SO,jsxs as IO}from"react/jsx-runtime";import{Fragment as KO,jsx as PO,jsxs as GO}from"react/jsx-runtime";import{Fragment as QO,jsx as WO,jsxs as OO}from"react/jsx-runtime";import{jsx as hh}from"react/jsx-runtime";var Dn="k-radio",lA=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],rA={size:[c.small,c.medium,c.large]},fh={size:c.medium},yo=e=>{let{id:t,checked:a,hover:i,focus:n,disabled:d,invalid:p,valid:u,required:k,size:f=fh.size,...A}=e;return hh("span",{className:"k-radio-wrap",children:hh("input",{...A,id:t,type:"radio",checked:a,required:k,className:o(e.className,Dn,S(Dn,{size:f}),y(Dn,{hover:i,focus:n,disabled:d,invalid:p,valid:u,checked:a}))})})};yo.states=lA;yo.options=rA;yo.className=Dn;yo.defaultOptions=fh;import{jsx as nA}from"react/jsx-runtime";var gh="k-radio-list",sA=[],iA={},xh={layout:"vertical"},Ll=e=>{let{layout:t=xh.layout,...a}=e;return nA("ul",{...a,className:o(e.className,gh,{[`k-list-${t}`]:t}),children:e.children})};Ll.states=sA;Ll.options=iA;Ll.className=gh;Ll.defaultOptions=xh;import{jsx as mA}from"react/jsx-runtime";var bh="k-radio-list-item",dA=[],cA={},pA={},El=e=>{let{...t}=e;return mA("li",{...t,className:o(e.className,bh),children:e.children})};El.states=dA;El.options=cA;El.className=bh;El.defaultOptions=pA;import{jsx as uQ}from"react/jsx-runtime";import{Fragment as xQ,jsx as gQ,jsxs as bQ}from"react/jsx-runtime";import{Fragment as TQ,jsx as AQ,jsxs as NQ}from"react/jsx-runtime";import{Fragment as LQ,jsx as BQ,jsxs as MQ}from"react/jsx-runtime";import{Fragment as KQ,jsx as GQ,jsxs as DQ}from"react/jsx-runtime";import{Fragment as WQ,jsx as HQ,jsxs as OQ}from"react/jsx-runtime";import{Fragment as kA,jsx as mt,jsxs as Yl}from"react/jsx-runtime";var Fn=({size:e,...t})=>mt(Do,{formButtons:Yl(kA,{children:[mt(m,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),mt(m,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Yl(vo,{legend:"Form Legend",children:[mt(Ue,{label:"Label",editor:mt(U,{size:e})}),mt(Ue,{label:"Label",hint:"Hint text",editor:mt(ne,{value:"Dropdown List",size:e})}),mt(Ue,{label:"City",editor:Yl("ul",{className:"k-radio-list k-list-horizontal",children:[Yl("li",{className:"k-radio-list-item",children:[mt(yo,{checked:!0,size:e}),mt("label",{className:"k-radio-label",children:"Label"})]}),Yl("li",{className:"k-radio-list-item",children:[mt(yo,{size:e}),mt("label",{className:"k-radio-label",children:"Label"})]}),Yl("li",{className:"k-radio-list-item",children:[mt(yo,{size:e}),mt("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});import{Fragment as hV,jsx as kV,jsxs as fV}from"react/jsx-runtime";import{Fragment as gA,jsx as vh,jsxs as xA}from"react/jsx-runtime";var yh="k-menu-button",hA=[r.hover,r.focus,r.active,r.selected,r.disabled],fA={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Ea={size:c.medium,rounded:x.medium,fillMode:v.solid,themeColor:h.base,showArrow:!0,arrowIconName:"caret-alt-down"},_=e=>{let{size:t=Ea.size,rounded:a=Ea.rounded,fillMode:i=Ea.fillMode,themeColor:n=Ea.themeColor,hover:d,focus:p,active:u,selected:k,disabled:f,icon:A,text:T,showArrow:b=Ea.showArrow,arrowIconName:N=Ea.arrowIconName,popup:C,opened:B,...E}=e;return xA(gA,{children:[vh(m,{...E,className:o(e.className,yh),text:T,size:t,rounded:a,fillMode:i,themeColor:n,hover:d,focus:p,active:u,selected:k,disabled:f,icon:A,showArrow:b,arrowIconName:N}),B&&C&&vh(H,{className:"k-menu-popup",children:C})]})};_.states=hA;_.options=fA;_.className=yh;_.defaultOptions=Ea;import{jsx as LV}from"react/jsx-runtime";import{jsx as GV}from"react/jsx-runtime";import{jsx as zV}from"react/jsx-runtime";import{Fragment as yA,jsx as Pl,jsxs as wh}from"react/jsx-runtime";var Tp="k-menu-item",bA=[r.hover,r.focus,r.active,r.selected,r.disabled],vA={},Ah={iconPosition:"before"},Xe=e=>{let{hover:t,focus:a,active:i,selected:n,disabled:d,icon:p,text:u,first:k,last:f,showArrow:A,arrowIconName:T,iconPosition:b=Ah.iconPosition,dir:N,children:C,...B}=e,E=Pl(yA,{});C&&C.forEach(K=>{if(K.type==="MenuItemContent"){E.props.children.push(K);return}});let P=T;return P||(P=N==="rtl"?"caret-alt-left":"caret-alt-right"),wh("li",{...B,className:o(e.className,Tp,"k-item",y(Tp,{focus:a,disabled:d,hover:t,active:i,selected:n}),{"k-first":k,"k-last":f}),children:[wh("span",{className:o("k-link k-menu-link"),children:[p&&b==="before"&&Pl(w,{className:"k-menu-link-icon",icon:p}),Pl("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Pl(w,{className:"k-menu-link-icon",icon:p}),A&&Pl("span",{className:"k-menu-expand-arrow",children:Pl(w,{icon:P})})]}),E]})};Xe.states=bA;Xe.options=vA;Xe.className=Tp;Xe.defaultOptions=Ah;import{Fragment as TA,jsx as Gl,jsxs as Th}from"react/jsx-runtime";var Np="k-menu-item",wA=[r.hover,r.focus,r.active,r.selected,r.disabled],AA={},Cp={dir:"ltr",iconPosition:"before"},Ot=e=>{let{hover:t,focus:a,active:i,selected:n,disabled:d,icon:p,text:u,first:k,last:f,showArrow:A,arrowIconName:T,iconPosition:b=Cp.iconPosition,dir:N=Cp.dir,children:C,popup:B,...E}=e,P=Gl(TA,{});C&&C.forEach(R=>{if(R.type==="MenuListItemContent"){P.props.children.push(R);return}});let K=T;return K||(K=N==="rtl"?"caret-alt-left":"caret-alt-right"),Th("li",{...E,className:o(e.className,Np,"k-item",y(Np,{focus:a,disabled:d}),{"k-first":k,"k-last":f}),children:[Th("span",{className:o("k-link k-menu-link",y("k-menu-link",{hover:t,active:i,selected:n,disabled:d})),children:[p&&b==="before"&&Gl(w,{className:"k-menu-link-icon",icon:p}),Gl("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Gl(w,{className:"k-menu-link-icon",icon:p}),A&&Gl("span",{className:"k-menu-expand-arrow",children:Gl(w,{icon:K})})]}),P,B]})};Ot.states=wA;Ot.options=AA;Ot.className=Np;Ot.defaultOptions=Cp;import{jsx as IA}from"react/jsx-runtime";var Nh="k-menu-scroll-wrapper",NA=[],CA={},SA={},Is=e=>{let{className:t,children:a,orientation:i,...n}=e;return IA("div",{...n,className:o(t,Nh,{"k-menu-scroll-wrapper-vertical":i==="vertical"}),children:a})};Is.states=NA;Is.options=CA;Is.className=Nh;Is.defaultOptions=SA;var Ch=Is;import{Fragment as Sp,jsx as Ya,jsxs as zn}from"react/jsx-runtime";var Ip="k-menu",BA=[],MA={},Rn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Qt=e=>{let{children:t,orientation:a=Rn.orientation,header:i=Rn.header,scrollable:n,scrollButtonsPosition:d=Rn.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:k,...f}=e,A={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=Ya("ul",{dir:u,...f,className:o(e.className,"k-reset",Ip,{[`${Ip}-${a}`]:a,"k-header":i}),children:t});return zn(Sp,{children:[n?zn(Ch,{orientation:a,style:p,dir:e.dir,children:[d==="start"&&zn(Sp,{children:[Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),d==="around"&&Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),T,d==="end"&&zn(Sp,{children:[Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),d==="around"&&Ya(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):T,k]})};Qt.states=BA;Qt.options=MA;Qt.className=Ip;Qt.defaultOptions=Rn;import{jsx as LA}from"react/jsx-runtime";var Bp="k-separator",Sh={orientation:"horizontal"},Bs=e=>{let{orientation:t=Sh.orientation,...a}=e;return LA("li",{...a,className:o(e.className,"k-item",Bp,{[`${Bp}-${t}`]:t})})};Bs.className=Bp;Bs.defaultOptions=Sh;import{Fragment as n6,jsx as d6}from"react/jsx-runtime";import{jsx as Ih}from"react/jsx-runtime";import{createElement as PA}from"react";var Mp="k-menu-group",EA=[],YA={size:[c.small,c.medium,c.large]},Lp={size:c.medium,dir:"ltr"},wo=e=>{let{children:t,size:a=Lp.size,dir:i=Lp.dir,...n}=e,d=[];return t&&Array.isArray(t)&&t.map((p,u)=>{p.type===Ot?d.push(PA(Ot,{...p.props,dir:i,key:u})):p.type===Bs?d.push(Ih(Bs,{})):d.push(p)}),Ih("ul",{...n,className:o(e.className,Mp,S(Mp,{size:a})),children:d})};wo.states=EA;wo.options=YA;wo.className=Mp;wo.defaultOptions=Lp;import{Fragment as b6,jsx as x6,jsxs as v6}from"react/jsx-runtime";import{Fragment as S6,jsx as N6,jsxs as C6}from"react/jsx-runtime";import{Fragment as E6,jsx as L6,jsxs as Y6}from"react/jsx-runtime";import{Fragment as F6,jsx as D6,jsxs as z6}from"react/jsx-runtime";import{Fragment as Q6,jsx as O6,jsxs as V6}from"react/jsx-runtime";import{jsx as d3,jsxs as c3}from"react/jsx-runtime";import{Fragment as DA,jsx as Ep,jsxs as Bh}from"react/jsx-runtime";var Yp="k-split-button",GA=[r.hover,r.focus,r.active,r.selected,r.disabled],KA={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Kl={size:c.medium,rounded:x.medium,fillMode:v.solid,themeColor:h.base,arrowIconName:"caret-alt-down"},Ie=e=>{let{size:t=Kl.size,rounded:a=Kl.rounded,fillMode:i=Kl.fillMode,themeColor:n=Kl.themeColor,hover:d,focus:p,active:u,selected:k,disabled:f,icon:A,text:T,arrowIconName:b=Kl.arrowIconName,popup:N,opened:C,...B}=e;return Bh(DA,{children:[Bh("div",{...B,className:o(e.className,Yp,"k-button-group",S(Yp,{rounded:a})),children:[Ep(m,{text:T,icon:A,size:t,rounded:a,fillMode:i,themeColor:n,hover:d,focus:p,active:u,selected:k,disabled:f,children:e.children}),Ep(m,{className:"k-split-button-arrow",icon:b,size:t,rounded:a,fillMode:i,disabled:f})]}),C&&N&&Ep(H,{className:"k-menu-popup",children:N})]})};Ie.states=GA;Ie.options=KA;Ie.className=Yp;Ie.defaultOptions=Kl;var Pp=Ie;import{jsx as N3}from"react/jsx-runtime";import{jsx as B3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as F3,jsxs as z3}from"react/jsx-runtime";import{Fragment as Mh,jsx as Ms,jsxs as Gp}from"react/jsx-runtime";var Lh="k-textarea",FA=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],zA={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[v.solid,v.flat,v.outline]},Ro={size:Y.defaultOptions.size,rounded:Y.defaultOptions.rounded,fillMode:Y.defaultOptions.fillMode,flow:"vertical",affixesOrientation:"horizontal",resize:"both",separators:!0},Ls=e=>{let{size:t=Ro.size,rounded:a=Ro.rounded,fillMode:i=Ro.fillMode,separators:n=Ro.separators,affixesOrientation:d=Ro.affixesOrientation,flow:p=Ro.flow,resize:u=Ro.resize,prefix:k,suffix:f,rows:A,value:T,placeholder:b,hover:N,focus:C,valid:B,invalid:E,required:P,disabled:K,...R}=e;return Gp(Y,{...R,size:t,rounded:a,fillMode:i,hover:N,focus:C,valid:B,invalid:E,required:P,disabled:K,className:o(e.className,Lh,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[k&&Gp(Mh,{children:[Ms(te,{className:o({"!k-align-items-start":p===d}),direction:d,children:k}),n&&Ms(be,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ms(gs,{className:o("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":u==="x","k-resize-y":u==="y","k-resize":u==="both","k-resize-none":u==="non