UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 333 kB
var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,r)=>t[r]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(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"}),h=(e,t)=>{let{valid:a,invalid:r,hover:s,focus:i,checked:n,active:p,selected:m,disabled:f,indeterminate:A,loading:v,empty:b,readonly:y,highlighted:E,...w}=t;return o({"k-valid":a,"k-invalid":r,"k-hover":s,"k-focus":i,"k-checked":n,"k-active":p,"k-selected":m,"k-disabled":f,"k-indeterminate":A&&!n,"k-loading":v,"k-empty":b,"k-readonly":y,"k-highlighted":E},Object.keys(w).reduce((L,B)=>(B.startsWith("k-")?L[B]=w[B]:L[`k-${B}`]=w[B],L),{}))};function Zc(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(r=>[`k-${r}`,!0]))}var d={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},N={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},u={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Zt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ru="action-buttons",Ux=ru;import{jsx as zM}from"react/jsx-runtime";var Jc="k-actions",FM=[],GM={},su={alignment:"start",orientation:"horizontal"},V=e=>{let{alignment:t=su.alignment,orientation:a=su.orientation,...r}=e;return zM("div",{...r,className:o(Jc,{[`${Jc}-${t}`]:t,[`${Jc}-${a}`]:a},e.className),children:e.children})};V.states=FM;V.options=GM;V.className=Jc;V.defaultOptions=su;V.moduleName=ru;V.folderName=Ux;var jx=V;import{Fragment as XM,jsx as qx}from"react/jsx-runtime";var iu="k-font-icon",WM=[],QM={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},VM={},An=e=>{let{size:t,themeColor:a,icon:r,rotate:s,flip:i,...n}=e;return r?qx("span",{...n,className:o(e.className,iu,C(iu,{size:t}),{[`k-i-${r}`]:r,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):qx(XM,{})};An.states=WM;An.options=QM;An.className=iu;An.defaultOptions=VM;var _x=An;import{Fragment as UM,jsx as Uc}from"react/jsx-runtime";var nu="k-svg-icon",ZM=[],JM={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},$x={viewBox:"0 0 24 24"},vn=e=>{let{size:t,themeColor:a,rotate:r,flip:s,viewBox:i=$x.viewBox,icon:n,...p}=e;if(!n)return Uc(UM,{});n==="none"&&{...p,className:o(e.className,nu,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return Uc("span",{...p,className:o(e.className,nu,C("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:Uc("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof n=="object"?n.viewBox:i,dangerouslySetInnerHTML:typeof n=="object"?{__html:n.content}:void 0,children:n?void 0:e.children})})};vn.states=ZM;vn.options=JM;vn.className=nu;vn.defaultOptions=$x;var du=vn;import*as cu from"@progress/kendo-svg-icons";var eg="icon",tg="icons";import{Fragment as og,jsx as Tn}from"react/jsx-runtime";var jc="k-icon",jM=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),qM=[],_M={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},pu={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:a,icon:r,type:s=pu.type,rotate:i,flip:n,viewBox:p=pu.viewBox,...m}=e;if(!r)return Tn(og,{});if(s==="svg"){if(r==="none")return Tn(du,{...m,className:o(e.className,jc),icon:r,size:t});let f=cu[r]?r:jM(`${r}-icon`);return cu[f]?Tn(du,{...m,className:o(e.className,jc),icon:cu[f],size:t,themeColor:a,rotate:i,flip:n,viewBox:p}):Tn(og,{})}return Tn(_x,{...m,className:o(e.className,jc),icon:r,size:t,themeColor:a,rotate:i,flip:n})};g.states=qM;g.options=_M;g.defaultOptions=pu;g.className=jc;g.moduleName=eg;g.folderName=tg;var mu=g;var uu="button",ag=uu;import{Fragment as ow,jsx as yn,jsxs as lg}from"react/jsx-runtime";var En="k-button",$M=["icon-button"],ew=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],tw={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},nr={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=nr.size,rounded:a=nr.rounded,fillMode:r=nr.fillMode,themeColor:s=nr.themeColor,showArrow:i=nr.showArrow,arrowIconName:n=nr.arrowIconName,variant:p,hover:m,focus:f,active:A,selected:v,disabled:b,icon:y,text:E,iconClassName:w,...L}=e,B=y!==void 0,D=e.children!==void 0;return lg("button",{...L,className:o(e.className,En,Zc(En,p),C(En,{size:t,rounded:a,fillMode:r,themeColor:s}),h(En,{hover:m,focus:f,active:A,disabled:b,selected:v}),{"k-icon-button":!E&&!D&&B}),children:[y&&yn(g,{className:o(w,"k-button-icon"),icon:y}),E?lg(ow,{children:[E&&yn("span",{className:"k-button-text",children:E}),e.children]}):e.children&&yn("span",{className:"k-button-text",children:e.children}),i&&yn("span",{className:"k-menu-button-arrow k-button-arrow",children:yn(g,{icon:n})})]})};c.states=ew;c.options=tw;c.variants=$M;c.className=En;c.defaultOptions=nr;c.moduleName=uu;c.folderName=ag;import{jsx as aw}from"react/jsx-runtime";var Xe=e=>aw(c,{icon:"folder",...e,children:void 0});import{jsx as lw}from"react/jsx-runtime";var Bo=e=>lw(c,{icon:"folder",children:"Button",...e});import{jsx as aQ}from"react/jsx-runtime";var fu="popup",rg=fu;import{jsx as sg}from"react/jsx-runtime";var ig="k-animation-container",rw=[],sw={},ng={positionMode:"absolute"},jo=e=>{let{positionMode:t=ng.positionMode,animationStyle:a,offset:r,...s}=e;return sg("div",{...s,style:{...r,...e.style},className:o(e.className,ig,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:sg("div",{className:"k-child-animation-container",style:a,children:e.children})})};jo.states=rw;jo.options=sw;jo.className=ig;jo.defaultOptions=ng;jo.moduleName=fu;jo.folderName=rg;var ku="popup",dg=ku;import{jsx as cg}from"react/jsx-runtime";var pg="k-popup",iw=[],nw={},mg={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:a=mg.positionMode,animationStyle:r,...s}=e;return cg(jo,{positionMode:a,offset:t,animationStyle:r,children:cg("div",{...s,className:o(e.className,pg),children:e.children})})};F.states=iw;F.options=nw;F.className=pg;F.defaultOptions=mg;F.moduleName=ku;F.folderName=dg;var hu="menu-button",ug=hu;import{Fragment as pw,jsx as fg,jsxs as mw}from"react/jsx-runtime";var kg="k-menu-button",dw=[l.hover,l.focus,l.active,l.selected,l.disabled],cw={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},dr={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t=dr.size,rounded:a=dr.rounded,fillMode:r=dr.fillMode,themeColor:s=dr.themeColor,hover:i,focus:n,active:p,selected:m,disabled:f,icon:A,text:v,showArrow:b=dr.showArrow,arrowIconName:y=dr.arrowIconName,popup:E,opened:w,...L}=e;return mw(pw,{children:[fg(c,{...L,className:o(e.className,kg),text:v,size:t,rounded:a,fillMode:r,themeColor:s,hover:i,focus:n,active:p,selected:m,disabled:f,icon:A,showArrow:b,arrowIconName:y}),w&&E&&fg(F,{className:"k-menu-popup",children:E})]})};Z.states=dw;Z.options=cw;Z.className=kg;Z.defaultOptions=dr;Z.moduleName=hu;Z.folderName=ug;import{jsx as DQ}from"react/jsx-runtime";import{jsx as OQ}from"react/jsx-runtime";import{jsx as zQ}from"react/jsx-runtime";var Jt="menu",po=Jt;import{Fragment as kw,jsx as us,jsxs as hg}from"react/jsx-runtime";var gu="k-menu-item",uw=[l.hover,l.focus,l.active,l.selected,l.disabled],fw={},xg={iconPosition:"before"},tt=e=>{let{hover:t,focus:a,active:r,selected:s,disabled:i,icon:n,text:p,first:m,last:f,showArrow:A,arrowIconName:v,iconPosition:b=xg.iconPosition,dir:y,children:E,...w}=e,L=us(kw,{});E&&E.forEach(D=>{if(D.type==="MenuItemContent"){L.props.children.push(D);return}});let B=v;return B||(B=y==="rtl"?"caret-alt-left":"caret-alt-right"),hg("li",{...w,className:o(e.className,gu,"k-item",h(gu,{focus:a,disabled:i,hover:t,active:r,selected:s}),{"k-first":m,"k-last":f}),children:[hg("span",{className:o("k-link k-menu-link"),children:[n&&b==="before"&&us(g,{className:"k-menu-link-icon",icon:n}),us("span",{className:"k-menu-link-text",children:p}),n&&b==="after"&&us(g,{className:"k-menu-link-icon",icon:n}),A&&us("span",{className:"k-menu-expand-arrow",children:us(g,{icon:B})})]}),L]})};tt.states=uw;tt.options=fw;tt.className=gu;tt.defaultOptions=xg;tt.moduleName=Jt;tt.folderName=po;import{Fragment as gw,jsx as fs,jsxs as gg}from"react/jsx-runtime";var bu="k-menu-item",hw=[l.hover,l.focus,l.active,l.selected,l.disabled],xw={},Nu={dir:"ltr",iconPosition:"before"},Ut=e=>{let{hover:t,focus:a,active:r,selected:s,disabled:i,icon:n,text:p,first:m,last:f,showArrow:A,arrowIconName:v,iconPosition:b=Nu.iconPosition,dir:y=Nu.dir,children:E,popup:w,...L}=e,B=fs(gw,{});E&&E.forEach(H=>{if(H.type==="MenuListItemContent"){B.props.children.push(H);return}});let D=v;return D||(D=y==="rtl"?"caret-alt-left":"caret-alt-right"),gg("li",{...L,className:o(e.className,bu,"k-item",h(bu,{focus:a,disabled:i}),{"k-first":m,"k-last":f}),children:[gg("span",{className:o("k-link k-menu-link",h("k-menu-link",{hover:t,active:r,selected:s,disabled:i})),children:[n&&b==="before"&&fs(g,{className:"k-menu-link-icon",icon:n}),fs("span",{className:"k-menu-link-text",children:p}),n&&b==="after"&&fs(g,{className:"k-menu-link-icon",icon:n}),A&&fs("span",{className:"k-menu-expand-arrow",children:fs(g,{icon:D})})]}),B,w]})};Ut.states=hw;Ut.options=xw;Ut.className=bu;Ut.defaultOptions=Nu;Ut.moduleName=Jt;Ut.folderName=po;import{jsx as vw}from"react/jsx-runtime";var bg="k-menu-scroll-wrapper",bw=[],Nw={},Aw={},cr=e=>{let{className:t,children:a,orientation:r,...s}=e;return vw("div",{...s,className:o(t,bg,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:a})};cr.states=bw;cr.options=Nw;cr.className=bg;cr.defaultOptions=Aw;cr.moduleName=Jt;cr.folderName=po;var Ng=cr;import{Fragment as Au,jsx as pr,jsxs as qc}from"react/jsx-runtime";var vu="k-menu",Tw=[],yw={},_c={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},jt=e=>{let{children:t,orientation:a=_c.orientation,header:r=_c.header,scrollable:s,scrollButtonsPosition:i=_c.scrollButtonsPosition,wrapperStyles:n,dir:p,popup:m,...f}=e,A={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=pr("ul",{dir:p,...f,className:o(e.className,"k-reset",vu,{[`${vu}-${a}`]:a,"k-header":r}),children:t});return qc(Au,{children:[s?qc(Ng,{orientation:a,style:n,dir:e.dir,children:[i==="start"&&qc(Au,{children:[pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),v,i==="end"&&qc(Au,{children:[pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&pr(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):v,m]})};jt.states=Tw;jt.options=yw;jt.className=vu;jt.defaultOptions=_c;jt.moduleName=Jt;jt.folderName=po;import{jsx as Ew}from"react/jsx-runtime";var Tu="k-separator",Ag={orientation:"horizontal"},mr=e=>{let{orientation:t=Ag.orientation,...a}=e;return Ew("li",{...a,className:o(e.className,"k-item",Tu,{[`${Tu}-${t}`]:t})})};mr.className=Tu;mr.defaultOptions=Ag;mr.moduleName=Jt;mr.folderName=po;import{Fragment as xV,jsx as gV}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{createElement as ww}from"react";var yu="k-menu-group",Cw=[],Mw={size:[d.small,d.medium,d.large]},Eu={size:d.medium,dir:"ltr"},Po=e=>{let{children:t,size:a=Eu.size,dir:r=Eu.dir,...s}=e,i=[];return t&&Array.isArray(t)&&t.map((n,p)=>{n.type===Ut?i.push(ww(Ut,{...n.props,dir:r,key:p})):n.type===mr?i.push(vg(mr,{})):i.push(n)}),vg("ul",{...s,className:o(e.className,yu,C(yu,{size:a})),children:i})};Po.states=Cw;Po.options=Mw;Po.className=yu;Po.defaultOptions=Eu;Po.moduleName=Jt;Po.folderName=po;import{Fragment as LV,jsx as wV,jsxs as SV}from"react/jsx-runtime";import{Fragment as YV,jsx as RV,jsxs as KV}from"react/jsx-runtime";import{Fragment as zV,jsx as GV,jsxs as WV}from"react/jsx-runtime";import{Fragment as JV,jsx as ZV,jsxs as UV}from"react/jsx-runtime";import{Fragment as e6,jsx as $V,jsxs as t6}from"react/jsx-runtime";import{jsx as b6,jsxs as N6}from"react/jsx-runtime";var Cn="window",$c=Cn;import{jsx as Bw}from"react/jsx-runtime";var Tg="k-window-content",Lw=[],Sw={},Iw={},qo=e=>{let{children:t,...a}=e;return Bw("div",{...a,className:o(Tg,e.className),children:t})};qo.states=Lw;qo.options=Sw;qo.className=Tg;qo.defaultOptions=Iw;qo.moduleName=Cn;qo.folderName=$c;import{Fragment as Kw,jsx as ur,jsxs as yg}from"react/jsx-runtime";var ep="k-window",Pw=[],Dw={themeColor:[u.primary,u.light,u.dark]},Rw={},Ba=e=>{let{title:t,actions:a,minimized:r,themeColor:s,actionButtons:i,actionButtonsAlign:n,...p}=e;return yg("div",{...p,className:o(e.className,ep,C(ep,{themeColor:s}),{[`${ep}-minimized`]:r}),children:[(t!==void 0||a)&&yg("div",{className:"k-window-titlebar",children:[t!==void 0&&ur("span",{className:"k-window-title",children:t}),a&&ur(Kw,{children:ur("div",{className:"k-window-titlebar-actions",children:a.map(m=>m==="more-vertical"?ur(Z,{icon:m,fillMode:"flat",showArrow:!1,className:"k-window-titlebar-action"},m):ur(c,{icon:m,fillMode:"flat",className:"k-window-titlebar-action"},m))})})]}),ur(qo,{className:o({"k-hidden":r}),children:e.children}),i&&ur(V,{alignment:n,className:"k-window-actions",children:i})]})};Ba.states=Pw;Ba.options=Dw;Ba.className=ep;Ba.defaultOptions=Rw;Ba.moduleName=Cn;Ba.folderName=$c;import{Fragment as W6,jsx as Q6}from"react/jsx-runtime";var Cu="chart-wizard",Eg=Cu;import{jsx as Fw}from"react/jsx-runtime";var Cg="k-chart-wizard",Yw=[],Ow={},Hw={},ll=e=>{let{children:t,...a}=e;return Fw(Ba,{title:"Chart Preview",actions:["window","x"],...a,className:o(e.className,Cg),children:t})};ll.states=Yw;ll.options=Ow;ll.className=Cg;ll.defaultOptions=Hw;ll.moduleName=Cu;ll.folderName=Eg;import{Fragment as Ww,jsx as Mu,jsxs as Qw}from"react/jsx-runtime";var Gw=[],zw={},Mg={buttonText:"Export"},Mn=e=>{let{buttonText:t=Mg.buttonText,children:a}=e;return Qw(Ww,{children:[Mu("div",{className:"k-preview-pane-header",children:Mu(Z,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),Mu("div",{className:"k-preview-pane-content",children:a})]})};Mn.states=Gw;Mn.options=zw;Mn.defaultOptions=Mg;import{jsx as Zw}from"react/jsx-runtime";var fr="k-pane",Vw=[],Xw={},wu={resizable:!0,flex:!1},De=e=>{let{scrollable:t,flexBasis:a,flex:r=wu.flex,collapsible:s,resizable:i=wu.resizable,pinned:n,unpinned:p,tabbed:m,...f}=e;return Zw("div",{...f,style:{flexBasis:a,...e.style},className:o(e.className,fr,{[`${fr}-static`]:a,[`${fr}-flex`]:r,"k-scrollable":t,[`${fr}-pinned`]:n,[`${fr}-unpinned`]:p,[`${fr}-tabbed`]:m}),children:e.children})};De.states=Vw;De.options=Xw;De.className=fr;De.defaultOptions=wu;import{Fragment as wg,jsx as kr,jsxs as jw}from"react/jsx-runtime";var ks="k-splitbar",Jw=[l.hover,l.focus],Uw={},Lu={orientation:"horizontal",draggable:!0},rl=e=>{let{hover:t,focus:a,orientation:r=Lu.orientation,draggable:s=Lu.draggable,collapsePrev:i,collapseNext:n,...p}=e;return jw("div",{...p,className:o(e.className,ks,h(ks,{hover:t,focus:a}),{[`${ks}-${r}`]:r,[`${ks}-draggable-${r}`]:s,[`${ks}-static-${r}`]:!s&&!i&&!n}),children:[i&&kr(wg,{children:kr("div",{className:"k-collapse-prev",children:kr(g,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),kr("div",{className:"k-resize-handle"}),n&&kr(wg,{children:kr("div",{className:"k-collapse-next",children:kr(g,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};rl.states=Jw;rl.options=Uw;rl.className=ks;rl.defaultOptions=Lu;var Su="splitter",Lg=Su;import{jsx as Sg}from"react/jsx-runtime";import{createElement as _w}from"react";var Iu="k-splitter",qw={},Ig={orientation:"horizontal"},lt=e=>{let{orientation:t=Ig.orientation,children:a,...r}=e,s=[];return a&&Array.isArray(a)&&a.map((i,n)=>{if(i.type===De){let p=a[n+1],m=i.props,f=p?.props;s.push(_w(De,{...m,key:n}),p&&Sg(rl,{draggable:m.resizable!==!1&&f.resizable!==!1,collapsePrev:m.collapsible,collapseNext:f.collapsible,orientation:t},`splitbar-${n}`))}else s.push(i)}),Sg("div",{...r,className:o(e.className,Iu,{[`${Iu}-${t}`]:t},"k-splitter-flex"),children:s})};lt.options=qw;lt.className=Iu;lt.defaultOptions=Ig;lt.moduleName=Su;lt.folderName=Lg;import{jsx as y3,jsxs as E3}from"react/jsx-runtime";import{jsx as L3,jsxs as S3}from"react/jsx-runtime";import{jsx as oL}from"react/jsx-runtime";var Bg="k-chart-wizard-splitter",$w=[],eL={},tL={},hs=e=>{let{children:t,...a}=e;return oL(lt,{...a,className:o(e.className,Bg),children:t})};hs.states=$w;hs.options=eL;hs.className=Bg;hs.defaultOptions=tL;import{jsx as rL}from"react/jsx-runtime";var Pg="k-chart-types-wrapper",aL={},lL={},Pa=e=>rL("div",{...e,className:o(e.className,Pg),children:e.children});Pa.options=aL;Pa.className=Pg;Pa.defaultOptions=lL;import{jsx as Dg,jsxs as dL}from"react/jsx-runtime";var Bu="k-icon-text-wrapper",sL=[l.focus,l.selected],iL={},nL={},ht=e=>{let{focus:t,selected:a,icon:r,text:s,...i}=e;return dL("div",{...i,className:o(e.className,Bu,h(Bu,{focus:t,selected:a})),children:[Dg("div",{className:"k-icon-background-area",children:Dg(g,{icon:r,size:"xlarge"})}),s]})};ht.states=sL;ht.options=iL;ht.className=Bu;ht.defaultOptions=nL;var Rg="expander",Kg="expansion-panel";import{jsx as sl,jsxs as Yg}from"react/jsx-runtime";var tp="k-expander",cL=[l.hover,l.focus,l.disabled,l.expanded],pL={},mL={},mo=e=>{let{title:t,subtitle:a,expanded:r,hover:s,focus:i,disabled:n,dir:p,contentStyle:m,...f}=e;return Yg("div",{...f,className:o(e.className,tp,h(tp,{hover:s,focus:i,disabled:n,expanded:r})),dir:p,children:[Yg("div",{className:o("k-expander-header",h(tp,{hover:s})),children:[sl("div",{className:"k-expander-title",children:t}),sl("span",{className:"k-spacer"}),sl("div",{className:"k-expander-sub-title",children:a}),sl("span",{className:"k-expander-indicator",children:r?sl(g,{icon:"chevron-up"}):sl(g,{icon:"chevron-down"})})]}),sl("div",{className:o("k-expander-content-wrapper",{"k-hidden":!r}),children:sl("div",{className:"k-expander-content",style:m,children:e.children})})]})};mo.states=cL;mo.options=pL;mo.className=tp;mo.defaultOptions=mL;mo.moduleName=Rg;mo.folderName=Kg;import{jsx as pX}from"react/jsx-runtime";import{jsx as kX}from"react/jsx-runtime";import{jsx as xL}from"react/jsx-runtime";var Og="k-tabstrip-items",fL=[],kL={},hL={tabAlignment:"start"},wn=e=>{let{children:t,tabAlignment:a,...r}=e;return xL("ul",{...r,className:o(e.className,Og,"k-reset",`k-tabstrip-items-${a}`),children:t})};wn.states=fL;wn.options=kL;wn.className=Og;wn.defaultOptions=hL;var Hg=wn;import{jsx as NL}from"react/jsx-runtime";var Fg="k-tabstrip-items-wrapper",gL=[],bL={},Gg={orientation:"horizontal"},Ln=e=>{let{children:t,orientation:a=Gg.orientation,...r}=e;return NL("div",{...r,className:o(e.className,Fg,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:t})};Ln.states=gL;Ln.options=bL;Ln.className=Fg;Ln.defaultOptions=Gg;var zg=Ln;var Sn="tabstrip",op=Sn;import{jsx as Da,jsxs as Wg}from"react/jsx-runtime";var hr="k-tabstrip",AL=[],vL={size:[d.small,d.medium,d.large]},In={size:d.medium,position:"top",tabAlignment:"start",scrollButtons:"around"},uo=e=>{let{size:t=In.size,scrollable:a,children:r,tabStripItems:s,position:i=In.position,tabAlignment:n=In.tabAlignment,scrollButtons:p=In.scrollButtons,dir:m,scrollingPosition:f,...A}=e,v={top:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},bottom:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},b={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},y={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Wg("div",{dir:m,...A,className:o(hr,e.className,{[`${hr}-${i}`]:i,[`${hr}-scrollable`]:a,[`${hr}-scrollable-overlay`]:a&&(p==="hidden"||!p),[`${hr}-scrollable-${f}`]:f&&f!=="both"},C(hr,{size:t})),children:[i==="bottom"&&r,Wg(zg,{orientation:b[i],children:[a&&(p==="around"||p==="start")&&Da("span",{className:o("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:Da(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&p==="start"&&Da("span",{className:o("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:Da(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})}),Da(Hg,{className:o({"k-tabstrip-items-scroll":a&&p==="hidden"}),tabAlignment:y[n],children:s}),a&&p==="end"&&Da("span",{className:o("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:Da(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&(p==="around"||p==="end")&&Da("span",{className:o("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:Da(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})})]}),i!=="bottom"&&r]})};uo.states=AL;uo.options=vL;uo.className=hr;uo.defaultOptions=In;uo.moduleName=Sn;uo.folderName=op;import{jsx as CL}from"react/jsx-runtime";var Qg="k-tabstrip-wrapper",TL=[],yL={},EL={},xs=e=>{let{...t}=e;return CL("div",{...t,className:o(e.className,Qg),children:e.children})};xs.states=TL;xs.options=yL;xs.className=Qg;xs.defaultOptions=EL;xs.moduleName=Sn;xs.folderName=op;import{jsx as LL}from"react/jsx-runtime";var ML=[],wL={},ie=e=>{let{type:t,...a}=e;return LL(t,{...a,className:o(e.className),children:e.children})};ie.states=ML;ie.options=wL;var pe="typography",he=pe;import{jsx as BL}from"react/jsx-runtime";var Vg="k-body",SL=[],IL={},Bn=e=>BL(ie,{...e,className:o(e.className,Vg),type:"body"});Bn.states=SL;Bn.options=IL;Bn.className=Vg;Bn.moduleName=pe;Bn.folderName=he;import{jsx as RL}from"react/jsx-runtime";var Xg="k-pre",PL=[],DL={},Pn=e=>RL(ie,{...e,className:o(e.className,Xg),type:"pre"});Pn.states=PL;Pn.options=DL;Pn.className=Xg;Pn.moduleName=pe;Pn.folderName=he;import{jsx as OL}from"react/jsx-runtime";var Zg="k-code",KL=[],YL={},Dn=e=>OL(ie,{...e,className:o(e.className,Zg),type:"code"});Dn.states=KL;Dn.options=YL;Dn.className=Zg;Dn.moduleName=pe;Dn.folderName=he;import{jsx as GL}from"react/jsx-runtime";var Jg="k-paragraph",HL=[],FL={},Rn=e=>GL(ie,{...e,className:o(e.className,Jg),type:"p"});Rn.states=HL;Rn.options=FL;Rn.className=Jg;Rn.moduleName=pe;Rn.folderName=he;import{jsx as QL}from"react/jsx-runtime";var Ug="k-h1",zL=[],WL={},Kn=e=>QL(ie,{...e,className:o(e.className,Ug),type:"h1"});Kn.states=zL;Kn.options=WL;Kn.className=Ug;Kn.moduleName=pe;Kn.folderName=he;import{jsx as ZL}from"react/jsx-runtime";var jg="k-h2",VL=[],XL={},Yn=e=>ZL(ie,{...e,className:o(e.className,jg),type:"h2"});Yn.states=VL;Yn.options=XL;Yn.className=jg;Yn.moduleName=pe;Yn.folderName=he;import{jsx as jL}from"react/jsx-runtime";var qg="k-h3",JL=[],UL={},On=e=>jL(ie,{...e,className:o(e.className,qg),type:"h3"});On.states=JL;On.options=UL;On.className=qg;On.moduleName=pe;On.folderName=he;import{jsx as $L}from"react/jsx-runtime";var _g="k-h4",qL=[],_L={},Hn=e=>$L(ie,{...e,className:o(e.className,_g),type:"h4"});Hn.states=qL;Hn.options=_L;Hn.className=_g;Hn.moduleName=pe;Hn.folderName=he;import{jsx as oS}from"react/jsx-runtime";var $g="k-h5",eS=[],tS={},Fn=e=>oS(ie,{...e,className:o(e.className,$g),type:"h5"});Fn.states=eS;Fn.options=tS;Fn.className=$g;Fn.moduleName=pe;Fn.folderName=he;import{jsx as rS}from"react/jsx-runtime";var eb="k-h6",aS=[],lS={},Gn=e=>rS(ie,{...e,className:o(e.className,eb),type:"h6"});Gn.states=aS;Gn.options=lS;Gn.className=eb;Gn.moduleName=pe;Gn.folderName=he;import{jsx as nS}from"react/jsx-runtime";var tb="k-display-1",sS=[],iS={},zn=e=>nS(ie,{...e,className:o(e.className,tb),type:"div"});zn.states=sS;zn.options=iS;zn.className=tb;zn.moduleName=pe;zn.folderName=he;import{jsx as pS}from"react/jsx-runtime";var ob="k-display-2",dS=[],cS={},Wn=e=>pS(ie,{...e,className:o(e.className,ob),type:"div"});Wn.states=dS;Wn.options=cS;Wn.className=ob;Wn.moduleName=pe;Wn.folderName=he;import{jsx as fS}from"react/jsx-runtime";var ab="k-display-3",mS=[],uS={},Qn=e=>fS(ie,{...e,className:o(e.className,ab),type:"div"});Qn.states=mS;Qn.options=uS;Qn.className=ab;Qn.moduleName=pe;Qn.folderName=he;import{jsx as xS}from"react/jsx-runtime";var lb="k-display-4",kS=[],hS={},Vn=e=>xS(ie,{...e,className:o(e.className,lb),type:"div"});Vn.states=kS;Vn.options=hS;Vn.className=lb;Vn.moduleName=pe;Vn.folderName=he;var Xn="input",ap=Xn;import{jsx as NS}from"react/jsx-runtime";var lp="k-input",gS=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],bS={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},rp={size:d.medium,rounded:d.medium,fillMode:N.solid},S=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p,size:m=rp.size,rounded:f=rp.rounded,fillMode:A=rp.fillMode,...v}=e;return NS("span",{...v,className:o(e.className,lp,C(lp,{size:m,rounded:f,fillMode:A}),h(lp,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p}))})};S.states=gS;S.options=bS;S.className=lp;S.defaultOptions=rp;S.moduleName=Xn;S.folderName=ap;import{jsx as TS}from"react/jsx-runtime";var sp="k-picker",AS=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],vS={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},ip={size:d.medium,rounded:x.medium,fillMode:N.solid},At=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p,size:m=ip.size,rounded:f=ip.rounded,fillMode:A=ip.fillMode,...v}=e;return TS("span",{...v,className:o(e.className,sp,C(sp,{size:m,rounded:f,fillMode:A}),h(sp,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p})),children:e.children})};At.states=AS;At.options=vS;At.className=sp;At.defaultOptions=ip;At.moduleName=Xn;At.folderName=ap;import{Fragment as CS,jsx as Pu}from"react/jsx-runtime";var rb="k-clear-value",yS=[l.disabled,l.loading,l.readonly],ES={},ae=e=>{let{disabled:t,loading:a,readonly:r,value:s}=e;return t||r||a||!s?Pu(CS,{}):Pu("span",{className:o(e.className,rb),children:Pu(g,{icon:"x"})})};ae.states=yS;ae.options=ES;ae.className=rb;import{jsx as LS}from"react/jsx-runtime";var Du="k-input-inner",MS=[],wS={},np={type:"text",autocomplete:"off",value:"",placeholder:""},me=e=>{let{value:t=np.value,type:a=np.type,placeholder:r=np.placeholder,autocomplete:s=np.autocomplete,...i}=e;return LS("input",{...i,type:a,className:o(e.className,Du,C(Du,e)),placeholder:r,autoComplete:s,defaultValue:t})};me.states=MS;me.options=wS;me.className=Du;import{jsx as sb,jsxs as BS}from"react/jsx-runtime";var Ru="k-input-inner",SS=[],IS={},Ra=e=>{let{value:t,placeholder:a,showValue:r,valueIcon:s,valueIconName:i,...n}=e;return BS("span",{...n,className:o(e.className,Ru,C(Ru,e)),children:[s,!s&&i&&sb(g,{className:"k-input-value-icon",icon:i}),r&&!t&&a,r&&t&&sb("span",{className:"k-input-value-text",children:t})]})};Ra.states=SS;Ra.options=IS;Ra.className=Ru;import{jsx as RS}from"react/jsx-runtime";var Ku="k-input-inner",PS=[],DS={},ib={value:"",placeholder:""},Zn=e=>{let{value:t=ib.value,placeholder:a=ib.placeholder,rows:r,...s}=e;return RS("textarea",{...s,className:o(e.className,Ku,C(Ku,e)),placeholder:a,rows:r,defaultValue:t})};Zn.states=PS;Zn.options=DS;Zn.className=Ku;import{Fragment as YS,jsx as nb}from"react/jsx-runtime";var db="k-input-loading-icon",KS=[l.disabled,l.loading],q=e=>{let{disabled:t,loading:a}=e;return t||!a?nb(YS,{}):nb("span",{className:o(e.className,db,"k-icon k-i-loading")})};q.states=KS;q.className=db;import{Fragment as FS,jsx as cb}from"react/jsx-runtime";var pb="k-input-validation-icon",OS=[l.valid,l.invalid,l.disabled,l.loading],HS={},U=e=>{let{valid:t,invalid:a,disabled:r,loading:s}=e,i=a?"warning-circle":"check-circle";return r||s||!!!(t||a)?cb(FS,{}):cb(g,{className:o(pb),icon:i})};U.states=OS;U.options=HS;U.className=pb;import{Fragment as WS,jsx as mb}from"react/jsx-runtime";var GS="k-input-prefix",zS={direction:"horizontal"},ee=e=>{let{direction:t=zS.direction,...a}=e;return e.children?mb("span",{...a,className:o(GS,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):mb(WS,{})};import{Fragment as XS,jsx as ub}from"react/jsx-runtime";var QS="k-input-suffix",VS={direction:"horizontal"},te=e=>{let{direction:t=VS.direction,...a}=e;return e.children?ub("span",{...a,className:o(QS,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ub(XS,{})};import{jsx as rU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as JS}from"react/jsx-runtime";var fb="k-input-separator",ZS={direction:"vertical"},we=e=>{let{direction:t=ZS.direction,...a}=e;return JS("span",{...a,className:o(fb,e.className,{[`${fb}-${t}`]:t})})};import{jsx as qS}from"react/jsx-runtime";var dp="k-input-group",US=[l.disabled],jS={fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},kb={fillMode:N.solid},gs=e=>{let{fillMode:t=kb.fillMode,disabled:a,...r}=e;return qS("div",{...r,className:o(e.className,dp,C(dp,{fillMode:t}),h(dp,{disabled:a})),children:e.children})};gs.states=US;gs.options=jS;gs.className=dp;gs.defaultOptions=kb;import{jsx as $S}from"react/jsx-runtime";var _S="k-no-data",Jn=e=>$S("span",{className:o(_S,e.className),children:e.children});var Ka="list",il=Ka;import{jsx as bs,jsxs as hb}from"react/jsx-runtime";var Yu="k-list",eI=[],tI={size:[d.small,d.medium,d.large]},xb={size:d.medium},W=e=>{let{size:t=xb.size,virtualization:a,children:r,optionLabel:s,customValue:i,screenReaders:n,...p}=e,m,f,A,v,b=[];return r?r.map((y,E)=>{y.type===Le?(y.props.root===!0?(m=y.props.label,y.props.children.map((w,L)=>{b.push(bs(R,{...w.props},`optChild-${L}-${new Date().getTime()}`))})):y.props.children.forEach((w,L)=>{let B="";L===0&&(B=y.props.label),b.push(bs(R,{className:L===0?"k-first":"",...w.props,groupLabel:B},`groupLabel-${L}-${new Date().getTime()}`))}),f=bs(Le,{label:m,virtualization:a,children:b})):y.type===R&&(b.push(bs(R,{...y.props},`${y.type}-${E}`)),A=bs(Ns,{virtualization:a,children:b}),n&&(v=hb(Jn,{className:"k-sr-only",children:[b.length," items found."]})))}):v=bs(Jn,{children:"No data found."}),hb("div",{...p,className:o(e.className,Yu,C(Yu,{size:t}),{"k-virtual-list":a}),children:[s,i,f,A,v]})};W.states=eI;W.options=tI;W.className=Yu;W.defaultOptions=xb;W.moduleName=Ka;W.folderName=il;import{jsx as rI}from"react/jsx-runtime";var gb="k-list-container",oI=[],aI={},lI={},As=e=>{let{...t}=e;return rI("div",{...t,className:o(e.className,gb),children:e.children})};As.states=oI;As.options=aI;As.className=gb;As.defaultOptions=lI;As.moduleName=Ka;As.folderName=il;import{jsx as xr,jsxs as nI}from"react/jsx-runtime";var Ou="k-list",sI=[],iI={size:[d.small,d.medium,d.large]},bb={size:d.medium},Ya=e=>{let{size:t=bb.size,virtualization:a,children:r,...s}=e,i,n,p,m=[];return r?r.map((f,A)=>{f.type===Le?(f.props.root===!0?(i=f.props.label,f.props.children.map((v,b)=>{m.push(xr(R,{...v.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push(xr(Nb,{...f.props,children:f.props.label},`listChild-${A}`)),f.props.children.map((v,b)=>{m.push(xr(R,{...v.props},`fwOptChild-${b}-${new Date().getTime()}`))})),n=xr(Le,{label:i,virtualization:a,children:m})):f.type===R&&(m.push(xr(R,{...f.props},`${f.type}-${A}`)),p=xr(Ns,{virtualization:a,children:m}))}):p=xr(Jn,{children:"No data found."}),nI("div",{...s,className:o(e.className,Ou,C(Ou,{size:t}),{"k-virtual-list":a}),children:[n,p]})};Ya.states=sI;Ya.options=iI;Ya.className=Ou;Ya.defaultOptions=bb;Ya.moduleName=Ka;Ya.folderName=il;var gr="checkbox",vs=gr;import{jsx as Ab}from"react/jsx-runtime";var cp="k-checkbox",dI=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],cI={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full]},Hu={size:d.medium,rounded:x.medium},ot=e=>{let{id:t,checked:a,indeterminate:r,hover:s,focus:i,disabled:n,invalid:p,valid:m,required:f,size:A=Hu.size,rounded:v=Hu.rounded,...b}=e;return Ab("span",{className:"k-checkbox-wrap",children:Ab("input",{...b,id:t,type:"checkbox",defaultChecked:a,required:f,className:o(e.className,cp,C(cp,{size:A,rounded:v}),h(cp,{hover:s,focus:i,disabled:n,invalid:p,valid:m,indeterminate:r,checked:a}))})})};ot.states=dI;ot.options=cI;ot.className=cp;ot.defaultOptions=Hu;ot.moduleName=gr;ot.folderName=vs;import{jsx as uI}from"react/jsx-runtime";var vb="k-checkbox-list",pI=[],mI={},Tb={layout:"vertical"},nl=e=>{let{layout:t=Tb.layout,...a}=e;return uI("ul",{...a,className:o(e.className,vb,{[`k-list-${t}`]:t}),children:e.children})};nl.states=pI;nl.options=mI;nl.className=vb;nl.defaultOptions=Tb;nl.moduleName=gr;nl.folderName=vs;import{jsx as xI}from"react/jsx-runtime";var yb="k-checkbox-list-item",fI=[],kI={},hI={},dl=e=>{let{...t}=e;return xI("li",{...t,className:o(e.className,yb),children:e.children})};dl.states=fI;dl.options=kI;dl.className=yb;dl.defaultOptions=hI;dl.moduleName=gr;dl.folderName=vs;import{Fragment as x5,jsx as h5,jsxs as g5}from"react/jsx-runtime";import{Fragment as T5,jsx as v5,jsxs as y5}from"react/jsx-runtime";import{Fragment as L5,jsx as w5,jsxs as S5}from"react/jsx-runtime";import{Fragment as R5,jsx as D5,jsxs as K5}from"react/jsx-runtime";import{jsx as F5}from"react/jsx-runtime";import{jsx as Q5}from"react/jsx-runtime";import{jsx as pp,jsxs as AI}from"react/jsx-runtime";var Gu="k-list-item",gI=[l.hover,l.focus,l.selected,l.disabled],bI={},NI={},R=e=>{let{text:t,groupLabel:a,group:r,showIcon:s,iconName:i,showCheckbox:n,checked:p,hover:m,focus:f,selected:A,disabled:v,...b}=e,y=t||e.children;return AI("li",{...b,className:o(e.className,r?"k-list-group-item":Gu,h(Gu,{hover:m,focus:f,disabled:v,selected:A})),children:[n&&pp(ot,{checked:p}),s&&pp(g,{icon:i}),pp("span",{className:"k-list-item-text",children:y}),a&&a!==""&&pp("div",{className:"k-list-item-group-label",children:a})]})};R.states=gI;R.options=bI;R.className=Gu;R.defaultOptions=NI;R.moduleName=Ka;R.folderName=il;import{jsx as zu,jsxs as TI}from"react/jsx-runtime";var vI="k-list-content",Ns=e=>{let{virtualization:t,...a}=e;return TI("div",{...a,className:o(vI,e.className),children:[zu("ul",{className:o("k-list-ul"),children:e.children}),t&&zu("div",{className:"k-height-container",children:zu("div",{})})]})};import{jsx as Eb}from"react/jsx-runtime";var yI="k-list-group-sticky-header",Cb=e=>Eb("div",{className:o(yI,e.className),children:Eb("div",{className:"k-list-header-text",children:e.children})});import{Fragment as EI,jsx as Mb,jsxs as CI}from"react/jsx-runtime";var Le=e=>{let{virtualization:t,label:a}=e;return CI(EI,{children:[a&&Mb(Cb,{children:a}),e.children&&Mb(Ns,{virtualization:t,children:e.children})]})};import{jsx as wb}from"react/jsx-runtime";var MI="k-list-group-item",Nb=e=>wb("li",{className:o(MI,e.className),children:wb("span",{className:"k-list-item-text",children:e.children})});import{jsx as II}from"react/jsx-runtime";var Wu="k-list-optionlabel",wI=[l.hover,l.focus,l.selected,l.disabled],LI={},SI={},mp=e=>{let{text:t,hover:a,focus:r,selected:s,disabled:i,...n}=e;return II("div",{...n,className:o(Wu,h(Wu,{hover:a,focus:r,selected:s,disabled:i})),children:t})};mp.states=wI;mp.options=LI;mp.className=Wu;mp.defaultOptions=SI;import{jsx as RI}from"react/jsx-runtime";var Qu="k-list-custom-value",BI=[l.hover,l.focus,l.selected,l.disabled],PI={},DI={},ct=e=>{let{text:t,hover:a,focus:r,selected:s,disabled:i,...n}=e;return RI("div",{...n,className:o(Qu,h(Qu,{hover:a,focus:r,selected:s,disabled:i})),children:t})};ct.states=BI;ct.options=PI;ct.className=Qu;ct.defaultOptions=DI;import{jsx as w9}from"react/jsx-runtime";import{jsx as B9}from"react/jsx-runtime";import{jsx as K9,jsxs as Y9}from"react/jsx-runtime";import{jsx as G9,jsxs as z9}from"react/jsx-runtime";import{jsx as X9}from"react/jsx-runtime";import{jsx as j9,jsxs as q9}from"react/jsx-runtime";import{jsx as tj,jsxs as oj}from"react/jsx-runtime";var Vu="suggestion",Lb=Vu;import{jsx as Xu,jsxs as OI}from"react/jsx-runtime";var Sb="k-suggestion-group",KI=[],YI={},Ib={layout:"scrollable"},_o=e=>{let{layout:t=Ib.layout,...a}=e,r=Xu("div",{...a,className:o(Sb,{"k-suggestion-group-scrollable":t=="scrollable"},e.className),children:e.children});return t=="scrollButtons"?OI("div",{className:"k-suggestion-scrollwrap",children:[Xu(c,{icon:"chevron-left"}),r,Xu(c,{icon:"chevron-right"})]}):r};_o.states=KI;_o.options=YI;_o.className=Sb;_o.defaultOptions=Ib;_o.moduleName=Vu;_o.folderName=Lb;import{jsx as zI}from"react/jsx-runtime";var up="k-suggestion",HI=[l.active,l.hover,l.focus],FI={themeColor:[u.base,u.primary,u.secondary]},GI={text:"Suggestion"},cl=e=>{let{themeColor:t,active:a,hover:r,focus:s,text:i,...n}=e;return zI("span",{...n,className:o(e.className,up,h(up,{hover:r,active:a,focus:s}),C(up,{themeColor:t})),children:i})};cl.states=HI;cl.options=FI;cl.className=up;cl.item=GI;import{Fragment as Dj,jsx as Pj,jsxs as Rj}from"react/jsx-runtime";import{Fragment as Fj,jsx as Hj,jsxs as Gj}from"react/jsx-runtime";import{Fragment as Xj,jsx as Vj,jsxs as Zj}from"react/jsx-runtime";var Zu="avatar",Bb=Zu;import{jsx as Pb}from"react/jsx-runtime";var Un="k-avatar";var WI=[l.hover,l.focus,l.active,l.selected,l.disabled],QI={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},br={type:"text",size:d.medium,rounded:x.full,fillMode:N.solid,themeColor:u.primary,border:!1},qt=e=>{let{size:t=br.size,rounded:a=br.rounded,fillMode:r=br.fillMode,themeColor:s=br.themeColor,type:i=br.type,border:n=br.border,...p}=e;return Pb("div",{...p,className:o(e.className,Un,C(Un,{size:t,rounded:a,fillMode:r,themeColor:s}),{[`${Un}-bordered`]:n}),children:Pb("span",{className:`${Un}-${i}`,children:e.children})})};qt.states=WI;qt.options=QI;qt.className=Un;qt.defaultOptions=br;qt.moduleName=Zu;qt.folderName=Bb;import{jsx as n7}from"react/jsx-runtime";import{jsx as m7}from"react/jsx-runtime";import{jsx as h7}from"react/jsx-runtime";var Ju="badge",Rb=Ju;import{jsx as ZI}from"react/jsx-runtime";var jn="k-badge",VI=[],XI={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.outline],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},qn={size:d.medium,fillMode:N.solid,themeColor:u.primary,cutoutBorder:!1},pl=e=>{let{size:t=qn.size,fillMode:a=qn.fillMode,themeColor:r=qn.themeColor,cutoutBorder:s=qn.cutoutBorder,rounded:i,position:n,align:p,...m}=e;return ZI("span",{...m,className:o(e.className,jn,C(jn,{size:t,rounded:i,fillMode:a,themeColor:r}),{[`${jn}-${n}`]:n,[`k-${p}`]:p,[`${jn}-border-cutout`]:s}),children:e.children})};pl.states=VI;pl.options=XI;pl.className=jn;pl.defaultOptions=qn;pl.moduleName=Ju;pl.folderName=Rb;import{jsx as S7}from"react/jsx-runtime";import{jsx as R7}from"react/jsx-runtime";import{jsx as Q7}from"react/jsx-runtime";var _n="chip",fp=_n;import{jsx as Ts,jsxs as jI}from"react/jsx-runtime";var kp="k-chip",JI=[l.hover,l.focus,l.active,l.selected,l.disabled],UI={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.outline],themeColor:[u.base,u.success,u.warning,u.error,u.info]},ys={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,avatarImage:"/packages/html/assets/avatar.jpg"},_t=e=>{let{size:t=ys.size,rounded:a=ys.rounded,fillMode:r=ys.fillMode,themeColor:s=ys.themeColor,text:i,icon:n,actions:p,showAvatar:m,avatarImage:f=ys.avatarImage,hover:A,focus:v,active:b,selected:y,disabled:E,...w}=e;return jI("div",{...w,className:o(e.className,kp,C(kp,{size:t,rounded:a,fillMode:r,themeColor:s}),h(kp,{hover:A,focus:v,active:b,disabled:E,selected:y})),children:[n&&Ts(g,{className:"k-chip-icon",icon:n,size:"small"}),m&&Ts(qt,{className:"k-chip-avatar",type:"image",children:Ts("img",{src:f})}),Ts("span",{className:"k-chip-content",children:e.children?e.children:i&&Ts("span",{className:"k-chip-label",children:i})}),p&&Ts("span",{className:"k-chip-actions",children:p})]})};_t.states=JI;_t.options=UI;_t.className=kp;_t.defaultOptions=ys;_t.moduleName=_n;_t.folderName=fp;import{jsx as $I}from"react/jsx-runtime";var Uu="k-chip-list",qI=[],_I={size:[d.small,d.medium,d.large]},Kb={size:d.medium},$t=e=>{let{size:t=Kb.size,...a}=e;return $I("div",{...a,className:o(e.className,Uu,C(Uu,{size:t})),children:e.children})};$t.states=qI;$t.options=_I;$t.className=Uu;$t.defaultOptions=Kb;$t.moduleName=_n;$t.folderName=fp;import{jsx as rq}from"react/jsx-runtime";import{jsx as dq}from"react/jsx-runtime";import{jsx as uq}from"react/jsx-runtime";import{jsx as gq}from"react/jsx-runtime";import{Fragment as yq,jsx as Tq,jsxs as Eq}from"react/jsx-runtime";import{jsx as Yb,jsxs as oB}from"react/jsx-runtime";var Ob="k-color-preview",eB=[],tB={},ml=e=>{let{color:t,iconName:a,...r}=e;return oB("span",{...r,className:o(e.className,Ob,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&Yb(g,{icon:a,className:"k-color-preview-icon"}),Yb("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ml.states=eB;ml.options=tB;ml.className=Ob;var $n="loader",xp=$n;import{Fragment as ju,jsx as Hb,jsxs as gp}from"react/jsx-runtime";var qu="k-loader",aB={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},lB=[],rB={size:[d.small,d.medium,d.large],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},bp={size:d.medium,themeColor:u.primary,animation:"pulsing"},$o=e=>{let{size:t=bp.size,themeColor:a=bp.themeColor,animation:r=bp.animation,...s}=e,i=Hb("span",{className:"k-loader-segment"});return Hb("div",{...s,className:o(e.className,qu,{[`k-loader-${aB[r]||r}`]:r},C(qu,{size:t,themeColor:a})),children:gp("div",{className:"k-loader-canvas",children:[r==="pulsing"&&gp(ju,{children:[i,i]}),r==="infinite-spinner"&&gp(ju,{children:[i,i,i]}),r==="converging-spinner"&&gp(ju,{children:[i,i,i,i]})]})})};$o.states=lB;$o.options=rB;$o.className=qu;$o.defaultOptions=bp;$o.moduleName=$n;$o.folderName=xp;var Fb=$o;import{jsx as _u,jsxs as Gb}from"react/jsx-runtime";var $u="k-loader-container",sB=[],iB={size:[d.small,d.medium,d.large],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},Ar={size:d.medium,themeColor:u.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},vr=e=>{let{size:t=Ar.size,themeColor:a=Ar.themeColor,loaderType:r=Ar.loaderType,position:s=Ar.position,overlay:i=Ar.overlay,panel:n=Ar.panel,...p}=e;return Gb("div",{...p,className:o(e.className,$u,C($u,{size:t}),{[`k-loader-${s}`]:s}),children:[_u("div",{className:`k-loader-container-overlay k-overlay-${i}`}),Gb("div",{className:o("k-loader-container-inner",{"k-loader-container-panel":n}),children:[_u(Fb,{size:t,themeColor:a,animation:r}),_u("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};vr.states=sB;vr.options=iB;vr.className=$u;vr.defaultOptions=Ar;vr.moduleName=$n;vr.folderName=xp;import{jsx as e_}from"react/jsx-runtime";import{jsx as l_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as m_}from"react/jsx-runtime";var ef="skeleton",zb=ef;import{jsx as pB}from"react/jsx-runtime";var tf="k-skeleton",nB=["circle","text","rect"],dB=[],cB={},of={variant:"text",shape:"text",animation:"pulse"},Do=e=>{let{variant:t,shape:a,animation:r=of.animation,...s}=e,i=`skeleton-${t||a||of.variant}`;return pB("span",{...s,className:o(e.className,tf,Zc(tf,i),{[`k-skeleton-${r}`]:r}),style:e.style})};Do.states=dB;Do.options=cB;Do.variants=nB;Do.className=tf;Do.defaultOptions=of;Do.moduleName=ef;Do.folderName=zb;import{jsx as w_}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";var af=e=>mB(Do,{shape:"rect",...e});import{jsx as R_}from"react/jsx-runtime";import{jsx as ed,jsxs as lf}from"react/jsx-runtime";var rf="k-form-field",uB=[l.disabled],pt=e=>{let{label:t,orientation:a,optional:r,editor:s,hint:i,error:n,info:p,disabled:m,dir:f,colSpan:A}=e;return lf("div",{className:o(rf,e.className,h(rf,{disabled:m}),{[`k-col-span-${A}`]:A}),dir:f,children:[t&&lf("label",{className:o("k-label","k-form-label"),children:[t,r&&ed("span",{className:"k-label-optional",children:"(Optional)"}),p&&ed("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&ed("span",{className:"k-label k-form-label k-label-empty"}),lf("div",{className:"k-form-field-wrap",children:[s,i&&ed("div",{className:"k-form-hint",children:i}),n&&ed("div",{className:"k-form-error",children:n})]})]})};pt.states=uB;pt.className=rf;import{Fragment as fB,jsx as sf,jsxs as kB}from"react/jsx-runtime";var Wb="k-form-fieldset",ea=e=>{let{legend:t,layout:a,cols:r,gutters:s,colSpan:i}=e;return kB("fieldset",{className:o(Wb,{[`k-col-span-${i}`]:i}),children:[t&&sf("legend",{className:"k-form-legend",children:t}),a==="grid"?sf("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof s=="string"&&{gap:s},...typeof s=="object"&&s.rows&&{rowGap:s.rows},...typeof s=="object"&&s.cols&&{columnGap:s.cols}},children:e.children}):sf(fB,{children:e.children})]})};ea.className=Wb;var Qb="form",Vb="forms";import{Fragment as gB,jsx as td,jsxs as bB}from"react/jsx-runtime";import{createElement as nf}from"react";var Np="k-form",hB=[],xB={size:[d.small,d.medium,d.large]},Ap={size:d.medium,layout:"basic",tag:"form"},Ro=e=>{let{size:t=Ap.size,orientation:a,layout:r=Ap.layout,formButtons:s,cols:i,gutters:n,tag:p=Ap.tag,children:m}=e,f=({tag:v,className:b,children:y})=>v==="form"?td("form",{className:b,children:y}):td("div",{className:b,children:y}),A=[];return m&&(Array.isArray(m)?m.map((v,b)=>{v.type===pt?A.push(nf(pt,{...v.props,orientation:a,key:b})):A.push(v)}):m.type===pt?A.push(nf(pt,{...m.props,orientation:a,key:`${new Date().getTime()}`})):m.type===ea&&A.push(nf(ea,{...m.props,key:`${new Date().getTime()}`}))),bB(f,{tag:p,className:o(e.className,Np,C(Np,{size:t}),{[`${Np}-${a}`]:a}),children:[r==="grid"?td("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:A}):td(gB,{children:A}),s&&td("div",{className:"k-form-buttons",children:s})]})};Ro.states=hB;Ro.options=xB;Ro.className=Np;Ro.defaultOptions=Ap;Ro.moduleName=Qb;Ro.folderName=Vb;import{jsx as AB}from"react/jsx-runtime";var NB="k-actionsheet-footer",Xb={alignment:"stretched",orientation:"horizontal"},Ko=e=>{let{alignment:t=Xb.alignment,orientation:a=Xb.orientation,template:r,as:s=r?"div":V,...i}=e;return AB(s,{...i,...!r&&{alignment:t,orientation:a},className:o(e.className,NB),children:e.children})};var df="searchbox",Zb=df;import{jsx as od,jsxs as yB}from"react/jsx-runtime";var Jb="k-searchbox",vB=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],TB={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},cf={showIcon:!0,icon:"search",size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode},Ze=e=>{let{value:t,placeholder:a,size:r,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,showIcon:y=cf.showIcon,icon:E=cf.icon,...w}=e;return yB(S,{...w,size:r,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,className:o(e.className,Jb),children:[y&&od(g,{cl