@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 337 kB
JavaScript
var vR=Object.create;var Kp=Object.defineProperty;var TR=Object.getOwnPropertyDescriptor;var yR=Object.getOwnPropertyNames;var ER=Object.getPrototypeOf,CR=Object.prototype.hasOwnProperty;var MR=(e,t)=>{for(var a in t)Kp(e,a,{get:t[a],enumerable:!0})},MN=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of yR(t))!CR.call(e,s)&&s!==a&&Kp(e,s,{get:()=>t[s],enumerable:!(l=TR(t,s))||l.enumerable});return e};var wN=(e,t,a)=>(a=e!=null?vR(ER(e)):{},MN(t||!e||!e.__esModule?Kp(a,"default",{value:e,enumerable:!0}):a,e)),wR=e=>MN(Kp({},"__esModule",{value:!0}),e);var eJ={};MR(eJ,{ChartWizardNormal:()=>$Z});module.exports=wR(eJ);var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,l)=>t[l]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var M=(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:l,hover:s,focus:i,checked:n,active:p,selected:m,disabled:f,indeterminate:A,loading:v,empty:b,readonly:E,highlighted:C,...w}=t;return o({"k-valid":a,"k-invalid":l,"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":E,"k-highlighted":C},Object.keys(w).reduce((S,B)=>(B.startsWith("k-")?S[B]=w[B]:S[`k-${B}`]=w[B],S),{}))};function Yp(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(l=>[`k-${l}`,!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"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},No={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Cu="action-buttons",LN=Cu;var IN=require("react/jsx-runtime"),Op="k-actions",LR=[],SR={},Mu={alignment:"start",orientation:"horizontal"},U=e=>{let{alignment:t=Mu.alignment,orientation:a=Mu.orientation,...l}=e;return(0,IN.jsx)("div",{...l,className:o(Op,{[`${Op}-${t}`]:t,[`${Op}-${a}`]:a},e.className),children:e.children})};U.states=LR;U.options=SR;U.className=Op;U.defaultOptions=Mu;U.moduleName=Cu;U.folderName=LN;var SN=U;var vd=require("react/jsx-runtime"),wu="k-font-icon",IR=[],BR={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]},PR={},Td=e=>{let{size:t,themeColor:a,icon:l,rotate:s,flip:i,...n}=e;return l?(0,vd.jsx)("span",{...n,className:o(e.className,wu,M(wu,{size:t}),{[`k-i-${l}`]:l,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):(0,vd.jsx)(vd.Fragment,{})};Td.states=IR;Td.options=BR;Td.className=wu;Td.defaultOptions=PR;var BN=Td;var ms=require("react/jsx-runtime"),Lu="k-svg-icon",DR=[],RR={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]},PN={viewBox:"0 0 24 24"},yd=e=>{let{size:t,themeColor:a,rotate:l,flip:s,viewBox:i=PN.viewBox,icon:n,...p}=e;if(!n)return(0,ms.jsx)(ms.Fragment,{});n==="none"&&{...p,className:o(e.className,Lu,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return(0,ms.jsx)("span",{...p,className:o(e.className,Lu,M("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:(0,ms.jsx)("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})})};yd.states=DR;yd.options=RR;yd.className=Lu;yd.defaultOptions=PN;var Su=yd;var Iu=wN(require("@progress/kendo-svg-icons"));var DN="icon",RN="icons";var wl=require("react/jsx-runtime"),Hp="k-icon",KR=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),YR=[],OR={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]},Bu={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:a,icon:l,type:s=Bu.type,rotate:i,flip:n,viewBox:p=Bu.viewBox,...m}=e;if(!l)return(0,wl.jsx)(wl.Fragment,{});if(s==="svg"){if(l==="none")return(0,wl.jsx)(Su,{...m,className:o(e.className,Hp),icon:l,size:t});let f=Iu[l]?l:KR(`${l}-icon`);return Iu[f]?(0,wl.jsx)(Su,{...m,className:o(e.className,Hp),icon:Iu[f],size:t,themeColor:a,rotate:i,flip:n,viewBox:p}):(0,wl.jsx)(wl.Fragment,{})}return(0,wl.jsx)(BN,{...m,className:o(e.className,Hp),icon:l,size:t,themeColor:a,rotate:i,flip:n})};g.states=YR;g.options=OR;g.defaultOptions=Bu;g.className=Hp;g.moduleName=DN;g.folderName=RN;var Pu=g;var Du="button",KN=Du;var ka=require("react/jsx-runtime"),Ed="k-button",HR=["icon-button"],FR=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],GR={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]},us={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=us.size,rounded:a=us.rounded,fillMode:l=us.fillMode,themeColor:s=us.themeColor,showArrow:i=us.showArrow,arrowIconName:n=us.arrowIconName,variant:p,hover:m,focus:f,active:A,selected:v,disabled:b,icon:E,text:C,iconClassName:w,...S}=e,B=E!==void 0,R=e.children!==void 0;return(0,ka.jsxs)("button",{...S,className:o(e.className,Ed,Yp(Ed,p),M(Ed,{size:t,rounded:a,fillMode:l,themeColor:s}),h(Ed,{hover:m,focus:f,active:A,disabled:b,selected:v}),{"k-icon-button":!C&&!R&&B}),children:[E&&(0,ka.jsx)(g,{className:o(w,"k-button-icon"),icon:E}),C?(0,ka.jsxs)(ka.Fragment,{children:[C&&(0,ka.jsx)("span",{className:"k-button-text",children:C}),e.children]}):e.children&&(0,ka.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,ka.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ka.jsx)(g,{icon:n})})]})};c.states=FR;c.options=GR;c.variants=HR;c.className=Ed;c.defaultOptions=us;c.moduleName=Du;c.folderName=KN;var YN=require("react/jsx-runtime"),nt=e=>(0,YN.jsx)(c,{icon:"folder",...e,children:void 0});var ON=require("react/jsx-runtime"),ha=e=>(0,ON.jsx)(c,{icon:"folder",children:"Button",...e});var zR=require("react/jsx-runtime");var Ru="popup",HN=Ru;var Ku=require("react/jsx-runtime"),FN="k-animation-container",WR=[],QR={},GN={positionMode:"absolute"},Pa=e=>{let{positionMode:t=GN.positionMode,animationStyle:a,offset:l,...s}=e;return(0,Ku.jsx)("div",{...s,style:{...l,...e.style},className:o(e.className,FN,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ku.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Pa.states=WR;Pa.options=QR;Pa.className=FN;Pa.defaultOptions=GN;Pa.moduleName=Ru;Pa.folderName=HN;var Yu="popup",zN=Yu;var Ou=require("react/jsx-runtime"),WN="k-popup",VR=[],XR={},QN={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:a=QN.positionMode,animationStyle:l,...s}=e;return(0,Ou.jsx)(Pa,{positionMode:a,offset:t,animationStyle:l,children:(0,Ou.jsx)("div",{...s,className:o(e.className,WN),children:e.children})})};W.states=VR;W.options=XR;W.className=WN;W.defaultOptions=QN;W.moduleName=Yu;W.folderName=zN;var Hu="menu-button",VN=Hu;var ks=require("react/jsx-runtime"),XN="k-menu-button",ZR=[r.hover,r.focus,r.active,r.selected,r.disabled],JR={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]},fs={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!0,arrowIconName:"caret-alt-down"},j=e=>{let{size:t=fs.size,rounded:a=fs.rounded,fillMode:l=fs.fillMode,themeColor:s=fs.themeColor,hover:i,focus:n,active:p,selected:m,disabled:f,icon:A,text:v,showArrow:b=fs.showArrow,arrowIconName:E=fs.arrowIconName,popup:C,opened:w,...S}=e;return(0,ks.jsxs)(ks.Fragment,{children:[(0,ks.jsx)(c,{...S,className:o(e.className,XN),text:v,size:t,rounded:a,fillMode:l,themeColor:s,hover:i,focus:n,active:p,selected:m,disabled:f,icon:A,showArrow:b,arrowIconName:E}),w&&C&&(0,ks.jsx)(W,{className:"k-menu-popup",children:C})]})};j.states=ZR;j.options=JR;j.className=XN;j.defaultOptions=fs;j.moduleName=Hu;j.folderName=VN;var UR=require("react/jsx-runtime");var jR=require("react/jsx-runtime");var qR=require("react/jsx-runtime");var Ao="menu",Vo=Ao;var Xo=require("react/jsx-runtime"),Gu="k-menu-item",_R=[r.hover,r.focus,r.active,r.selected,r.disabled],$R={},ZN={iconPosition:"before"},ht=e=>{let{hover:t,focus:a,active:l,selected:s,disabled:i,icon:n,text:p,first:m,last:f,showArrow:A,arrowIconName:v,iconPosition:b=ZN.iconPosition,dir:E,children:C,...w}=e,S=(0,Xo.jsx)(Xo.Fragment,{});C&&C.forEach(R=>{if(R.type==="MenuItemContent"){S.props.children.push(R);return}});let B=v;return B||(B=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Xo.jsxs)("li",{...w,className:o(e.className,Gu,"k-item",h(Gu,{focus:a,disabled:i,hover:t,active:l,selected:s}),{"k-first":m,"k-last":f}),children:[(0,Xo.jsxs)("span",{className:o("k-link k-menu-link"),children:[n&&b==="before"&&(0,Xo.jsx)(g,{className:"k-menu-link-icon",icon:n}),(0,Xo.jsx)("span",{className:"k-menu-link-text",children:p}),n&&b==="after"&&(0,Xo.jsx)(g,{className:"k-menu-link-icon",icon:n}),A&&(0,Xo.jsx)("span",{className:"k-menu-expand-arrow",children:(0,Xo.jsx)(g,{icon:B})})]}),S]})};ht.states=_R;ht.options=$R;ht.className=Gu;ht.defaultOptions=ZN;ht.moduleName=Ao;ht.folderName=Vo;var Zo=require("react/jsx-runtime"),zu="k-menu-item",eK=[r.hover,r.focus,r.active,r.selected,r.disabled],tK={},Wu={dir:"ltr",iconPosition:"before"},vo=e=>{let{hover:t,focus:a,active:l,selected:s,disabled:i,icon:n,text:p,first:m,last:f,showArrow:A,arrowIconName:v,iconPosition:b=Wu.iconPosition,dir:E=Wu.dir,children:C,popup:w,...S}=e,B=(0,Zo.jsx)(Zo.Fragment,{});C&&C.forEach(z=>{if(z.type==="MenuListItemContent"){B.props.children.push(z);return}});let R=v;return R||(R=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Zo.jsxs)("li",{...S,className:o(e.className,zu,"k-item",h(zu,{focus:a,disabled:i}),{"k-first":m,"k-last":f}),children:[(0,Zo.jsxs)("span",{className:o("k-link k-menu-link",h("k-menu-link",{hover:t,active:l,selected:s,disabled:i})),children:[n&&b==="before"&&(0,Zo.jsx)(g,{className:"k-menu-link-icon",icon:n}),(0,Zo.jsx)("span",{className:"k-menu-link-text",children:p}),n&&b==="after"&&(0,Zo.jsx)(g,{className:"k-menu-link-icon",icon:n}),A&&(0,Zo.jsx)("span",{className:"k-menu-expand-arrow",children:(0,Zo.jsx)(g,{icon:R})})]}),B,w]})};vo.states=eK;vo.options=tK;vo.className=zu;vo.defaultOptions=Wu;vo.moduleName=Ao;vo.folderName=Vo;var jN=require("react/jsx-runtime"),JN="k-menu-scroll-wrapper",oK=[],aK={},lK={},hs=e=>{let{className:t,children:a,orientation:l,...s}=e;return(0,jN.jsx)("div",{...s,className:o(t,JN,{"k-menu-scroll-wrapper-vertical":l==="vertical"}),children:a})};hs.states=oK;hs.options=aK;hs.className=JN;hs.defaultOptions=lK;hs.moduleName=Ao;hs.folderName=Vo;var UN=hs;var It=require("react/jsx-runtime"),Qu="k-menu",rK=[],sK={},Fp={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},To=e=>{let{children:t,orientation:a=Fp.orientation,header:l=Fp.header,scrollable:s,scrollButtonsPosition:i=Fp.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=(0,It.jsx)("ul",{dir:p,...f,className:o(e.className,"k-reset",Qu,{[`${Qu}-${a}`]:a,"k-header":l}),children:t});return(0,It.jsxs)(It.Fragment,{children:[s?(0,It.jsxs)(UN,{orientation:a,style:n,dir:e.dir,children:[i==="start"&&(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,It.jsx)(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"&&(0,It.jsx)(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"&&(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${A[a].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,It.jsx)(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"&&(0,It.jsx)(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]})};To.states=rK;To.options=sK;To.className=Qu;To.defaultOptions=Fp;To.moduleName=Ao;To.folderName=Vo;var _N=require("react/jsx-runtime"),Vu="k-separator",qN={orientation:"horizontal"},xs=e=>{let{orientation:t=qN.orientation,...a}=e;return(0,_N.jsx)("li",{...a,className:o(e.className,"k-item",Vu,{[`${Vu}-${t}`]:t})})};xs.className=Vu;xs.defaultOptions=qN;xs.moduleName=Ao;xs.folderName=Vo;var $N=require("react/jsx-runtime");var Ju=require("react/jsx-runtime"),eA=require("react"),Xu="k-menu-group",iK=[],nK={size:[d.small,d.medium,d.large]},Zu={size:d.medium,dir:"ltr"},xa=e=>{let{children:t,size:a=Zu.size,dir:l=Zu.dir,...s}=e,i=[];return t&&Array.isArray(t)&&t.map((n,p)=>{n.type===vo?i.push((0,eA.createElement)(vo,{...n.props,dir:l,key:p})):n.type===xs?i.push((0,Ju.jsx)(xs,{})):i.push(n)}),(0,Ju.jsx)("ul",{...s,className:o(e.className,Xu,M(Xu,{size:a})),children:i})};xa.states=iK;xa.options=nK;xa.className=Xu;xa.defaultOptions=Zu;xa.moduleName=Ao;xa.folderName=Vo;var Uu=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var _u=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var tA=require("react/jsx-runtime");var Cd="window",Gp=Cd;var aA=require("react/jsx-runtime"),oA="k-window-content",dK=[],cK={},pK={},Da=e=>{let{children:t,...a}=e;return(0,aA.jsx)("div",{...a,className:o(oA,e.className),children:t})};Da.states=dK;Da.options=cK;Da.className=oA;Da.defaultOptions=pK;Da.moduleName=Cd;Da.folderName=Gp;var yo=require("react/jsx-runtime"),zp="k-window",mK=[],uK={themeColor:[u.primary,u.light,u.dark]},fK={},Ll=e=>{let{title:t,actions:a,minimized:l,themeColor:s,actionButtons:i,actionButtonsAlign:n,...p}=e;return(0,yo.jsxs)("div",{...p,className:o(e.className,zp,M(zp,{themeColor:s}),{[`${zp}-minimized`]:l}),children:[(t!==void 0||a)&&(0,yo.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,yo.jsx)("span",{className:"k-window-title",children:t}),a&&(0,yo.jsx)(yo.Fragment,{children:(0,yo.jsx)("div",{className:"k-window-titlebar-actions",children:a.map(m=>m==="more-vertical"?(0,yo.jsx)(j,{icon:m,fillMode:"flat",showArrow:!1,className:"k-window-titlebar-action"},m):(0,yo.jsx)(c,{icon:m,fillMode:"flat",className:"k-window-titlebar-action"},m))})})]}),(0,yo.jsx)(Da,{className:o({"k-hidden":l}),children:e.children}),i&&(0,yo.jsx)(U,{alignment:n,className:"k-window-actions",children:i})]})};Ll.states=mK;Ll.options=uK;Ll.className=zp;Ll.defaultOptions=fK;Ll.moduleName=Cd;Ll.folderName=Gp;var lA=require("react/jsx-runtime");var ef="chart-wizard",rA=ef;var iA=require("react/jsx-runtime"),sA="k-chart-wizard",kK=[],hK={},xK={},rr=e=>{let{children:t,...a}=e;return(0,iA.jsx)(Ll,{title:"Chart Preview",actions:["window","x"],...a,className:o(e.className,sA),children:t})};rr.states=kK;rr.options=hK;rr.className=sA;rr.defaultOptions=xK;rr.moduleName=ef;rr.folderName=rA;var sr=require("react/jsx-runtime"),gK=[],bK={},nA={buttonText:"Export"},Md=e=>{let{buttonText:t=nA.buttonText,children:a}=e;return(0,sr.jsxs)(sr.Fragment,{children:[(0,sr.jsx)("div",{className:"k-preview-pane-header",children:(0,sr.jsx)(j,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,sr.jsx)("div",{className:"k-preview-pane-content",children:a})]})};Md.states=gK;Md.options=bK;Md.defaultOptions=nA;var dA=require("react/jsx-runtime"),gs="k-pane",NK=[],AK={},tf={resizable:!0,flex:!1},Ve=e=>{let{scrollable:t,flexBasis:a,flex:l=tf.flex,collapsible:s,resizable:i=tf.resizable,pinned:n,unpinned:p,tabbed:m,...f}=e;return(0,dA.jsx)("div",{...f,style:{flexBasis:a,...e.style},className:o(e.className,gs,{[`${gs}-static`]:a,[`${gs}-flex`]:l,"k-scrollable":t,[`${gs}-pinned`]:n,[`${gs}-unpinned`]:p,[`${gs}-tabbed`]:m}),children:e.children})};Ve.states=NK;Ve.options=AK;Ve.className=gs;Ve.defaultOptions=tf;var Eo=require("react/jsx-runtime"),Ni="k-splitbar",vK=[r.hover,r.focus],TK={},of={orientation:"horizontal",draggable:!0},ir=e=>{let{hover:t,focus:a,orientation:l=of.orientation,draggable:s=of.draggable,collapsePrev:i,collapseNext:n,...p}=e;return(0,Eo.jsxs)("div",{...p,className:o(e.className,Ni,h(Ni,{hover:t,focus:a}),{[`${Ni}-${l}`]:l,[`${Ni}-draggable-${l}`]:s,[`${Ni}-static-${l}`]:!s&&!i&&!n}),children:[i&&(0,Eo.jsx)(Eo.Fragment,{children:(0,Eo.jsx)("div",{className:"k-collapse-prev",children:(0,Eo.jsx)(g,{icon:`caret-alt-${l==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Eo.jsx)("div",{className:"k-resize-handle"}),n&&(0,Eo.jsx)(Eo.Fragment,{children:(0,Eo.jsx)("div",{className:"k-collapse-next",children:(0,Eo.jsx)(g,{icon:`caret-alt-${l==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ir.states=vK;ir.options=TK;ir.className=Ni;ir.defaultOptions=of;var af="splitter",cA=af;var rf=require("react/jsx-runtime"),mA=require("react"),lf="k-splitter",yK={},pA={orientation:"horizontal"},Et=e=>{let{orientation:t=pA.orientation,children:a,...l}=e,s=[];return a&&Array.isArray(a)&&a.map((i,n)=>{if(i.type===Ve){let p=a[n+1],m=i.props,f=p==null?void 0:p.props;s.push((0,mA.createElement)(Ve,{...m,key:n}),p&&(0,rf.jsx)(ir,{draggable:m.resizable!==!1&&f.resizable!==!1,collapsePrev:m.collapsible,collapseNext:f.collapsible,orientation:t},`splitbar-${n}`))}else s.push(i)}),(0,rf.jsx)("div",{...l,className:o(e.className,lf,{[`${lf}-${t}`]:t},"k-splitter-flex"),children:s})};Et.options=yK;Et.className=lf;Et.defaultOptions=pA;Et.moduleName=af;Et.folderName=cA;var uA=require("react/jsx-runtime");var fA=require("react/jsx-runtime");var hA=require("react/jsx-runtime"),kA="k-chart-wizard-splitter",EK=[],CK={},MK={},Ai=e=>{let{children:t,...a}=e;return(0,hA.jsx)(Et,{...a,className:o(e.className,kA),children:t})};Ai.states=EK;Ai.options=CK;Ai.className=kA;Ai.defaultOptions=MK;var gA=require("react/jsx-runtime"),xA="k-chart-types-wrapper",wK={},LK={},Sl=e=>(0,gA.jsx)("div",{...e,className:o(e.className,xA),children:e.children});Sl.options=wK;Sl.className=xA;Sl.defaultOptions=LK;var wd=require("react/jsx-runtime"),sf="k-icon-text-wrapper",SK=[r.focus,r.selected],IK={},BK={},Ft=e=>{let{focus:t,selected:a,icon:l,text:s,...i}=e;return(0,wd.jsxs)("div",{...i,className:o(e.className,sf,h(sf,{focus:t,selected:a})),children:[(0,wd.jsx)("div",{className:"k-icon-background-area",children:(0,wd.jsx)(g,{icon:l,size:"xlarge"})}),s]})};Ft.states=SK;Ft.options=IK;Ft.className=sf;Ft.defaultOptions=BK;var bA="expander",NA="expansion-panel";var Jo=require("react/jsx-runtime"),Wp="k-expander",PK=[r.hover,r.focus,r.disabled,r.expanded],DK={},RK={},Uo=e=>{let{title:t,subtitle:a,expanded:l,hover:s,focus:i,disabled:n,dir:p,contentStyle:m,...f}=e;return(0,Jo.jsxs)("div",{...f,className:o(e.className,Wp,h(Wp,{hover:s,focus:i,disabled:n,expanded:l})),dir:p,children:[(0,Jo.jsxs)("div",{className:o("k-expander-header",h(Wp,{hover:s})),children:[(0,Jo.jsx)("div",{className:"k-expander-title",children:t}),(0,Jo.jsx)("span",{className:"k-spacer"}),(0,Jo.jsx)("div",{className:"k-expander-sub-title",children:a}),(0,Jo.jsx)("span",{className:"k-expander-indicator",children:l?(0,Jo.jsx)(g,{icon:"chevron-up"}):(0,Jo.jsx)(g,{icon:"chevron-down"})})]}),(0,Jo.jsx)("div",{className:o("k-expander-content-wrapper",{"k-hidden":!l}),children:(0,Jo.jsx)("div",{className:"k-expander-content",style:m,children:e.children})})]})};Uo.states=PK;Uo.options=DK;Uo.className=Wp;Uo.defaultOptions=RK;Uo.moduleName=bA;Uo.folderName=NA;var YK=require("react/jsx-runtime");var OK=require("react/jsx-runtime");var TA=require("react/jsx-runtime"),AA="k-tabstrip-items",HK=[],FK={},GK={tabAlignment:"start"},Ld=e=>{let{children:t,tabAlignment:a,...l}=e;return(0,TA.jsx)("ul",{...l,className:o(e.className,AA,"k-reset",`k-tabstrip-items-${a}`),children:t})};Ld.states=HK;Ld.options=FK;Ld.className=AA;Ld.defaultOptions=GK;var vA=Ld;var MA=require("react/jsx-runtime"),yA="k-tabstrip-items-wrapper",zK=[],WK={},EA={orientation:"horizontal"},Sd=e=>{let{children:t,orientation:a=EA.orientation,...l}=e;return(0,MA.jsx)("div",{...l,className:o(e.className,yA,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:t})};Sd.states=zK;Sd.options=WK;Sd.className=yA;Sd.defaultOptions=EA;var CA=Sd;var Id="tabstrip",Qp=Id;var Co=require("react/jsx-runtime"),bs="k-tabstrip",QK=[],VK={size:[d.small,d.medium,d.large]},Bd={size:d.medium,position:"top",tabAlignment:"start",scrollButtons:"around"},jo=e=>{let{size:t=Bd.size,scrollable:a,children:l,tabStripItems:s,position:i=Bd.position,tabAlignment:n=Bd.tabAlignment,scrollButtons:p=Bd.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"},E={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,Co.jsxs)("div",{dir:m,...A,className:o(bs,e.className,{[`${bs}-${i}`]:i,[`${bs}-scrollable`]:a,[`${bs}-scrollable-overlay`]:a&&(p==="hidden"||!p),[`${bs}-scrollable-${f}`]:f&&f!=="both"},M(bs,{size:t})),children:[i==="bottom"&&l,(0,Co.jsxs)(CA,{orientation:b[i],children:[a&&(p==="around"||p==="start")&&(0,Co.jsx)("span",{className:o("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,Co.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&p==="start"&&(0,Co.jsx)("span",{className:o("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,Co.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})}),(0,Co.jsx)(vA,{className:o({"k-tabstrip-items-scroll":a&&p==="hidden"}),tabAlignment:E[n],children:s}),a&&p==="end"&&(0,Co.jsx)("span",{className:o("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,Co.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&(p==="around"||p==="end")&&(0,Co.jsx)("span",{className:o("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,Co.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})})]}),i!=="bottom"&&l]})};jo.states=QK;jo.options=VK;jo.className=bs;jo.defaultOptions=Bd;jo.moduleName=Id;jo.folderName=Qp;var LA=require("react/jsx-runtime"),wA="k-tabstrip-wrapper",XK=[],ZK={},JK={},vi=e=>{let{...t}=e;return(0,LA.jsx)("div",{...t,className:o(e.className,wA),children:e.children})};vi.states=XK;vi.options=ZK;vi.className=wA;vi.defaultOptions=JK;vi.moduleName=Id;vi.folderName=Qp;var SA=require("react/jsx-runtime"),UK=[],jK={},ce=e=>{let{type:t,...a}=e;return(0,SA.jsx)(t,{...a,className:o(e.className),children:e.children})};ce.states=UK;ce.options=jK;var ke="typography",ve=ke;var BA=require("react/jsx-runtime"),IA="k-body",qK=[],_K={},Pd=e=>(0,BA.jsx)(ce,{...e,className:o(e.className,IA),type:"body"});Pd.states=qK;Pd.options=_K;Pd.className=IA;Pd.moduleName=ke;Pd.folderName=ve;var DA=require("react/jsx-runtime"),PA="k-pre",$K=[],eY={},Dd=e=>(0,DA.jsx)(ce,{...e,className:o(e.className,PA),type:"pre"});Dd.states=$K;Dd.options=eY;Dd.className=PA;Dd.moduleName=ke;Dd.folderName=ve;var KA=require("react/jsx-runtime"),RA="k-code",tY=[],oY={},Rd=e=>(0,KA.jsx)(ce,{...e,className:o(e.className,RA),type:"code"});Rd.states=tY;Rd.options=oY;Rd.className=RA;Rd.moduleName=ke;Rd.folderName=ve;var OA=require("react/jsx-runtime"),YA="k-paragraph",aY=[],lY={},Kd=e=>(0,OA.jsx)(ce,{...e,className:o(e.className,YA),type:"p"});Kd.states=aY;Kd.options=lY;Kd.className=YA;Kd.moduleName=ke;Kd.folderName=ve;var FA=require("react/jsx-runtime"),HA="k-h1",rY=[],sY={},Yd=e=>(0,FA.jsx)(ce,{...e,className:o(e.className,HA),type:"h1"});Yd.states=rY;Yd.options=sY;Yd.className=HA;Yd.moduleName=ke;Yd.folderName=ve;var zA=require("react/jsx-runtime"),GA="k-h2",iY=[],nY={},Od=e=>(0,zA.jsx)(ce,{...e,className:o(e.className,GA),type:"h2"});Od.states=iY;Od.options=nY;Od.className=GA;Od.moduleName=ke;Od.folderName=ve;var QA=require("react/jsx-runtime"),WA="k-h3",dY=[],cY={},Hd=e=>(0,QA.jsx)(ce,{...e,className:o(e.className,WA),type:"h3"});Hd.states=dY;Hd.options=cY;Hd.className=WA;Hd.moduleName=ke;Hd.folderName=ve;var XA=require("react/jsx-runtime"),VA="k-h4",pY=[],mY={},Fd=e=>(0,XA.jsx)(ce,{...e,className:o(e.className,VA),type:"h4"});Fd.states=pY;Fd.options=mY;Fd.className=VA;Fd.moduleName=ke;Fd.folderName=ve;var JA=require("react/jsx-runtime"),ZA="k-h5",uY=[],fY={},Gd=e=>(0,JA.jsx)(ce,{...e,className:o(e.className,ZA),type:"h5"});Gd.states=uY;Gd.options=fY;Gd.className=ZA;Gd.moduleName=ke;Gd.folderName=ve;var jA=require("react/jsx-runtime"),UA="k-h6",kY=[],hY={},zd=e=>(0,jA.jsx)(ce,{...e,className:o(e.className,UA),type:"h6"});zd.states=kY;zd.options=hY;zd.className=UA;zd.moduleName=ke;zd.folderName=ve;var _A=require("react/jsx-runtime"),qA="k-display-1",xY=[],gY={},Wd=e=>(0,_A.jsx)(ce,{...e,className:o(e.className,qA),type:"div"});Wd.states=xY;Wd.options=gY;Wd.className=qA;Wd.moduleName=ke;Wd.folderName=ve;var ev=require("react/jsx-runtime"),$A="k-display-2",bY=[],NY={},Qd=e=>(0,ev.jsx)(ce,{...e,className:o(e.className,$A),type:"div"});Qd.states=bY;Qd.options=NY;Qd.className=$A;Qd.moduleName=ke;Qd.folderName=ve;var ov=require("react/jsx-runtime"),tv="k-display-3",AY=[],vY={},Vd=e=>(0,ov.jsx)(ce,{...e,className:o(e.className,tv),type:"div"});Vd.states=AY;Vd.options=vY;Vd.className=tv;Vd.moduleName=ke;Vd.folderName=ve;var lv=require("react/jsx-runtime"),av="k-display-4",TY=[],yY={},Xd=e=>(0,lv.jsx)(ce,{...e,className:o(e.className,av),type:"div"});Xd.states=TY;Xd.options=yY;Xd.className=av;Xd.moduleName=ke;Xd.folderName=ve;var Zd="input",Vp=Zd;var rv=require("react/jsx-runtime"),Xp="k-input",EY=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],CY={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Zp={size:d.medium,rounded:d.medium,fillMode:N.solid},I=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Zp.size,rounded:f=Zp.rounded,fillMode:A=Zp.fillMode,...v}=e;return(0,rv.jsx)("span",{...v,className:o(e.className,Xp,M(Xp,{size:m,rounded:f,fillMode:A}),h(Xp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p}))})};I.states=EY;I.options=CY;I.className=Xp;I.defaultOptions=Zp;I.moduleName=Zd;I.folderName=Vp;var sv=require("react/jsx-runtime"),Jp="k-picker",MY=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wY={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Up={size:d.medium,rounded:x.medium,fillMode:N.solid},Ut=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Up.size,rounded:f=Up.rounded,fillMode:A=Up.fillMode,...v}=e;return(0,sv.jsx)("span",{...v,className:o(e.className,Jp,M(Jp,{size:m,rounded:f,fillMode:A}),h(Jp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p})),children:e.children})};Ut.states=MY;Ut.options=wY;Ut.className=Jp;Ut.defaultOptions=Up;Ut.moduleName=Zd;Ut.folderName=Vp;var Ti=require("react/jsx-runtime"),iv="k-clear-value",LY=[r.disabled,r.loading,r.readonly],SY={},ie=e=>{let{disabled:t,loading:a,readonly:l,value:s}=e;return t||l||a||!s?(0,Ti.jsx)(Ti.Fragment,{}):(0,Ti.jsx)("span",{className:o(e.className,iv),children:(0,Ti.jsx)(g,{icon:"x"})})};ie.states=LY;ie.options=SY;ie.className=iv;var nv=require("react/jsx-runtime"),nf="k-input-inner",IY=[],BY={},jp={type:"text",autocomplete:"off",value:"",placeholder:""},he=e=>{let{value:t=jp.value,type:a=jp.type,placeholder:l=jp.placeholder,autocomplete:s=jp.autocomplete,...i}=e;return(0,nv.jsx)("input",{...i,type:a,className:o(e.className,nf,M(nf,e)),placeholder:l,autoComplete:s,defaultValue:t})};he.states=IY;he.options=BY;he.className=nf;var Jd=require("react/jsx-runtime"),df="k-input-inner",PY=[],DY={},Il=e=>{let{value:t,placeholder:a,showValue:l,valueIcon:s,valueIconName:i,...n}=e;return(0,Jd.jsxs)("span",{...n,className:o(e.className,df,M(df,e)),children:[s,!s&&i&&(0,Jd.jsx)(g,{className:"k-input-value-icon",icon:i}),l&&!t&&a,l&&t&&(0,Jd.jsx)("span",{className:"k-input-value-text",children:t})]})};Il.states=PY;Il.options=DY;Il.className=df;var cv=require("react/jsx-runtime"),cf="k-input-inner",RY=[],KY={},dv={value:"",placeholder:""},Ud=e=>{let{value:t=dv.value,placeholder:a=dv.placeholder,rows:l,...s}=e;return(0,cv.jsx)("textarea",{...s,className:o(e.className,cf,M(cf,e)),placeholder:a,rows:l,defaultValue:t})};Ud.states=RY;Ud.options=KY;Ud.className=cf;var jd=require("react/jsx-runtime"),pv="k-input-loading-icon",YY=[r.disabled,r.loading],te=e=>{let{disabled:t,loading:a}=e;return t||!a?(0,jd.jsx)(jd.Fragment,{}):(0,jd.jsx)("span",{className:o(e.className,pv,"k-icon k-i-loading")})};te.states=YY;te.className=pv;var qd=require("react/jsx-runtime"),mv="k-input-validation-icon",OY=[r.valid,r.invalid,r.disabled,r.loading],HY={},$=e=>{let{valid:t,invalid:a,disabled:l,loading:s}=e,i=a?"warning-circle":"check-circle";return l||s||!!!(t||a)?(0,qd.jsx)(qd.Fragment,{}):(0,qd.jsx)(g,{className:o(mv),icon:i})};$.states=OY;$.options=HY;$.className=mv;var _d=require("react/jsx-runtime"),FY="k-input-prefix",GY={direction:"horizontal"},le=e=>{let{direction:t=GY.direction,...a}=e;return e.children?(0,_d.jsx)("span",{...a,className:o(FY,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,_d.jsx)(_d.Fragment,{})};var $d=require("react/jsx-runtime"),zY="k-input-suffix",WY={direction:"horizontal"},re=e=>{let{direction:t=WY.direction,...a}=e;return e.children?(0,$d.jsx)("span",{...a,className:o(zY,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,$d.jsx)($d.Fragment,{})};var QY=require("react/jsx-runtime");var VY=require("react/jsx-runtime");var fv=require("react/jsx-runtime"),uv="k-input-separator",XY={direction:"vertical"},Ye=e=>{let{direction:t=XY.direction,...a}=e;return(0,fv.jsx)("span",{...a,className:o(uv,e.className,{[`${uv}-${t}`]:t})})};var hv=require("react/jsx-runtime"),qp="k-input-group",ZY=[r.disabled],JY={fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},kv={fillMode:N.solid},yi=e=>{let{fillMode:t=kv.fillMode,disabled:a,...l}=e;return(0,hv.jsx)("div",{...l,className:o(e.className,qp,M(qp,{fillMode:t}),h(qp,{disabled:a})),children:e.children})};yi.states=ZY;yi.options=JY;yi.className=qp;yi.defaultOptions=kv;var xv=require("react/jsx-runtime"),UY="k-no-data",ec=e=>(0,xv.jsx)("span",{className:o(UY,e.className),children:e.children});var Bl="list",nr=Bl;var Ra=require("react/jsx-runtime"),pf="k-list",jY=[],qY={size:[d.small,d.medium,d.large]},gv={size:d.medium},Z=e=>{let{size:t=gv.size,virtualization:a,children:l,optionLabel:s,customValue:i,screenReaders:n,...p}=e,m,f,A,v,b=[];return l?l.map((E,C)=>{E.type===Oe?(E.props.root===!0?(m=E.props.label,E.props.children.map((w,S)=>{b.push((0,Ra.jsx)(Y,{...w.props},`optChild-${S}-${new Date().getTime()}`))})):E.props.children.forEach((w,S)=>{let B="";S===0&&(B=E.props.label),b.push((0,Ra.jsx)(Y,{className:S===0?"k-first":"",...w.props,groupLabel:B},`groupLabel-${S}-${new Date().getTime()}`))}),f=(0,Ra.jsx)(Oe,{label:m,virtualization:a,children:b})):E.type===Y&&(b.push((0,Ra.jsx)(Y,{...E.props},`${E.type}-${C}`)),A=(0,Ra.jsx)(Ei,{virtualization:a,children:b}),n&&(v=(0,Ra.jsxs)(ec,{className:"k-sr-only",children:[b.length," items found."]})))}):v=(0,Ra.jsx)(ec,{children:"No data found."}),(0,Ra.jsxs)("div",{...p,className:o(e.className,pf,M(pf,{size:t}),{"k-virtual-list":a}),children:[s,i,f,A,v]})};Z.states=jY;Z.options=qY;Z.className=pf;Z.defaultOptions=gv;Z.moduleName=Bl;Z.folderName=nr;var Nv=require("react/jsx-runtime"),bv="k-list-container",_Y=[],$Y={},eO={},Ci=e=>{let{...t}=e;return(0,Nv.jsx)("div",{...t,className:o(e.className,bv),children:e.children})};Ci.states=_Y;Ci.options=$Y;Ci.className=bv;Ci.defaultOptions=eO;Ci.moduleName=Bl;Ci.folderName=nr;var Ka=require("react/jsx-runtime"),mf="k-list",tO=[],oO={size:[d.small,d.medium,d.large]},Av={size:d.medium},Pl=e=>{let{size:t=Av.size,virtualization:a,children:l,...s}=e,i,n,p,m=[];return l?l.map((f,A)=>{f.type===Oe?(f.props.root===!0?(i=f.props.label,f.props.children.map((v,b)=>{m.push((0,Ka.jsx)(Y,{...v.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push((0,Ka.jsx)(vv,{...f.props,children:f.props.label},`listChild-${A}`)),f.props.children.map((v,b)=>{m.push((0,Ka.jsx)(Y,{...v.props},`fwOptChild-${b}-${new Date().getTime()}`))})),n=(0,Ka.jsx)(Oe,{label:i,virtualization:a,children:m})):f.type===Y&&(m.push((0,Ka.jsx)(Y,{...f.props},`${f.type}-${A}`)),p=(0,Ka.jsx)(Ei,{virtualization:a,children:m}))}):p=(0,Ka.jsx)(ec,{children:"No data found."}),(0,Ka.jsxs)("div",{...s,className:o(e.className,mf,M(mf,{size:t}),{"k-virtual-list":a}),children:[n,p]})};Pl.states=tO;Pl.options=oO;Pl.className=mf;Pl.defaultOptions=Av;Pl.moduleName=Bl;Pl.folderName=nr;var Ns="checkbox",Mi=Ns;var ff=require("react/jsx-runtime"),_p="k-checkbox",aO=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],lO={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full]},uf={size:d.medium,rounded:x.medium},xt=e=>{let{id:t,checked:a,indeterminate:l,hover:s,focus:i,disabled:n,invalid:p,valid:m,required:f,size:A=uf.size,rounded:v=uf.rounded,...b}=e;return(0,ff.jsx)("span",{className:"k-checkbox-wrap",children:(0,ff.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:a,required:f,className:o(e.className,_p,M(_p,{size:A,rounded:v}),h(_p,{hover:s,focus:i,disabled:n,invalid:p,valid:m,indeterminate:l,checked:a}))})})};xt.states=aO;xt.options=lO;xt.className=_p;xt.defaultOptions=uf;xt.moduleName=Ns;xt.folderName=Mi;var Ev=require("react/jsx-runtime"),Tv="k-checkbox-list",rO=[],sO={},yv={layout:"vertical"},dr=e=>{let{layout:t=yv.layout,...a}=e;return(0,Ev.jsx)("ul",{...a,className:o(e.className,Tv,{[`k-list-${t}`]:t}),children:e.children})};dr.states=rO;dr.options=sO;dr.className=Tv;dr.defaultOptions=yv;dr.moduleName=Ns;dr.folderName=Mi;var Mv=require("react/jsx-runtime"),Cv="k-checkbox-list-item",iO=[],nO={},dO={},cr=e=>{let{...t}=e;return(0,Mv.jsx)("li",{...t,className:o(e.className,Cv),children:e.children})};cr.states=iO;cr.options=nO;cr.className=Cv;cr.defaultOptions=dO;cr.moduleName=Ns;cr.folderName=Mi;var hf=require("react/jsx-runtime");var xf=require("react/jsx-runtime");var gf=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var cO=require("react/jsx-runtime");var pO=require("react/jsx-runtime");var As=require("react/jsx-runtime"),Nf="k-list-item",mO=[r.hover,r.focus,r.selected,r.disabled],uO={},fO={},Y=e=>{let{text:t,groupLabel:a,group:l,showIcon:s,iconName:i,showCheckbox:n,checked:p,hover:m,focus:f,selected:A,disabled:v,...b}=e,E=t||e.children;return(0,As.jsxs)("li",{...b,className:o(e.className,l?"k-list-group-item":Nf,h(Nf,{hover:m,focus:f,disabled:v,selected:A})),children:[n&&(0,As.jsx)(xt,{checked:p}),s&&(0,As.jsx)(g,{icon:i}),(0,As.jsx)("span",{className:"k-list-item-text",children:E}),a&&a!==""&&(0,As.jsx)("div",{className:"k-list-item-group-label",children:a})]})};Y.states=mO;Y.options=uO;Y.className=Nf;Y.defaultOptions=fO;Y.moduleName=Bl;Y.folderName=nr;var wi=require("react/jsx-runtime"),kO="k-list-content",Ei=e=>{let{virtualization:t,...a}=e;return(0,wi.jsxs)("div",{...a,className:o(kO,e.className),children:[(0,wi.jsx)("ul",{className:o("k-list-ul"),children:e.children}),t&&(0,wi.jsx)("div",{className:"k-height-container",children:(0,wi.jsx)("div",{})})]})};var Af=require("react/jsx-runtime"),hO="k-list-group-sticky-header",wv=e=>(0,Af.jsx)("div",{className:o(hO,e.className),children:(0,Af.jsx)("div",{className:"k-list-header-text",children:e.children})});var vs=require("react/jsx-runtime"),Oe=e=>{let{virtualization:t,label:a}=e;return(0,vs.jsxs)(vs.Fragment,{children:[a&&(0,vs.jsx)(wv,{children:a}),e.children&&(0,vs.jsx)(Ei,{virtualization:t,children:e.children})]})};var vf=require("react/jsx-runtime"),xO="k-list-group-item",vv=e=>(0,vf.jsx)("li",{className:o(xO,e.className),children:(0,vf.jsx)("span",{className:"k-list-item-text",children:e.children})});var Lv=require("react/jsx-runtime"),Tf="k-list-optionlabel",gO=[r.hover,r.focus,r.selected,r.disabled],bO={},NO={},$p=e=>{let{text:t,hover:a,focus:l,selected:s,disabled:i,...n}=e;return(0,Lv.jsx)("div",{...n,className:o(Tf,h(Tf,{hover:a,focus:l,selected:s,disabled:i})),children:t})};$p.states=gO;$p.options=bO;$p.className=Tf;$p.defaultOptions=NO;var Sv=require("react/jsx-runtime"),yf="k-list-custom-value",AO=[r.hover,r.focus,r.selected,r.disabled],vO={},TO={},Bt=e=>{let{text:t,hover:a,focus:l,selected:s,disabled:i,...n}=e;return(0,Sv.jsx)("div",{...n,className:o(yf,h(yf,{hover:a,focus:l,selected:s,disabled:i})),children:t})};Bt.states=AO;Bt.options=vO;Bt.className=yf;Bt.defaultOptions=TO;var yO=require("react/jsx-runtime");var EO=require("react/jsx-runtime");var Iv=require("react/jsx-runtime");var Bv=require("react/jsx-runtime");var CO=require("react/jsx-runtime");var Pv=require("react/jsx-runtime");var Dv=require("react/jsx-runtime");var Ef="suggestion",Rv=Ef;var Li=require("react/jsx-runtime"),Kv="k-suggestion-group",MO=[],wO={},Yv={layout:"scrollable"},Ya=e=>{let{layout:t=Yv.layout,...a}=e,l=(0,Li.jsx)("div",{...a,className:o(Kv,{"k-suggestion-group-scrollable":t=="scrollable"},e.className),children:e.children});return t=="scrollButtons"?(0,Li.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Li.jsx)(c,{icon:"chevron-left"}),l,(0,Li.jsx)(c,{icon:"chevron-right"})]}):l};Ya.states=MO;Ya.options=wO;Ya.className=Kv;Ya.defaultOptions=Yv;Ya.moduleName=Ef;Ya.folderName=Rv;var Ov=require("react/jsx-runtime"),em="k-suggestion",LO=[r.active,r.hover,r.focus],SO={themeColor:[u.base,u.primary,u.secondary]},IO={text:"Suggestion"},pr=e=>{let{themeColor:t,active:a,hover:l,focus:s,text:i,...n}=e;return(0,Ov.jsx)("span",{...n,className:o(e.className,em,h(em,{hover:l,active:a,focus:s}),M(em,{themeColor:t})),children:i})};pr.states=LO;pr.options=SO;pr.className=em;pr.item=IO;var Cf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var wf=require("react/jsx-runtime");var Lf="avatar",Hv=Lf;var Sf=require("react/jsx-runtime"),tc="k-avatar";var BO=[r.hover,r.focus,r.active,r.selected,r.disabled],PO={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]},Ts={type:"text",size:d.medium,rounded:x.full,fillMode:N.solid,themeColor:u.primary,border:!1},Mo=e=>{let{size:t=Ts.size,rounded:a=Ts.rounded,fillMode:l=Ts.fillMode,themeColor:s=Ts.themeColor,type:i=Ts.type,border:n=Ts.border,...p}=e;return(0,Sf.jsx)("div",{...p,className:o(e.className,tc,M(tc,{size:t,rounded:a,fillMode:l,themeColor:s}),{[`${tc}-bordered`]:n}),children:(0,Sf.jsx)("span",{className:`${tc}-${i}`,children:e.children})})};Mo.states=BO;Mo.options=PO;Mo.className=tc;Mo.defaultOptions=Ts;Mo.moduleName=Lf;Mo.folderName=Hv;var DO=require("react/jsx-runtime");var RO=require("react/jsx-runtime");var KO=require("react/jsx-runtime");var If="badge",Gv=If;var zv=require("react/jsx-runtime"),oc="k-badge",YO=[],OO={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]},ac={size:d.medium,fillMode:N.solid,themeColor:u.primary,cutoutBorder:!1},mr=e=>{let{size:t=ac.size,fillMode:a=ac.fillMode,themeColor:l=ac.themeColor,cutoutBorder:s=ac.cutoutBorder,rounded:i,position:n,align:p,...m}=e;return(0,zv.jsx)("span",{...m,className:o(e.className,oc,M(oc,{size:t,rounded:i,fillMode:a,themeColor:l}),{[`${oc}-${n}`]:n,[`k-${p}`]:p,[`${oc}-border-cutout`]:s}),children:e.children})};mr.states=YO;mr.options=OO;mr.className=oc;mr.defaultOptions=ac;mr.moduleName=If;mr.folderName=Gv;var HO=require("react/jsx-runtime");var FO=require("react/jsx-runtime");var GO=require("react/jsx-runtime");var lc="chip",tm=lc;var Dl=require("react/jsx-runtime"),om="k-chip",zO=[r.hover,r.focus,r.active,r.selected,r.disabled],WO={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]},Si={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,avatarImage:"/packages/html/assets/avatar.jpg"},wo=e=>{let{size:t=Si.size,rounded:a=Si.rounded,fillMode:l=Si.fillMode,themeColor:s=Si.themeColor,text:i,icon:n,actions:p,showAvatar:m,avatarImage:f=Si.avatarImage,hover:A,focus:v,active:b,selected:E,disabled:C,...w}=e;return(0,Dl.jsxs)("div",{...w,className:o(e.className,om,M(om,{size:t,rounded:a,fillMode:l,themeColor:s}),h(om,{hover:A,focus:v,active:b,disabled:C,selected:E})),children:[n&&(0,Dl.jsx)(g,{className:"k-chip-icon",icon:n,size:"small"}),m&&(0,Dl.jsx)(Mo,{className:"k-chip-avatar",type:"image",children:(0,Dl.jsx)("img",{src:f})}),(0,Dl.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Dl.jsx)("span",{className:"k-chip-label",children:i})}),p&&(0,Dl.jsx)("span",{className:"k-chip-actions",children:p})]})};wo.states=zO;wo.options=WO;wo.className=om;wo.defaultOptions=Si;wo.moduleName=lc;wo.folderName=tm;var Qv=require("react/jsx-runtime"),Bf="k-chip-list",QO=[],VO={size:[d.small,d.medium,d.large]},Wv={size:d.medium},Lo=e=>{let{size:t=Wv.size,...a}=e;return(0,Qv.jsx)("div",{...a,className:o(e.className,Bf,M(Bf,{size:t})),children:e.children})};Lo.states=QO;Lo.options=VO;Lo.className=Bf;Lo.defaultOptions=Wv;Lo.moduleName=lc;Lo.folderName=tm;var XO=require("react/jsx-runtime");var ZO=require("react/jsx-runtime");var JO=require("react/jsx-runtime");var UO=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var rc=require("react/jsx-runtime"),Vv="k-color-preview",jO=[],qO={},ur=e=>{let{color:t,iconName:a,...l}=e;return(0,rc.jsxs)("span",{...l,className:o(e.className,Vv,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&(0,rc.jsx)(g,{icon:a,className:"k-color-preview-icon"}),(0,rc.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ur.states=jO;ur.options=qO;ur.className=Vv;var sc="loader",lm=sc;var qo=require("react/jsx-runtime"),Df="k-loader",_O={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},$O=[],e2={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]},rm={size:d.medium,themeColor:u.primary,animation:"pulsing"},Oa=e=>{let{size:t=rm.size,themeColor:a=rm.themeColor,animation:l=rm.animation,...s}=e,i=(0,qo.jsx)("span",{className:"k-loader-segment"});return(0,qo.jsx)("div",{...s,className:o(e.className,Df,{[`k-loader-${_O[l]||l}`]:l},M(Df,{size:t,themeColor:a})),children:(0,qo.jsxs)("div",{className:"k-loader-canvas",children:[l==="pulsing"&&(0,qo.jsxs)(qo.Fragment,{children:[i,i]}),l==="infinite-spinner"&&(0,qo.jsxs)(qo.Fragment,{children:[i,i,i]}),l==="converging-spinner"&&(0,qo.jsxs)(qo.Fragment,{children:[i,i,i,i]})]})})};Oa.states=$O;Oa.options=e2;Oa.className=Df;Oa.defaultOptions=rm;Oa.moduleName=sc;Oa.folderName=lm;var Xv=Oa;var Cs=require("react/jsx-runtime"),Rf="k-loader-container",t2=[],o2={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]},Es={size:d.medium,themeColor:u.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},Ms=e=>{let{size:t=Es.size,themeColor:a=Es.themeColor,loaderType:l=Es.loaderType,position:s=Es.position,overlay:i=Es.overlay,panel:n=Es.panel,...p}=e;return(0,Cs.jsxs)("div",{...p,className:o(e.className,Rf,M(Rf,{size:t}),{[`k-loader-${s}`]:s}),children:[(0,Cs.jsx)("div",{className:`k-loader-container-overlay k-overlay-${i}`}),(0,Cs.jsxs)("div",{className:o("k-loader-container-inner",{"k-loader-container-panel":n}),children:[(0,Cs.jsx)(Xv,{size:t,themeColor:a,animation:l}),(0,Cs.jsx)("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Ms.states=t2;Ms.options=o2;Ms.className=Rf;Ms.defaultOptions=Es;Ms.moduleName=sc;Ms.folderName=lm;var a2=require("react/jsx-runtime");var l2=require("react/jsx-runtime");var r2=require("react/jsx-runtime");var s2=require("react/jsx-runtime");var Kf="skeleton",Zv=Kf;var Jv=require("react/jsx-runtime"),Yf="k-skeleton",i2=["circle","text","rect"],n2=[],d2={},Of={variant:"text",shape:"text",animation:"pulse"},ga=e=>{let{variant:t,shape:a,animation:l=Of.animation,...s}=e,i=`skeleton-${t||a||Of.variant}`;return(0,Jv.jsx)("span",{...s,className:o(e.className,Yf,Yp(Yf,i),{[`k-skeleton-${l}`]:l}),style:e.style})};ga.states=n2;ga.options=d2;ga.variants=i2;ga.className=Yf;ga.defaultOptions=Of;ga.moduleName=Kf;ga.folderName=Zv;var c2=require("react/jsx-runtime");var Uv=require("react/jsx-runtime"),Hf=e=>(0,Uv.jsx)(ga,{shape:"rect",...e});var p2=require("react/jsx-runtime");var Ha=require("react/jsx-runtime"),Ff="k-form-field",m2=[r.disabled],Pt=e=>{let{label:t,orientation:a,optional:l,editor:s,hint:i,error:n,info:p,disabled:m,dir:f,colSpan:A}=e;return(0,Ha.jsxs)("div",{className:o(Ff,e.className,h(Ff,{disabled:m}),{[`k-col-span-${A}`]:A}),dir:f,children:[t&&(0,Ha.jsxs)("label",{className:o("k-label","k-form-label"),children:[t,l&&(0,Ha.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),p&&(0,Ha.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&(0,Ha.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,Ha.jsxs)("div",{className:"k-form-field-wrap",children:[s,i&&(0,Ha.jsx)("div",{className:"k-form-hint",children:i}),n&&(0,Ha.jsx)("div",{className:"k-form-error",children:n})]})]})};Pt.states=m2;Pt.className=Ff;var fr=require("react/jsx-runtime"),jv="k-form-fieldset",Fa=e=>{let{legend:t,layout:a,cols:l,gutters:s,colSpan:i}=e;return(0,fr.jsxs)("fieldset",{className:o(jv,{[`k-col-span-${i}`]:i}),children:[t&&(0,fr.jsx)("legend",{className:"k-form-legend",children:t}),a==="grid"?(0,fr.jsx)("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l}),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}):(0,fr.jsx)(fr.Fragment,{children:e.children})]})};Fa.className=jv;var qv="form",_v="forms";var Ga=require("react/jsx-runtime"),nm=require("react"),sm="k-form",u2=[],f2={size:[d.small,d.medium,d.large]},im={size:d.medium,layout:"basic",tag:"form"},ba=e=>{let{size:t=im.size,orientation:a,layout:l=im.layout,formButtons:s,cols:i,gutters:n,tag:p=im.tag,children:m}=e,f=({tag:v,className:b,children:E})=>v==="form"?(0,Ga.jsx)("form",{className:b,children:E}):(0,Ga.jsx)("div",{className:b,children:E}),A=[];return m&&(Array.isArray(m)?m.map((v,b)=>{v.type===Pt?A.push((0,nm.createElement)(Pt,{...v.props,orientation:a,key:b})):A.push(v)}):m.type===Pt?A.push((0,nm.createElement)(Pt,{...m.props,orientation:a,key:`${new Date().getTime()}`})):m.type===Fa&&A.push((0,nm.createElement)(Fa,{...m.props,key:`${new Date().getTime()}`}))),(0,Ga.jsxs)(f,{tag:p,className:o(e.className,sm,M(sm,{size:t}),{[`${sm}-${a}`]:a}),children:[l==="grid"?(0,Ga.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:A}):(0,Ga.jsx)(Ga.Fragment,{children:A}),s&&(0,Ga.jsx)("div",{className:"k-form-buttons",children:s})]})};ba.states=u2;ba.options=f2;ba.className=sm;ba.defaultOptions=im;ba.moduleName=qv;ba.folderName=_v;var eT=require("react/jsx-runtime"),k2="k-actionsheet-footer",$v={alignment:"stretched",orientation:"horizontal"},Na=e=>{let{alignment:t=$v.alignment,orientation:a=$v.orientation,template:l,as:s=l?"div":U,...i}=e;return(0,eT.jsx)(s,{...i,...!l&&{alignment:t,orientation:a},className:o(e.className,