@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 311 kB
JavaScript
var hI=Object.create;var dd=Object.defineProperty;var gI=Object.getOwnPropertyDescriptor;var xI=Object.getOwnPropertyNames;var bI=Object.getPrototypeOf,vI=Object.prototype.hasOwnProperty;var yI=(e,t)=>{for(var a in t)dd(e,a,{get:t[a],enumerable:!0})},Qh=(e,t,a,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of xI(t))!vI.call(e,n)&&n!==a&&dd(e,n,{get:()=>t[n],enumerable:!(i=gI(t,n))||i.enumerable});return e};var Vh=(e,t,a)=>(a=e!=null?hI(bI(e)):{},Qh(t||!e||!e.__esModule?dd(a,"default",{value:e,enumerable:!0}):a,e)),wI=e=>Qh(dd({},"__esModule",{value:!0}),e);var BH={};yI(BH,{SchedulerFlexYear:()=>IH});module.exports=wI(BH);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"}),v=(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,"k-highlighted":t.highlighted});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"},y={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={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"},Qt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ui=require("react/jsx-runtime"),sp="k-icon k-font-icon",TI=[],AI={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},NI={},ki=e=>{let{size:t,themeColor:a,icon:i,rotate:n,flip:d,...p}=e;return i?(0,ui.jsx)("span",{...p,className:o(e.className,sp,S(sp,{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"})}):(0,ui.jsx)(ui.Fragment,{})};ki.states=TI;ki.options=AI;ki.className=sp;ki.defaultOptions=NI;var Xh=ki;var Cl=require("react/jsx-runtime"),ip="k-icon k-svg-icon",CI=[],SI={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Zh={viewBox:"0 0 24 24"},fi=e=>{let{size:t,themeColor:a,rotate:i,flip:n,viewBox:d=Zh.viewBox,icon:p,...u}=e;if(!p)return(0,Cl.jsx)(Cl.Fragment,{});p==="none"&&{...u,className:o(e.className,ip,"k-none")};let k=typeof p=="object"&&p.name&&p.name;return(0,Cl.jsx)("span",{...u,className:o(e.className,ip,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:(0,Cl.jsx)("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})})};fi.states=CI;fi.options=SI;fi.className=ip;fi.defaultOptions=Zh;var np=fi;var Jh=Vh(require("@progress/kendo-svg-icons")),ua=require("react/jsx-runtime"),II=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),BI=[],MI={size:[c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},dp={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{size:t,themeColor:a,icon:i,type:n=dp.type,rotate:d,flip:p,viewBox:u=dp.viewBox,...k}=e;if(!i)return(0,ua.jsx)(ua.Fragment,{});if(n==="svg"){if(i==="none")return(0,ua.jsx)(np,{...k,icon:i,size:t});let g=II(`${i}-icon`);return Jh[g]?(0,ua.jsx)(np,{...k,icon:Jh[g],size:t,themeColor:a,rotate:d,flip:p,viewBox:u}):(0,ua.jsx)(ua.Fragment,{})}return(0,ua.jsx)(Xh,{...k,icon:i,size:t,themeColor:a,rotate:d,flip:p})};T.states=BI;T.options=MI;T.defaultOptions=dp;var cp=T;var To=require("react/jsx-runtime"),cd="k-button",LI=[s.hover,s.focus,s.active,s.selected,s.disabled],EI={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Sl={size:c.medium,rounded:x.medium,fillMode:y.solid,themeColor:f.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{size:t=Sl.size,rounded:a=Sl.rounded,fillMode:i=Sl.fillMode,themeColor:n=Sl.themeColor,showArrow:d=Sl.showArrow,arrowIconName:p=Sl.arrowIconName,hover:u,focus:k,active:g,selected:w,disabled:A,icon:b,text:N,iconClassName:C,...B}=e,L=b!==void 0,Y=e.children!==void 0;return(0,To.jsxs)("button",{...B,className:o(e.className,cd,S(cd,{size:t,rounded:a,fillMode:i,themeColor:n}),v(cd,{hover:u,focus:k,active:g,disabled:A,selected:w}),{"k-icon-button":!N&&!Y&&L}),children:[b&&(0,To.jsx)(T,{className:o(C,"k-button-icon"),icon:b}),N?(0,To.jsxs)(To.Fragment,{children:[N&&(0,To.jsx)("span",{className:"k-button-text",children:N}),e.children]}):e.children&&(0,To.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,To.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,To.jsx)(T,{icon:p})})]})};m.states=LI;m.options=EI;m.className=cd;m.defaultOptions=Sl;var jh=require("react/jsx-runtime"),bt=e=>(0,jh.jsx)(m,{icon:"folder",...e,children:void 0});var Uh=require("react/jsx-runtime"),Ao=e=>(0,Uh.jsx)(m,{icon:"folder",children:"Button",...e});var YI=require("react/jsx-runtime");var _h=require("react/jsx-runtime"),hi="k-button-group",PI=[s.disabled],GI={fillMode:[y.solid,y.flat,y.outline,y.clear,y.link]},qh={fillMode:y.solid},G=e=>{let{fillMode:t=qh.fillMode,disabled:a,stretched:i,...n}=e;return(0,_h.jsx)("div",{...n,className:o(e.className,hi,S(hi,{fillMode:t}),v(hi,{disabled:a}),{[`${hi}-stretched`]:i}),children:e.children})};G.states=PI;G.options=GI;G.className=hi;G.defaultOptions=qh;var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var up=require("react/jsx-runtime");var kp=require("react/jsx-runtime");var Br=require("react/jsx-runtime"),fp="k-calendar",KI=[],DI={size:[c.small,c.medium,c.large]},Ir={size:c.medium,showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},Dt=e=>{let{size:t=Ir.size,orientation:a=Ir.orientation,calendarView:i=Ir.calendarView,calendarTitleText:n=Ir.calendarTitleText,showCalendarHeader:d=Ir.showCalendarHeader,showWeek:p,showCalendarFooter:u,calendarFooterText:k,dir:g,...w}=e;return(0,Br.jsxs)("div",{...w,dir:g,className:o(e.className,fp,S(fp,{size:t}),{"k-week-number":p}),children:[d&&(0,Br.jsx)(Il,{calendarView:i,showToday:!u,calendarTitleText:n,orientation:a,size:t,dir:g}),(0,Br.jsx)(pd,{calendarView:i,orientation:a,children:e.children}),u&&(0,Br.jsx)(gi,{calendarFooterText:k,size:t})]})};Dt.states=KI;Dt.options=DI;Dt.className=fp;Dt.defaultOptions=Ir;var Fo=require("react/jsx-runtime"),FI=[s.hover,s.focus,s.active,s.selected,s.disabled],l=e=>{let{text:t,headerCell:a,today:i,weekend:n,showOtherMonth:d,weekCell:p,rangeStart:u,rangeMid:k,rangeEnd:g,dayIndicator:w,empty:A,hover:b,focus:N,active:C,selected:B,disabled:L,...Y}=e,O=`k-calendar-${a?"th":"td"}`,Z=[e.className,O,v(O,{hover:b,focus:N,active:C,selected:B,disabled:L}),{"k-today":i,"k-weekend":n,"k-other-month":d,"k-alt":p,"k-range-start":u,"k-range-mid":k,"k-range-end":g,"k-empty":A}];return a?(0,Fo.jsx)("th",{...Y,className:o(Z),children:t}):p?(0,Fo.jsx)("td",{...Y,className:o(Z),children:t}):(0,Fo.jsx)("td",{...Y,className:o(Z),children:A&&!d?(0,Fo.jsx)(Fo.Fragment,{children:"\xA0"}):(0,Fo.jsxs)("span",{className:"k-link",children:[t,w&&(0,Fo.jsx)("span",{className:"k-day-indicator"})]})})};l.states=FI;var ka=require("react/jsx-runtime"),$h="k-calendar-header",RI={size:[c.small,c.medium,c.large]},Mr={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal",size:c.medium},Il=e=>{let{calendarTitleText:t=Mr.calendarTitleText,showToday:a=Mr.showToday,showNavigationButtons:i=Mr.showNavigationButtons,orientation:n=Mr.orientation,size:d=Mr.size,calendarView:p,dir:u,...k}=e,g=u==="rtl"?"chevron-right":"chevron-left",w=u==="rtl"?"chevron-left":"chevron-right";return(0,ka.jsxs)("div",{...k,className:o(e.className,$h,{"k-vstack":n==="vertical"}),children:[(0,ka.jsx)(m,{disabled:p==="century",className:"k-calendar-title",text:t,size:d,fillMode:"flat",themeColor:"primary"}),(0,ka.jsx)("span",{className:"k-spacer"}),(0,ka.jsxs)("span",{className:"k-calendar-nav",children:[i&&(0,ka.jsx)(m,{className:"k-calendar-nav-prev",icon:g,size:d,fillMode:"flat"}),a&&(0,ka.jsx)(m,{size:d,fillMode:"flat",className:"k-calendar-nav-today",children:"Today"}),i&&(0,ka.jsx)(m,{className:"k-calendar-nav-next",icon:w,size:d,fillMode:"flat"})]})]})};Il.options=RI;Il.className=$h;Il.defaultOptions=Mr;var gp=require("react/jsx-runtime"),eg="k-calendar-footer",zI={size:[c.small,c.medium,c.large]},hp={size:c.medium,calendarFooterText:"Tuesday, October 12, 2021"},gi=e=>{let{size:t=hp.size,calendarFooterText:a=hp.calendarFooterText,...i}=e;return(0,gp.jsx)("div",{...i,className:o(e.className,eg),children:(0,gp.jsx)(m,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:a})})};gi.options=zI;gi.className=eg;gi.defaultOptions=hp;var og=require("react/jsx-runtime"),HI=[],OI={},tg=e=>{let{type:t,...a}=e,i=t==="p"?"paragraph":t,n=t.includes("display")?"div":t;return(0,og.jsx)(n,{...a,className:o(e.className,{[`k-${i}`]:t}),children:e.children})};tg.states=HI;tg.options=OI;var lg=require("react/jsx-runtime"),md="k-actions",WI=[],QI={},xp={alignment:"start",orientation:"horizontal"},j=e=>{let{alignment:t=xp.alignment,orientation:a=xp.orientation,...i}=e;return(0,lg.jsx)("div",{...i,className:o(md,{[`${md}-${t}`]:t,[`${md}-${a}`]:a},e.className),children:e.children})};j.states=WI;j.options=QI;j.className=md;j.defaultOptions=xp;var ag=j;var rg=require("react/jsx-runtime"),ud="k-input",VI=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],XI={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline]},kd={size:c.medium,rounded:c.medium,fillMode:y.solid},E=e=>{let{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u,size:k=kd.size,rounded:g=kd.rounded,fillMode:w=kd.fillMode,...A}=e;return(0,rg.jsx)("span",{...A,className:o(e.className,ud,S(ud,{size:k,rounded:g,fillMode:w}),v(ud,{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u}))})};E.states=VI;E.options=XI;E.className=ud;E.defaultOptions=kd;var sg=require("react/jsx-runtime"),fd="k-picker",ZI=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],JI={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline]},hd={size:c.medium,rounded:x.medium,fillMode:y.solid},Vt=e=>{let{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u,size:k=hd.size,rounded:g=hd.rounded,fillMode:w=hd.fillMode,...A}=e;return(0,sg.jsx)("span",{...A,className:o(e.className,fd,S(fd,{size:k,rounded:g,fillMode:w}),v(fd,{hover:t,focus:a,disabled:i,invalid:n,valid:d,loading:p,readonly:u})),children:e.children})};Vt.states=ZI;Vt.options=JI;Vt.className=fd;Vt.defaultOptions=hd;var Lr=require("react/jsx-runtime"),ig="k-clear-value",jI=[s.disabled,s.loading,s.readonly],UI={},se=e=>{let{disabled:t,loading:a,readonly:i,value:n}=e;return t||i||a||!n?(0,Lr.jsx)(Lr.Fragment,{}):(0,Lr.jsx)("span",{className:o(e.className,ig),children:(0,Lr.jsx)(T,{icon:"x"})})};se.states=jI;se.options=UI;se.className=ig;var ng=require("react/jsx-runtime"),bp="k-input-inner",qI=[],_I={},gd={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=gd.value,type:a=gd.type,placeholder:i=gd.placeholder,autocomplete:n=gd.autocomplete,...d}=e;return(0,ng.jsx)("input",{...d,type:a,className:o(e.className,bp,S(bp,e)),placeholder:i,autoComplete:n,defaultValue:t})};pe.states=qI;pe.options=_I;pe.className=bp;var xi=require("react/jsx-runtime"),vp="k-input-inner",$I=[],eB={},fa=e=>{let{value:t,placeholder:a,showValue:i,valueIcon:n,valueIconName:d,...p}=e;return(0,xi.jsxs)("span",{...p,className:o(e.className,vp,S(vp,e)),children:[n,!n&&d&&(0,xi.jsx)(T,{className:"k-input-value-icon",icon:d}),i&&!t&&a,i&&t&&(0,xi.jsx)("span",{className:"k-input-value-text",children:t})]})};fa.states=$I;fa.options=eB;fa.className=vp;var cg=require("react/jsx-runtime"),yp="k-input-inner",tB=[],oB={},dg={value:"",placeholder:""},bi=e=>{let{value:t=dg.value,placeholder:a=dg.placeholder,rows:i,...n}=e;return(0,cg.jsx)("textarea",{...n,className:o(e.className,yp,S(yp,e)),placeholder:a,rows:i,defaultValue:t})};bi.states=tB;bi.options=oB;bi.className=yp;var vi=require("react/jsx-runtime"),pg="k-input-loading-icon",aB=[s.disabled,s.loading],ee=e=>{let{disabled:t,loading:a}=e;return t||!a?(0,vi.jsx)(vi.Fragment,{}):(0,vi.jsx)("span",{className:o(e.className,pg,"k-icon k-i-loading")})};ee.states=aB;ee.className=pg;var yi=require("react/jsx-runtime"),mg="k-input-validation-icon",lB=[s.valid,s.invalid,s.disabled,s.loading],rB={},_=e=>{let{valid:t,invalid:a,disabled:i,loading:n}=e,d=a?"warning-circle":"check-circle";return i||n||!!!(t||a)?(0,yi.jsx)(yi.Fragment,{}):(0,yi.jsx)(T,{className:o(mg),icon:d})};_.states=lB;_.options=rB;_.className=mg;var wi=require("react/jsx-runtime"),sB="k-input-prefix",iB={direction:"horizontal"},le=e=>{let{direction:t=iB.direction,...a}=e;return e.children?(0,wi.jsx)("span",{...a,className:o(sB,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,wi.jsx)(wi.Fragment,{})};var Ti=require("react/jsx-runtime"),nB="k-input-suffix",dB={direction:"horizontal"},re=e=>{let{direction:t=dB.direction,...a}=e;return e.children?(0,Ti.jsx)("span",{...a,className:o(nB,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ti.jsx)(Ti.Fragment,{})};var cB=require("react/jsx-runtime");var pB=require("react/jsx-runtime");var kg=require("react/jsx-runtime"),ug="k-input-separator",mB={direction:"vertical"},Ie=e=>{let{direction:t=mB.direction,...a}=e;return(0,kg.jsx)("span",{...a,className:o(ug,e.className,{[`${ug}-${t}`]:t})})};var wp=require("react/jsx-runtime"),fg="k-animation-container",uB=[],kB={},hg={positionMode:"absolute"},Pa=e=>{let{positionMode:t=hg.positionMode,animationStyle:a,offset:i,...n}=e;return(0,wp.jsx)("div",{...n,style:{...i,...e.style},className:o(e.className,fg,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,wp.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Pa.states=uB;Pa.options=kB;Pa.className=fg;Pa.defaultOptions=hg;var Tp=require("react/jsx-runtime"),gg="k-popup",fB=[],hB={},xg={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:a=xg.positionMode,animationStyle:i,...n}=e;return(0,Tp.jsx)(Pa,{positionMode:a,offset:t,animationStyle:i,children:(0,Tp.jsx)("div",{...n,className:o(e.className,gg),children:e.children})})};W.states=fB;W.options=hB;W.className=gg;W.defaultOptions=xg;var bg=require("react/jsx-runtime"),gB="k-no-data",Ai=e=>(0,bg.jsx)("span",{className:o(gB,e.className),children:e.children});var Ro=require("react/jsx-runtime"),Ap="k-list",xB=[],bB={size:[c.small,c.medium,c.large]},vg={size:c.medium},U=e=>{let{size:t=vg.size,virtualization:a,children:i,optionLabel:n,customValue:d,screenReaders:p,...u}=e,k,g,w,A,b=[];return i?i.map((N,C)=>{N.type===Ee?(N.props.root===!0?(k=N.props.label,N.props.children.map((B,L)=>{b.push((0,Ro.jsx)(F,{...B.props},`optChild-${L}-${new Date().getTime()}`))})):N.props.children.forEach((B,L)=>{let Y="";L===0&&(Y=N.props.label),b.push((0,Ro.jsx)(F,{className:L===0?"k-first":"",...B.props,groupLabel:Y},`groupLabel-${L}-${new Date().getTime()}`))}),g=(0,Ro.jsx)(Ee,{label:k,virtualization:a,children:b})):N.type===F&&(b.push((0,Ro.jsx)(F,{...N.props},`${N.type}-${C}`)),w=(0,Ro.jsx)(Er,{virtualization:a,children:b}),p&&(A=(0,Ro.jsxs)(Ai,{className:"k-sr-only",children:[b.length," items found."]})))}):A=(0,Ro.jsx)(Ai,{children:"No data found."}),(0,Ro.jsxs)("div",{...u,className:o(e.className,Ap,S(Ap,{size:t}),{"k-virtual-list":a}),children:[n,d,g,w,A]})};U.states=xB;U.options=bB;U.className=Ap;U.defaultOptions=vg;var zo=require("react/jsx-runtime"),Np="k-list",vB=[],yB={size:[c.small,c.medium,c.large]},yg={size:c.medium},Bl=e=>{let{size:t=yg.size,virtualization:a,children:i,...n}=e,d,p,u,k=[];return i?i.map((g,w)=>{g.type===Ee?(g.props.root===!0?(d=g.props.label,g.props.children.map((A,b)=>{k.push((0,zo.jsx)(F,{...A.props},`optChild-${b}-${new Date().getTime()}`))})):(k.push((0,zo.jsx)(wg,{...g.props,children:g.props.label},`listChild-${w}`)),g.props.children.map((A,b)=>{k.push((0,zo.jsx)(F,{...A.props},`fwOptChild-${b}-${new Date().getTime()}`))})),p=(0,zo.jsx)(Ee,{label:d,virtualization:a,children:k})):g.type===F&&(k.push((0,zo.jsx)(F,{...g.props},`${g.type}-${w}`)),u=(0,zo.jsx)(Er,{virtualization:a,children:k}))}):u=(0,zo.jsx)(Ai,{children:"No data found."}),(0,zo.jsxs)("div",{...n,className:o(e.className,Np,S(Np,{size:t}),{"k-virtual-list":a}),children:[p,u]})};Bl.states=vB;Bl.options=yB;Bl.className=Np;Bl.defaultOptions=yg;var Sp=require("react/jsx-runtime"),xd="k-checkbox",wB=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],TB={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full]},Cp={size:c.medium,rounded:x.medium},pt=e=>{let{id:t,checked:a,indeterminate:i,hover:n,focus:d,disabled:p,invalid:u,valid:k,required:g,size:w=Cp.size,rounded:A=Cp.rounded,...b}=e;return(0,Sp.jsx)("span",{className:"k-checkbox-wrap",children:(0,Sp.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:a,required:g,className:o(e.className,xd,S(xd,{size:w,rounded:A}),v(xd,{hover:n,focus:d,disabled:p,invalid:u,valid:k,indeterminate:i,checked:a}))})})};pt.states=wB;pt.options=TB;pt.className=xd;pt.defaultOptions=Cp;var Ng=require("react/jsx-runtime"),Tg="k-checkbox-list",AB=[],NB={},Ag={layout:"vertical"},Yr=e=>{let{layout:t=Ag.layout,...a}=e;return(0,Ng.jsx)("ul",{...a,className:o(e.className,Tg,{[`k-list-${t}`]:t}),children:e.children})};Yr.states=AB;Yr.options=NB;Yr.className=Tg;Yr.defaultOptions=Ag;var Sg=require("react/jsx-runtime"),Cg="k-checkbox-list-item",CB=[],SB={},IB={},Pr=e=>{let{...t}=e;return(0,Sg.jsx)("li",{...t,className:o(e.className,Cg),children:e.children})};Pr.states=CB;Pr.options=SB;Pr.className=Cg;Pr.defaultOptions=IB;var Bp=require("react/jsx-runtime");var Mp=require("react/jsx-runtime");var Lp=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var BB=require("react/jsx-runtime");var MB=require("react/jsx-runtime");var Ml=require("react/jsx-runtime"),Yp="k-list-item",LB=[s.hover,s.focus,s.selected,s.disabled],EB={},YB={},F=e=>{let{text:t,groupLabel:a,group:i,showIcon:n,iconName:d,showCheckbox:p,checked:u,hover:k,focus:g,selected:w,disabled:A,...b}=e,N=t||e.children;return(0,Ml.jsxs)("li",{...b,className:o(e.className,i?"k-list-group-item":Yp,v(Yp,{hover:k,focus:g,disabled:A,selected:w})),children:[p&&(0,Ml.jsx)(pt,{checked:u}),n&&(0,Ml.jsx)(T,{icon:d}),(0,Ml.jsx)("span",{className:"k-list-item-text",children:N}),a&&a!==""&&(0,Ml.jsx)("div",{className:"k-list-item-group-label",children:a})]})};F.states=LB;F.options=EB;F.className=Yp;F.defaultOptions=YB;var Gr=require("react/jsx-runtime"),PB="k-list-content",Er=e=>{let{virtualization:t,...a}=e;return(0,Gr.jsxs)("div",{...a,className:o(PB,e.className),children:[(0,Gr.jsx)("ul",{className:o("k-list-ul"),children:e.children}),t&&(0,Gr.jsx)("div",{className:"k-height-container",children:(0,Gr.jsx)("div",{})})]})};var Pp=require("react/jsx-runtime"),GB="k-list-group-sticky-header",Ig=e=>(0,Pp.jsx)("div",{className:o(GB,e.className),children:(0,Pp.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ll=require("react/jsx-runtime"),Ee=e=>{let{virtualization:t,label:a}=e;return(0,Ll.jsxs)(Ll.Fragment,{children:[a&&(0,Ll.jsx)(Ig,{children:a}),e.children&&(0,Ll.jsx)(Er,{virtualization:t,children:e.children})]})};var Gp=require("react/jsx-runtime"),KB="k-list-group-item",wg=e=>(0,Gp.jsx)("li",{className:o(KB,e.className),children:(0,Gp.jsx)("span",{className:"k-list-item-text",children:e.children})});var Bg=require("react/jsx-runtime"),Kp="k-list-optionlabel",DB=[s.hover,s.focus,s.selected,s.disabled],FB={},RB={},bd=e=>{let{text:t,hover:a,focus:i,selected:n,disabled:d,...p}=e;return(0,Bg.jsx)("div",{...p,className:o(Kp,v(Kp,{hover:a,focus:i,selected:n,disabled:d})),children:t})};bd.states=DB;bd.options=FB;bd.className=Kp;bd.defaultOptions=RB;var Mg=require("react/jsx-runtime"),Dp="k-list-custom-value",zB=[s.hover,s.focus,s.selected,s.disabled],HB={},OB={},vt=e=>{let{text:t,hover:a,focus:i,selected:n,disabled:d,...p}=e;return(0,Mg.jsx)("div",{...p,className:o(Dp,v(Dp,{hover:a,focus:i,selected:n,disabled:d})),children:t})};vt.states=zB;vt.options=HB;vt.className=Dp;vt.defaultOptions=OB;var WB=require("react/jsx-runtime");var QB=require("react/jsx-runtime");var Lg=require("react/jsx-runtime");var Eg=require("react/jsx-runtime");var VB=require("react/jsx-runtime");var Yg=require("react/jsx-runtime");var Pg=require("react/jsx-runtime");var Kr=require("react/jsx-runtime"),Gg="k-suggestion-group",XB=[],ZB={},Kg={scrollable:!0},El=e=>{let{scrollable:t=Kg.scrollable,...a}=e,i=(0,Kr.jsx)("div",{...a,className:o(Gg,e.className),children:e.children});return t?(0,Kr.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Kr.jsx)(m,{icon:"chevron-left"}),i,(0,Kr.jsx)(m,{icon:"chevron-right"})]}):i};El.states=XB;El.options=ZB;El.className=Gg;El.defaultOptions=Kg;var Dg=require("react/jsx-runtime"),vd="k-suggestion",JB=[s.active,s.hover,s.focus],jB={themeColor:[f.base,f.primary,f.secondary]},UB={text:"Suggestion"},Yl=e=>{let{themeColor:t,active:a,hover:i,focus:n,text:d,...p}=e;return(0,Dg.jsx)("span",{...p,className:o(e.className,vd,v(vd,{hover:i,active:a,focus:n}),S(vd,{themeColor:t})),children:d})};Yl.states=JB;Yl.options=jB;Yl.className=vd;Yl.item=UB;var Fp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var zp=require("react/jsx-runtime"),Ni="k-avatar";var qB=[s.hover,s.focus,s.active,s.selected,s.disabled],_B={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Pl={type:"text",size:c.medium,rounded:x.full,fillMode:y.solid,themeColor:f.primary,border:!1},Ho=e=>{let{size:t=Pl.size,rounded:a=Pl.rounded,fillMode:i=Pl.fillMode,themeColor:n=Pl.themeColor,type:d=Pl.type,border:p=Pl.border,...u}=e;return(0,zp.jsx)("div",{...u,className:o(e.className,Ni,S(Ni,{size:t,rounded:a,fillMode:i,themeColor:n}),{[`${Ni}-bordered`]:p}),children:(0,zp.jsx)("span",{className:`${Ni}-${d}`,children:e.children})})};Ho.states=qB;Ho.options=_B;Ho.className=Ni;Ho.defaultOptions=Pl;var $B=require("react/jsx-runtime");var eM=require("react/jsx-runtime");var tM=require("react/jsx-runtime");var Rg=require("react/jsx-runtime"),Ci="k-badge",oM=[],aM={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.outline],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Si={size:c.medium,fillMode:y.solid,themeColor:f.primary,cutoutBorder:!1},Dr=e=>{let{size:t=Si.size,fillMode:a=Si.fillMode,themeColor:i=Si.themeColor,cutoutBorder:n=Si.cutoutBorder,rounded:d,position:p,align:u,...k}=e;return(0,Rg.jsx)("span",{...k,className:o(e.className,Ci,S(Ci,{size:t,rounded:d,fillMode:a,themeColor:i}),{[`${Ci}-${p}`]:p,[`k-${u}`]:u,[`${Ci}-border-cutout`]:n}),children:e.children})};Dr.states=oM;Dr.options=aM;Dr.className=Ci;Dr.defaultOptions=Si;var lM=require("react/jsx-runtime");var rM=require("react/jsx-runtime");var sM=require("react/jsx-runtime");var ha=require("react/jsx-runtime"),yd="k-chip",iM=[s.hover,s.focus,s.active,s.selected,s.disabled],nM={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.outline],themeColor:[f.base,f.success,f.warning,f.error,f.info]},Fr={size:c.medium,rounded:x.medium,fillMode:y.solid,themeColor:f.base,avatarImage:"/packages/html/assets/avatar.jpg"},No=e=>{let{size:t=Fr.size,rounded:a=Fr.rounded,fillMode:i=Fr.fillMode,themeColor:n=Fr.themeColor,text:d,icon:p,actions:u,showAvatar:k,avatarImage:g=Fr.avatarImage,hover:w,focus:A,active:b,selected:N,disabled:C,...B}=e;return(0,ha.jsxs)("div",{...B,className:o(e.className,yd,S(yd,{size:t,rounded:a,fillMode:i,themeColor:n}),v(yd,{hover:w,focus:A,active:b,disabled:C,selected:N})),children:[p&&(0,ha.jsx)(T,{className:"k-chip-icon",icon:p,size:"small"}),k&&(0,ha.jsx)(Ho,{className:"k-chip-avatar",type:"image",children:(0,ha.jsx)("img",{src:g})}),(0,ha.jsx)("span",{className:"k-chip-content",children:e.children?e.children:d&&(0,ha.jsx)("span",{className:"k-chip-label",children:d})}),u&&(0,ha.jsx)("span",{className:"k-chip-actions",children:u})]})};No.states=iM;No.options=nM;No.className=yd;No.defaultOptions=Fr;var Hg=require("react/jsx-runtime"),Hp="k-chip-list",dM=[],cM={size:[c.small,c.medium,c.large]},zg={size:c.medium},Co=e=>{let{size:t=zg.size,...a}=e;return(0,Hg.jsx)("div",{...a,className:o(e.className,Hp,S(Hp,{size:t})),children:e.children})};Co.states=dM;Co.options=cM;Co.className=Hp;Co.defaultOptions=zg;var pM=require("react/jsx-runtime");var mM=require("react/jsx-runtime");var uM=require("react/jsx-runtime");var kM=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var Ii=require("react/jsx-runtime"),Og="k-color-preview",fM=[],hM={},Ga=e=>{let{color:t,iconName:a,...i}=e;return(0,Ii.jsxs)("span",{...i,className:o(e.className,Og,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&(0,Ii.jsx)(T,{icon:a,className:"k-color-preview-icon"}),(0,Ii.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ga.states=fM;Ga.options=hM;Ga.className=Og;var so=require("react/jsx-runtime"),Wp="k-loader",gM={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},xM=[],bM={size:[c.small,c.medium,c.large],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Td={size:c.medium,themeColor:f.primary,animation:"pulsing"},Ka=e=>{let{size:t=Td.size,themeColor:a=Td.themeColor,animation:i=Td.animation,...n}=e,d=(0,so.jsx)("span",{className:"k-loader-segment"});return(0,so.jsx)("div",{...n,className:o(e.className,Wp,{[`k-loader-${gM[i]||i}`]:i},S(Wp,{size:t,themeColor:a})),children:(0,so.jsxs)("div",{className:"k-loader-canvas",children:[i==="pulsing"&&(0,so.jsxs)(so.Fragment,{children:[d,d]}),i==="infinite-spinner"&&(0,so.jsxs)(so.Fragment,{children:[d,d,d]}),i==="converging-spinner"&&(0,so.jsxs)(so.Fragment,{children:[d,d,d,d]})]})})};Ka.states=xM;Ka.options=bM;Ka.className=Wp;Ka.defaultOptions=Td;var Wg=Ka;var Dl=require("react/jsx-runtime"),Qp="k-loader-container",vM=[],yM={size:[c.small,c.medium,c.large],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Kl={size:c.medium,themeColor:f.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},Bi=e=>{let{size:t=Kl.size,themeColor:a=Kl.themeColor,loaderType:i=Kl.loaderType,position:n=Kl.position,overlay:d=Kl.overlay,panel:p=Kl.panel,...u}=e;return(0,Dl.jsxs)("div",{...u,className:o(e.className,Qp,S(Qp,{size:t}),{[`k-loader-${n}`]:n}),children:[(0,Dl.jsx)("div",{className:`k-loader-container-overlay k-overlay-${d}`}),(0,Dl.jsxs)("div",{className:o("k-loader-container-inner",{"k-loader-container-panel":p}),children:[(0,Dl.jsx)(Wg,{size:t,themeColor:a,animation:i}),(0,Dl.jsx)("div",{className:`k-loader-container-label !k-text-${a}`,children:"Loading..."})]})]})};Bi.states=vM;Bi.options=yM;Bi.className=Qp;Bi.defaultOptions=Kl;var wM=require("react/jsx-runtime");var TM=require("react/jsx-runtime");var AM=require("react/jsx-runtime");var NM=require("react/jsx-runtime");var Vg=require("react/jsx-runtime"),Qg="k-skeleton",CM=[],SM={},Vp={shape:"text",animation:"pulse"},Da=e=>{let{shape:t=Vp.shape,animation:a=Vp.animation,...i}=e;return(0,Vg.jsx)("span",{...i,className:o(e.className,Qg,{[`k-skeleton-${t}`]:t,[`k-skeleton-${a}`]:a}),style:e.style})};Da.states=CM;Da.options=SM;Da.className=Qg;Da.defaultOptions=Vp;var IM=require("react/jsx-runtime");var Zg=require("react/jsx-runtime"),Xg=e=>(0,Zg.jsx)(Da,{shape:"rect",...e});var BM=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),Xp="k-form-field",MM=[s.disabled],mt=e=>{let{label:t,orientation:a,optional:i,editor:n,hint:d,error:p,info:u,disabled:k,dir:g,colSpan:w}=e;return(0,Oo.jsxs)("div",{className:o(Xp,e.className,v(Xp,{disabled:k}),{[`k-col-span-${w}`]:w}),dir:g,children:[t&&(0,Oo.jsxs)("label",{className:o("k-label","k-form-label"),children:[t,i&&(0,Oo.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),u&&(0,Oo.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&(0,Oo.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,Oo.jsxs)("div",{className:"k-form-field-wrap",children:[n,d&&(0,Oo.jsx)("div",{className:"k-form-hint",children:d}),p&&(0,Oo.jsx)("div",{className:"k-form-error",children:p})]})]})};mt.states=MM;mt.className=Xp;var Fa=require("react/jsx-runtime"),Jg="k-form-fieldset",Wo=e=>{let{legend:t,layout:a,cols:i,gutters:n,colSpan:d}=e;return(0,Fa.jsxs)("fieldset",{className:o(Jg,{[`k-col-span-${d}`]:d}),children:[t&&(0,Fa.jsx)("legend",{className:"k-form-legend",children:t}),a==="grid"?(0,Fa.jsx)("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i}),style:{...typeof n=="string"&&{gap:n},...typeof n=="object"&&n.rows&&{rowGap:n.rows},...typeof n=="object"&&n.cols&&{columnGap:n.cols}},children:e.children}):(0,Fa.jsx)(Fa.Fragment,{children:e.children})]})};Wo.className=Jg;var Qo=require("react/jsx-runtime"),Cd=require("react"),Ad="k-form",LM=[],EM={size:[c.small,c.medium,c.large]},Nd={size:c.medium,layout:"basic",tag:"form"},ga=e=>{let{size:t=Nd.size,orientation:a,layout:i=Nd.layout,formButtons:n,cols:d,gutters:p,tag:u=Nd.tag,children:k}=e,g=({tag:A,className:b,children:N})=>A==="form"?(0,Qo.jsx)("form",{className:b,children:N}):(0,Qo.jsx)("div",{className:b,children:N}),w=[];return k&&(Array.isArray(k)?k.map((A,b)=>{A.type===mt?w.push((0,Cd.createElement)(mt,{...A.props,orientation:a,key:b})):w.push(A)}):k.type===mt?w.push((0,Cd.createElement)(mt,{...k.props,orientation:a,key:`${new Date().getTime()}`})):k.type===Wo&&w.push((0,Cd.createElement)(Wo,{...k.props,key:`${new Date().getTime()}`}))),(0,Qo.jsxs)(g,{tag:u,className:o(e.className,Ad,S(Ad,{size:t}),{[`${Ad}-${a}`]:a}),children:[i==="grid"?(0,Qo.jsx)("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${d}`]:d}),style:{...typeof p=="string"&&{gap:p},...typeof p=="object"&&p.rows&&{rowGap:p.rows},...typeof p=="object"&&p.cols&&{columnGap:p.cols}},children:w}):(0,Qo.jsx)(Qo.Fragment,{children:w}),n&&(0,Qo.jsx)("div",{className:"k-form-buttons",children:n})]})};ga.states=LM;ga.options=EM;ga.className=Ad;ga.defaultOptions=Nd;var Ug=require("react/jsx-runtime"),YM="k-actionsheet-footer",jg={alignment:"stretched",orientation:"horizontal"},So=e=>{let{alignment:t=jg.alignment,orientation:a=jg.orientation,template:i,as:n=i?"div":j,...d}=e;return(0,Ug.jsx)(n,{...d,...!i&&{alignment:t,orientation:a},className:o(e.className,YM),children:e.children})};var Ra=require("react/jsx-runtime"),qg="k-searchbox",PM=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],GM={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline]},Zp={showIcon:!0,icon:"search",size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode},it=e=>{let{value:t,placeholder:a,size:i,rounded:n,fillMode:d,hover:p,focus:u,valid:k,invalid:g,required:w,loading:A,disabled:b,showIcon:N=Zp.showIcon,icon:C=Zp.icon,...B}=e;return(0,Ra.jsxs)(E,{...B,size:i,rounded:n,fillMode:d,hover:p,focus:u,valid:k,invalid:g,required:w,loading:A,disabled:b,className:o(e.className,qg),children:[N&&(0,Ra.jsx)(T,{className:"k-input-icon",icon:C}),(0,Ra.jsx)(pe,{placeholder:a,value:t}),(0,Ra.jsx)(ee,{...e}),(0,Ra.jsx)(_,{...e}),(0,Ra.jsx)(se,{...e})]})};it.states=PM;it.options=GM;it.className=qg;it.defaultOptions=Zp;var KM=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),_g="k-textbox",DM=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],FM={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline]},Fl={showClearButton:!0,showValidationIcon:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},$=e=>{let{size:t=Fl.size,rounded:a=Fl.rounded,fillMode:i=Fl.fillMode,separators:n=Fl.separators,showClearButton:d=Fl.showClearButton,showValidationIcon:p=Fl.showValidationIcon,prefix:u,suffix:k,type:g,value:w,placeholder:A,hover:b,focus:N,valid:C,invalid:B,required:L,loading:Y,disabled:D,readonly:O,...Z}=e;return(0,yt.jsxs)(E,{...Z,size:t,rounded:a,fillMode:i,hover:b,focus:N,valid:C,invalid:B,required:L,loading:Y,disabled:D,readonly:O,className:o(e.className,_g),children:[u&&(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(le,{children:u}),n&&(0,yt.jsx)(Ie,{})]}),(0,yt.jsx)(pe,{placeholder:A,value:w,type:g}),p&&(0,yt.jsx)(_,{valid:C,invalid:B,loading:Y,disabled:D}),(0,yt.jsx)(ee,{loading:Y,disabled:D}),d&&(0,yt.jsx)(se,{loading:Y,disabled:D,readonly:O,value:w}),k&&(0,yt.jsxs)(yt.Fragment,{children:[n&&(0,yt.jsx)(Ie,{}),(0,yt.jsx)(re,{children:k})]})]})};$.states=DM;$.options=FM;$.className=_g;$.defaultOptions=Fl;var RM=require("react/jsx-runtime");var ex=require("react/jsx-runtime");var ox=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),ax="k-actionsheet-titlebar",zM={},ie=e=>{let{title:t,subtitle:a,actionsStart:i,actionsEnd:n,filter:d,input:p,inputValue:u,inputPlaceholder:k,adaptive:g,children:w,...A}=e;return(0,Xt.jsxs)("div",{...A,className:o(e.className,ax),children:[(0,Xt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[i&&(0,Xt.jsx)("div",{className:"k-actionsheet-actions",children:i}),!w&&(0,Xt.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,Xt.jsx)("div",{className:"k-text-center",children:t}),a&&(0,Xt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),w&&(0,Xt.jsx)("div",{className:"k-actionsheet-title",children:w}),n&&(0,Xt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p||d)&&(0,Xt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,Xt.jsx)($,{value:u,placeholder:k,size:g?"large":"medium"}):(0,Xt.jsx)(it,{placeholder:"Filter",size:g?"large":"medium"})})]})};ie.className=ax;ie.defaultOptions=zM;var Rr=require("react/jsx-runtime"),Jp="k-actionsheet-view",HM=[],OM={},WM={},zr=e=>{let{adaptive:t,animated:a,children:i,header:n,footer:d,...p}=e,u=(n==null?void 0:n.type)===ie&&(0,Rr.jsx)(ie,{adaptive:t,...n==null?void 0:n.props}),k=(d==null?void 0:d.type)===So&&(0,Rr.jsx)(So,{...d==null?void 0:d.props});return(0,Rr.jsxs)("div",{...p,className:o(e.className,Jp,{[`${Jp}-animated`]:a}),children:[u,(0,Rr.jsx)("div",{className:"k-actionsheet-content",children:i}),k]})};zr.states=HM;zr.options=OM;zr.className=Jp;zr.defaultOptions=WM;var Rl=require("react/jsx-runtime"),lx="k-actionsheet",QM=[],VM={},Mi={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},me=e=>{let{side:t=Mi.side,fullscreen:a=Mi.fullscreen,adaptive:i=Mi.adaptive,overlay:n=Mi.overlay,template:d,children:p,header:u,footer:k,...g}=e;return(0,Rl.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Rl.jsx)("div",{className:"k-overlay"}),(0,Rl.jsx)(Pa,{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:(0,Rl.jsx)("div",{...g,className:o(e.className,lx,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":i}),children:d||(0,Rl.jsx)(zr,{header:u,footer:k,adaptive:i,...e,children:p})})})]})};me.states=QM;me.options=VM;me.className=lx;me.defaultOptions=Mi;var XM=require("react/jsx-runtime");var io=require("react/jsx-runtime"),jp="k-actionsheet-item",ZM=[s.hover,s.focus,s.selected,s.disabled],Up=e=>{let{iconName:t,text:a,description:i,hover:n,focus:d,selected:p,disabled:u,...k}=e;return(0,io.jsxs)("span",{...k,className:o(e.className,jp,v(jp,{hover:n,focus:d,selected:p,disabled:u})),children:[!e.children&&(0,io.jsx)(io.Fragment,{children:(0,io.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,io.jsx)("span",{className:"k-icon-wrap",children:(0,io.jsx)(T,{className:"k-actionsheet-item-icon",icon:t})}),(0,io.jsxs)("span",{className:"k-actionsheet-item-text",children:[a&&(0,io.jsx)("span",{className:"k-actionsheet-item-title",children:a}),i&&(0,io.jsx)("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Up.states=ZM;Up.className=jp;var rx=require("react/jsx-runtime");var JM=require("react/jsx-runtime");var jM=require("react/jsx-runtime");var UM=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),ix="k-dropdownlist",qM=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_M={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline]},Hr={showValue:!0,arrowIconName:"caret-alt-down",size:c.medium,rounded:x.medium,fillMode:y.solid},ne=e=>{let{size:t=Hr.size,rounded:a=Hr.rounded,fillMode:i=Hr.fillMode,arrowIconName:n=Hr.arrowIconName,showValue:d=Hr.showValue,valueIconName:p,prefix:u,suffix:k,value:g,placeholder:w,hover:A,focus:b,valid:N,invalid:C,required:B,loading:L,disabled:Y,readonly:D,popup:O,opened:Z,adaptive:Se,adaptiveSettings:$e,adaptiveTitle:Mt,adaptiveSubtitle:wo,adaptiveFilter:Nl,...Sr}=e;return(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsxs)(Vt,{...Sr,size:t,rounded:a,fillMode:i,hover:A,focus:b,valid:N,invalid:C,required:B,loading:L,disabled:Y,readonly:D,className:o(e.className,ix,{"k-icon-picker":!d&&p}),children:[(0,ze.jsx)(le,{children:u}),(0,ze.jsx)(fa,{placeholder:w,value:g,showValue:d,valueIconName:p}),(0,ze.jsx)(_,{valid:N,invalid:C,loading:L,disabled:Y}),(0,ze.jsx)(ee,{loading:L,disabled:Y}),(0,ze.jsx)(re,{children:k}),(0,ze.jsx)(m,{className:"k-input-button",icon:n,rounded:null,size:e.size,fillMode:e.fillMode})]}),Z&&O&&(0,ze.jsx)(W,{className:"k-list-container k-dropdownlist-popup",children:O}),Se&&(0,ze.jsx)(me,{adaptive:!0,...$e,header:(0,ze.jsx)(ie,{actionsEnd:(0,ze.jsx)(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Nl,inputValue:g,inputPlaceholder:w,title:Mt,subtitle:wo}),children:(0,ze.jsx)("div",{className:"k-list-container",children:(0,ze.jsxs)(U,{size:"large",children:[(0,ze.jsx)(F,{text:"List item"}),(0,ze.jsx)(F,{text:"List item"}),(0,ze.jsx)(F,{text:"List item"})]})})})]})};ne.states=qM;ne.options=_M;ne.className=ix;ne.defaultOptions=Hr;var $M=require("react/jsx-runtime");var nx=require("react/jsx-runtime");var qp=require("react/jsx-runtime");var eL=require("react/jsx-runtime");var dx=require("react/jsx-runtime");var cx=require("react/jsx-runtime");var _p=require("react/jsx-runtime");var $p=require("react/jsx-runtime");var em=require("react/jsx-runtime"),Sd="k-radio",tL=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],oL={size:[c.small,c.medium,c.large]},px={size:c.medium},xa=e=>{let{id:t,checked:a,hover:i,focus:n,disabled:d,invalid:p,valid:u,required:k,size:g=px.size,...w}=e;return(0,em.jsx)("span",{className:"k-radio-wrap",children:(0,em.jsx)("input",{...w,id:t,type:"radio",checked:a,required:k,className:o(e.className,Sd,S(Sd,{size:g}),v(Sd,{hover:i,focus:n,disabled:d,invalid:p,valid:u,checked:a}))})})};xa.states=tL;xa.options=oL;xa.className=Sd;xa.defaultOptions=px;var kx=require("react/jsx-runtime"),mx="k-radio-list",aL=[],lL={},ux={layout:"vertical"},Or=e=>{let{layout:t=ux.layout,...a}=e;return(0,kx.jsx)("ul",{...a,className:o(e.className,mx,{[`k-list-${t}`]:t}),children:e.children})};Or.states=aL;Or.options=lL;Or.className=mx;Or.defaultOptions=ux;var hx=require("react/jsx-runtime"),fx="k-radio-list-item",rL=[],sL={},iL={},Wr=e=>{let{...t}=e;return(0,hx.jsx)("li",{...t,className:o(e.className,fx),children:e.children})};Wr.states=rL;Wr.options=sL;Wr.className=fx;Wr.defaultOptions=iL;var nL=require("react/jsx-runtime");var om=require("react/jsx-runtime");var am=require("react/jsx-runtime");var lm=require("react/jsx-runtime");var rm=require("react/jsx-runtime");var sm=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),Id=({size:e,...t})=>(0,Be.jsx)(ga,{formButtons:(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(m,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),(0,Be.jsx)(m,{className:"k-form-clear",size:e,children:"Clear"})]}),children:(0,Be.jsxs)(Wo,{legend:"Form Legend",children:[(0,Be.jsx)(mt,{label:"Label",editor:(0,Be.jsx)($,{size:e})}),(0,Be.jsx)(mt,{label:"Label",hint:"Hint text",editor:(0,Be.jsx)(ne,{value:"Dropdown List",size:e})}),(0,Be.jsx)(mt,{label:"City",editor:(0,Be.jsxs)("ul",{className:"k-radio-list k-list-horizontal",children:[(0,Be.jsxs)("li",{className:"k-radio-list-item",children:[(0,Be.jsx)(xa,{checked:!0,size:e}),(0,Be.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,Be.jsxs)("li",{className:"k-radio-list-item",children:[(0,Be.jsx)(xa,{size:e}),(0,Be.jsx)("label",{className:"k-radio-label",children:"Label"})]}),(0,Be.jsxs)("li",{className:"k-radio-list-item",children:[(0,Be.jsx)(xa,{size:e}),(0,Be.jsx)("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});var im=require("react/jsx-runtime");var nm=require("react/jsx-runtime");var Ol=require("react/jsx-runtime"),gx="k-menu-button",cL=[s.hover,s.focus,s.active,s.selected,s.disabled],pL={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Hl={size:c.medium,rounded:x.medium,fillMode:y.solid,themeColor:f.base,showArrow:!0,arrowIconName:"caret-alt-down"},te=e=>{let{size:t=Hl.size,rounded:a=Hl.rounded,fillMode:i=Hl.fillMode,themeColor:n=Hl.themeColor,hover:d,focus:p,active:u,selected:k,disabled:g,icon:w,text:A,showArrow:b=Hl.showArrow,arrowIconName:N=Hl.arrowIconName,popup:C,opened:B,...L}=e;return(0,Ol.jsxs)(Ol.Fragment,{children:[(0,Ol.jsx)(m,{...L,className:o(e.className,gx),text:A,size:t,rounded:a,fillMode:i,themeColor:n,hover:d,focus:p,active:u,selected:k,disabled:g,icon:w,showArrow:b,arrowIconName:N}),B&&C&&(0,Ol.jsx)(W,{className:"k-menu-popup",children:C})]})};te.states=cL;te.options=pL;te.className=gx;te.defaultOptions=Hl;var mL=require("react/jsx-runtime");var uL=require("react/jsx-runtime");var kL=require("react/jsx-runtime");var no=require("react/jsx-runtime"),cm="k-menu-item",fL=[s.hover,s.focus,s.active,s.selected,s.disabled],hL={},xx={iconPosition:"before"},ut=e=>{let{hover:t,focus:a,active:i,selected:n,disabled:d,icon:p,text:u,first:k,last:g,showArrow:w,arrowIconName:A,iconPosition:b=xx.iconPosition,dir:N,children:C,...B}=e,L=(0,no.jsx)(no.Fragment,{});C&&C.forEach(D=>{if(D.type==="MenuItemContent"){L.props.children.push(D);return}});let Y=A;return Y||(Y=N==="rtl"?"caret-alt-left":"caret-alt-right"),(0,no.jsxs)("li",{...B,className:o(e.className,cm,"k-item",v(cm,{focus:a,disabled:d,hover:t,active:i,selected:n}),{"k-first":k,"k-last":g}),children:[(0,no.jsxs)("span",{className:o("k-link k-menu-link"),children:[p&&b==="before"&&(0,no.jsx)(T,{className:"k-menu-link-icon",icon:p}),(0,no.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,no.jsx)(T,{className:"k-menu-link-icon",icon:p}),w&&(0,no.jsx)("span",{className:"k-menu-expand-arrow",children:(0,no.jsx)(T,{icon:Y})})]}),L]})};ut.states=fL;ut.options=hL;ut.className=cm;ut.defaultOptions=xx;var co=require("react/jsx-runtime"),pm="k-menu-item",gL=[s.hover,s.focus,s.active,s.selected,s.disabled],xL={},mm={dir:"ltr",iconPosition:"before"},Io=e=>{let{hover:t,focus:a,active:i,selected:n,disabled:d,icon:p,text:u,first:k,last:g,showArrow:w,arrowIconName:A,iconPosition:b=mm.iconPosition,dir:N=mm.dir,children:C,popup:B,...L}=e,Y=(0,co.jsx)(co.Fragment,{});C&&C.forEach(O=>{if(O.type==="MenuListItemContent"){Y.props.children.push(O);return}});let D=A;return D||(D=N==="rtl"?"caret-alt-left":"caret-alt-right"),(0,co.jsxs)("li",{...L,className:o(e.className,pm,"k-item",v(pm,{focus:a,disabled:d}),{"k-first":k,"k-last":g}),children:[(0,co.jsxs)("span",{className:o("k-link k-menu-link",v("k-menu-link",{hover:t,active:i,selected:n,disabled:d})),children:[p&&b==="before"&&(0,co.jsx)(T,{className:"k-menu-link-icon",icon:p}),(0,co.jsx)("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&(0,co.jsx)(T,{className:"k-menu-link-icon",icon:p}),w&&(0,co.jsx)("span",{className:"k-menu-expand-arrow",children:(0,co.jsx)(T,{icon:D})})]}),Y,B]})};Io.states=gL;Io.options=xL;Io.className=pm;Io.defaultOptions=mm;var yx=require("react/jsx-runtime"),bx="k-menu-scroll-wrapper",bL=[],vL={},yL={},Li=e=>{let{className:t,children:a,orientation:i,...n}=e;return(0,yx.jsx)("div",{...n,className:o(t,bx,{"k-menu-scroll-wrapper-vertical":i==="vertical"}),children:a})};Li.states=bL;Li.options=vL;Li.className=bx;Li.defaultOptions=yL;var vx=Li;var kt=require("react/jsx-runtime"),um="k-menu",wL=[],TL={},Bd={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Bo=e=>{let{children:t,orientation:a=Bd.orientation,header:i=Bd.header,scrollable:n,scrollButtonsPosition:d=Bd.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:k,...g}=e,w={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},A=(0,kt.jsx)("ul",{dir:u,...g,className:o(e.className,"k-reset",um,{[`${um}-${a}`]:a,"k-header":i}),children:t});return(0,kt.jsxs)(kt.Fragment,{children:[n?(0,kt.jsxs)(vx,{orientation:a,style:p,dir:e.dir,children:[d==="start"&&(0,kt.jsxs)(kt.Fragment,{children:[(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),d==="around"&&(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),A,d==="end"&&(0,kt.jsxs)(kt.Fragment,{children:[(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),d==="around"&&(0,kt.jsx)(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${w[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):A,k]})};Bo.states=wL;Bo.options=TL;Bo.className=um;Bo.defaultOptions=Bd;var Tx=require("react/jsx-runtime"),km="k-separator",wx={orientation:"horizontal"},Ei=e=>{let{orientation:t=wx.orientation,...a}=e;return(0,Tx.jsx)("li",{...a,className:o(e.className,"k-item",km,{[`${km}-${t}`]:t})})};Ei.className=km;Ei.defaultOptions=wx;var Ax=require("react/jsx-runtime");var gm=require("react/jsx-runtime"),Nx=require("react"),fm="k-menu-group",AL=[],NL={size:[c.small,c.medium,c.large]},hm={size:c.medium,dir:"ltr"},ba=e=>{let{children:t,size:a=hm.size,dir:i=hm.dir,...n}=e,d=[];return t&&Array.isArray(t)&&t.map((p,u)=>{p.type===Io?d.push((0,Nx.createElement)(Io,{...p.props,dir:i,key:u})):p.type===Ei?d.push((0,gm.jsx)(Ei,{})):d.push(p)}),(0,gm.jsx)("ul",{...n,className:o(e.className,fm,S(fm,{size:a})),children:d})};ba.states=AL;ba.options=NL;ba.className=fm;ba.defaultOptions=hm;var xm=require("react/jsx-runtime");var bm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var ym=require("react/jsx-runtime");var wm=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var va=require("react/jsx-runtime"),Tm="k-split-button",CL=[s.hover,s.focus,s.active,s.selected,s.disabled],SL={size:[c.small,c.medium,c.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Qr={size:c.medium,rounded:x.medium,fillMode:y.solid,themeColor:f.base,arrowIconName:"caret-alt-down"},Qe=e=>{let{size:t=Qr.size,rounded:a=Qr.rounded,fillMode:i=Qr.fillMode,themeColor:n=Qr.themeColor,hover:d,focus:p,active:u,selected:k,disa