UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines 88.4 kB
var Fl=Object.create;var Vo=Object.defineProperty;var $l=Object.getOwnPropertyDescriptor;var Xl=Object.getOwnPropertyNames;var Vl=Object.getPrototypeOf,Jl=Object.prototype.hasOwnProperty;var Wl=(e,t)=>{for(var o in t)Vo(e,o,{get:t[o],enumerable:!0})},Is=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Xl(t))!Jl.call(e,r)&&r!==o&&Vo(e,r,{get:()=>t[r],enumerable:!(s=$l(t,r))||s.enumerable});return e};var ql=(e,t,o)=>(o=e!=null?Fl(Vl(e)):{},Is(t||!e||!e.__esModule?Vo(o,"default",{value:e,enumerable:!0}):o,e)),Zl=e=>Is(Vo({},"__esModule",{value:!0}),e);var Su={};Wl(Su,{ChatMessageSkeleton:()=>vu});module.exports=Zl(Su);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>n({[`${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"}),k=(e,t)=>{let{valid:o,invalid:s,hover:r,focus:i,checked:p,active:c,selected:u,disabled:N,indeterminate:h,loading:S,empty:d,readonly:M,highlighted:L,...g}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":r,"k-focus":i,"k-checked":p,"k-active":c,"k-selected":u,"k-disabled":N,"k-indeterminate":h&&!p,"k-loading":S,"k-empty":d,"k-readonly":M,"k-highlighted":L},Object.keys(g).reduce((O,C)=>(C.startsWith("k-")?O[C]=g[C]:O[`k-${C}`]=g[C],O),{}))};function Jo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var l={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},m={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var hn="textarea",Bs=hn;var No="input",Wo=No;var _s=require("react/jsx-runtime"),qo="k-input",Yl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Ql={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Zo={size:l.medium,rounded:l.medium,fillMode:b.solid},I=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:i,loading:p,readonly:c,size:u=Zo.size,rounded:N=Zo.rounded,fillMode:h=Zo.fillMode,...S}=e;return(0,_s.jsx)("span",{...S,className:n(e.className,qo,A(qo,{size:u,rounded:N,fillMode:h}),k(qo,{hover:t,focus:o,disabled:s,invalid:r,valid:i,loading:p,readonly:c}))})};I.states=Yl;I.options=Ql;I.className=qo;I.defaultOptions=Zo;I.moduleName=No;I.folderName=Wo;var Ks=require("react/jsx-runtime"),Yo="k-picker",jl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],ep={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Qo={size:l.medium,rounded:x.medium,fillMode:b.solid},ne=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:i,loading:p,readonly:c,size:u=Qo.size,rounded:N=Qo.rounded,fillMode:h=Qo.fillMode,...S}=e;return(0,Ks.jsx)("span",{...S,className:n(e.className,Yo,A(Yo,{size:u,rounded:N,fillMode:h}),k(Yo,{hover:t,focus:o,disabled:s,invalid:r,valid:i,loading:p,readonly:c})),children:e.children})};ne.states=jl;ne.options=ep;ne.className=Yo;ne.defaultOptions=Qo;ne.moduleName=No;ne.folderName=Wo;var xo=require("react/jsx-runtime"),Ln="k-font-icon",tp=[],op={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},np={},ho=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:i,...p}=e;return s?(0,xo.jsx)("span",{...p,className:n(e.className,Ln,A(Ln,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):(0,xo.jsx)(xo.Fragment,{})};ho.states=tp;ho.options=op;ho.className=Ln;ho.defaultOptions=np;var Rs=ho;var gt=require("react/jsx-runtime"),Mn="k-svg-icon",ap=[],sp={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Ps={viewBox:"0 0 24 24"},Lo=e=>{let{size:t,themeColor:o,rotate:s,flip:r,viewBox:i=Ps.viewBox,icon:p,...c}=e;if(!p)return(0,gt.jsx)(gt.Fragment,{});p==="none"&&{...c,className:n(e.className,Mn,"k-none")};let u=typeof p=="object"&&p.name&&p.name;return(0,gt.jsx)("span",{...c,className:n(e.className,Mn,A("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,gt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Lo.states=ap;Lo.options=sp;Lo.className=Mn;Lo.defaultOptions=Ps;var vn=Lo;var Sn=ql(require("@progress/kendo-svg-icons"));var Ds="icon",ws="icons";var We=require("react/jsx-runtime"),jo="k-icon",rp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ip=[],lp={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},En={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{size:t,themeColor:o,icon:s,type:r=En.type,rotate:i,flip:p,viewBox:c=En.viewBox,...u}=e;if(!s)return(0,We.jsx)(We.Fragment,{});if(r==="svg"){if(s==="none")return(0,We.jsx)(vn,{...u,className:n(e.className,jo),icon:s,size:t});let N=Sn[s]?s:rp(`${s}-icon`);return Sn[N]?(0,We.jsx)(vn,{...u,className:n(e.className,jo),icon:Sn[N],size:t,themeColor:o,rotate:i,flip:p,viewBox:c}):(0,We.jsx)(We.Fragment,{})}return(0,We.jsx)(Rs,{...u,className:n(e.className,jo),icon:s,size:t,themeColor:o,rotate:i,flip:p})};v.states=ip;v.options=lp;v.defaultOptions=En;v.className=jo;v.moduleName=Ds;v.folderName=ws;var Jt=require("react/jsx-runtime"),Hs="k-clear-value",pp=[a.disabled,a.loading,a.readonly],mp={},Ae=e=>{let{disabled:t,loading:o,readonly:s,value:r}=e;return t||s||o||!r?(0,Jt.jsx)(Jt.Fragment,{}):(0,Jt.jsx)("span",{className:n(e.className,Hs),children:(0,Jt.jsx)(v,{icon:"x"})})};Ae.states=pp;Ae.options=mp;Ae.className=Hs;var zs=require("react/jsx-runtime"),gn="k-input-inner",cp=[],dp={},en={type:"text",autocomplete:"off",value:"",placeholder:""},Ce=e=>{let{value:t=en.value,type:o=en.type,placeholder:s=en.placeholder,autocomplete:r=en.autocomplete,...i}=e;return(0,zs.jsx)("input",{...i,type:o,className:n(e.className,gn,A(gn,e)),placeholder:s,autoComplete:r,defaultValue:t})};Ce.states=cp;Ce.options=dp;Ce.className=gn;var Mo=require("react/jsx-runtime"),kn="k-input-inner",up=[],fp={},kt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:r,valueIconName:i,...p}=e;return(0,Mo.jsxs)("span",{...p,className:n(e.className,kn,A(kn,e)),children:[r,!r&&i&&(0,Mo.jsx)(v,{className:"k-input-value-icon",icon:i}),s&&!t&&o,s&&t&&(0,Mo.jsx)("span",{className:"k-input-value-text",children:t})]})};kt.states=up;kt.options=fp;kt.className=kn;var Gs=require("react/jsx-runtime"),An="k-input-inner",bp=[],Np={},Us={value:"",placeholder:""},vo=e=>{let{value:t=Us.value,placeholder:o=Us.placeholder,rows:s,...r}=e;return(0,Gs.jsx)("textarea",{...r,className:n(e.className,An,A(An,e)),placeholder:o,rows:s,defaultValue:t})};vo.states=bp;vo.options=Np;vo.className=An;var So=require("react/jsx-runtime"),Fs="k-input-loading-icon",xp=[a.disabled,a.loading],ce=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,So.jsx)(So.Fragment,{}):(0,So.jsx)("span",{className:n(e.className,Fs,"k-icon k-i-loading")})};ce.states=xp;ce.className=Fs;var Eo=require("react/jsx-runtime"),$s="k-input-validation-icon",hp=[a.valid,a.invalid,a.disabled,a.loading],Lp={},ae=e=>{let{valid:t,invalid:o,disabled:s,loading:r}=e,i=o?"warning-circle":"check-circle";return s||r||!!!(t||o)?(0,Eo.jsx)(Eo.Fragment,{}):(0,Eo.jsx)(v,{className:n($s),icon:i})};ae.states=hp;ae.options=Lp;ae.className=$s;var go=require("react/jsx-runtime"),Mp="k-input-prefix",vp={direction:"horizontal"},de=e=>{let{direction:t=vp.direction,...o}=e;return e.children?(0,go.jsx)("span",{...o,className:n(Mp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,go.jsx)(go.Fragment,{})};var ko=require("react/jsx-runtime"),Sp="k-input-suffix",Ep={direction:"horizontal"},ue=e=>{let{direction:t=Ep.direction,...o}=e;return e.children?(0,ko.jsx)("span",{...o,className:n(Sp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ko.jsx)(ko.Fragment,{})};var gp=require("react/jsx-runtime");var kp=require("react/jsx-runtime");var Vs=require("react/jsx-runtime"),Xs="k-input-separator",Ap={direction:"vertical"},fe=e=>{let{direction:t=Ap.direction,...o}=e;return(0,Vs.jsx)("span",{...o,className:n(Xs,e.className,{[`${Xs}-${t}`]:t})})};var se=require("react/jsx-runtime"),Js="k-textarea",Cp=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],Tp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},qe={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},rt=e=>{let{size:t=qe.size,rounded:o=qe.rounded,fillMode:s=qe.fillMode,prefixSeparator:r=qe.prefixSeparator,suffixSeparator:i=qe.prefixSeparator,affixesOrientation:p=qe.affixesOrientation,flow:c=qe.flow,resize:u=qe.resize,prefix:N,suffix:h,rows:S,value:d,placeholder:M,hover:L,focus:g,valid:O,invalid:C,required:_,disabled:X,...De}=e;return(0,se.jsxs)(I,{...De,size:t,rounded:o,fillMode:s,hover:L,focus:g,valid:O,invalid:C,required:_,disabled:X,className:n(e.className,Js,{"!k-flex-col":c==="vertical","!k-flex-row":c==="horizontal"}),children:[N&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(de,{className:n({"!k-align-items-start":c===p}),direction:p,children:N}),r&&(0,se.jsx)(fe,{direction:c==="horizontal"?"vertical":"horizontal"})]}),(0,se.jsx)(vo,{className:n("!k-overflow-auto",{"!k-flex-none":c==="vertical","k-resize-x":u==="x","k-resize-y":u==="y","k-resize":u==="both","k-resize-none":u==="none"}),value:d,placeholder:M,rows:S}),h&&(0,se.jsxs)(se.Fragment,{children:[i&&(0,se.jsx)(fe,{direction:c==="horizontal"?"vertical":"horizontal"}),(0,se.jsx)(ue,{className:n({"!k-align-items-start":c===p}),direction:p,children:h})]})]})};rt.states=Cp;rt.options=Tp;rt.className=Js;rt.defaultOptions=qe;rt.moduleName=hn;rt.folderName=Bs;var Op=require("react/jsx-runtime");var qs=require("react/jsx-runtime");var Cn="button",Zs=Cn;var Te=require("react/jsx-runtime"),Ao="k-button",yp=["icon-button"],Ip=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Bp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},At={size:l.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},f=e=>{let{size:t=At.size,rounded:o=At.rounded,fillMode:s=At.fillMode,themeColor:r=At.themeColor,showArrow:i=At.showArrow,arrowIconName:p=At.arrowIconName,variant:c,hover:u,focus:N,active:h,selected:S,disabled:d,icon:M,text:L,iconClassName:g,...O}=e,C=M!==void 0,_=e.children!==void 0;return(0,Te.jsxs)("button",{...O,className:n(e.className,Ao,Jo(Ao,c),A(Ao,{size:t,rounded:o,fillMode:s,themeColor:r}),k(Ao,{hover:u,focus:N,active:h,disabled:d,selected:S}),{"k-icon-button":!L&&!_&&C}),children:[M&&(0,Te.jsx)(v,{className:n(g,"k-button-icon"),icon:M}),L?(0,Te.jsxs)(Te.Fragment,{children:[L&&(0,Te.jsx)("span",{className:"k-button-text",children:L}),e.children]}):e.children&&(0,Te.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,Te.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Te.jsx)(v,{icon:p})})]})};f.states=Ip;f.options=Bp;f.variants=yp;f.className=Ao;f.defaultOptions=At;f.moduleName=Cn;f.folderName=Zs;var Ys=require("react/jsx-runtime"),Ze=e=>(0,Ys.jsx)(f,{icon:"folder",...e,children:void 0});var Qs=require("react/jsx-runtime"),Tn=e=>(0,Qs.jsx)(f,{icon:"folder",children:"Button",...e});var _p=require("react/jsx-runtime");var js=require("react/jsx-runtime");var On="speech-to-text-button",er=On;var nr=require("react/jsx-runtime"),tr="k-speech-to-text-button",or={icon:"microphone-outline"},we=e=>{let{listening:t=!1,icon:o=or.icon,...s}=e;return(0,nr.jsx)(f,{...s,icon:t?"stop-sm":o,className:n(e.className,tr,{"k-listening":t})})};we.states=f.states;we.options=f.options;we.className=tr;we.defaultOptions=or;we.moduleName=On;we.folderName=er;var Kp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var yn="chat",ar=yn;var $=require("react/jsx-runtime"),sr="k-chat",Pp=[],Dp={},wp=(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(we,{fillMode:"clear"}),(0,$.jsx)(Ze,{icon:"paperclip",fillMode:"clear"},"paperclip")]}),rr={tools:wp},ee=e=>{let{header:t,dir:o,suggestedActions:s,files:r,pinned:i,replied:p,generating:c,tools:u=rr.tools,value:N,empty:h,...S}=e;return(0,$.jsxs)("div",{...S,className:n(sr,e.className),dir:o,children:[t,i,(0,$.jsx)("div",{className:"k-message-list",children:(0,$.jsx)("div",{className:n("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children})}),(0,$.jsxs)("div",{className:"k-message-box-wrapper",children:[s,(0,$.jsx)(rt,{className:"k-message-box",placeholder:"Type a message",value:N,prefixSeparator:!1,suffixSeparator:!1,rows:1,resize:"none",prefix:r||p?(0,$.jsxs)($.Fragment,{children:[p,r]}):void 0,suffix:(0,$.jsxs)($.Fragment,{children:[u,(0,$.jsx)("span",{className:"k-spacer"}),(0,$.jsx)(Wt,{generating:c,disabled:!N&&!c})]})})]})]})};ee.states=Pp;ee.options=Dp;ee.className=sr;ee.defaultOptions=rr;ee.moduleName=yn;ee.folderName=ar;var In="button",ir=In;var pr=require("react/jsx-runtime"),Co="k-button-group",Hp=[a.disabled],zp={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},lr={fillMode:b.solid},R=e=>{let{fillMode:t=lr.fillMode,disabled:o,stretched:s,...r}=e;return(0,pr.jsx)("div",{...r,className:n(e.className,Co,A(Co,{fillMode:t}),k(Co,{disabled:o}),{[`${Co}-stretched`]:s}),children:e.children})};R.states=Hp;R.options=zp;R.className=Co;R.defaultOptions=lr;R.moduleName=In;R.folderName=ir;var Bn=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var To=require("react/jsx-runtime"),mr="k-color-preview",Up=[],Gp={},it=e=>{let{color:t,iconName:o,...s}=e;return(0,To.jsxs)("span",{...s,className:n(e.className,mr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,To.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,To.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};it.states=Up;it.options=Gp;it.className=mr;var Pn="popup",cr=Pn;var Dn=require("react/jsx-runtime"),dr="k-animation-container",Fp=[],$p={},ur={positionMode:"absolute"},He=e=>{let{positionMode:t=ur.positionMode,animationStyle:o,offset:s,...r}=e;return(0,Dn.jsx)("div",{...r,style:{...s,...e.style},className:n(e.className,dr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Dn.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};He.states=Fp;He.options=$p;He.className=dr;He.defaultOptions=ur;He.moduleName=Pn;He.folderName=cr;var wn="popup",fr=wn;var Hn=require("react/jsx-runtime"),br="k-popup",Xp=[],Vp={},Nr={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=Nr.positionMode,animationStyle:s,...r}=e;return(0,Hn.jsx)(He,{positionMode:o,offset:t,animationStyle:s,children:(0,Hn.jsx)("div",{...r,className:n(e.className,br),children:e.children})})};U.states=Xp;U.options=Vp;U.className=br;U.defaultOptions=Nr;U.moduleName=wn;U.folderName=fr;var zn="action-buttons",xr=zn;var Lr=require("react/jsx-runtime"),tn="k-actions",Jp=[],Wp={},Un={alignment:"start",orientation:"horizontal"},re=e=>{let{alignment:t=Un.alignment,orientation:o=Un.orientation,...s}=e;return(0,Lr.jsx)("div",{...s,className:n(tn,{[`${tn}-${t}`]:t,[`${tn}-${o}`]:o},e.className),children:e.children})};re.states=Jp;re.options=Wp;re.className=tn;re.defaultOptions=Un;re.moduleName=zn;re.folderName=xr;var hr=re;var vr=require("react/jsx-runtime"),qp="k-actionsheet-footer",Mr={alignment:"stretched",orientation:"horizontal"},Oo=e=>{let{alignment:t=Mr.alignment,orientation:o=Mr.orientation,template:s,as:r=s?"div":re,...i}=e;return(0,vr.jsx)(r,{...i,...!s&&{alignment:t,orientation:o},className:n(e.className,qp),children:e.children})};var Gn="searchbox",Sr=Gn;var lt=require("react/jsx-runtime"),Er="k-searchbox",Zp=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],Yp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Fn={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},Oe=e=>{let{value:t,placeholder:o,size:s,rounded:r,fillMode:i,hover:p,focus:c,valid:u,invalid:N,required:h,loading:S,disabled:d,showIcon:M=Fn.showIcon,icon:L=Fn.icon,...g}=e;return(0,lt.jsxs)(I,{...g,size:s,rounded:r,fillMode:i,hover:p,focus:c,valid:u,invalid:N,required:h,loading:S,disabled:d,className:n(e.className,Er),children:[M&&(0,lt.jsx)(v,{className:"k-input-icon",icon:L}),(0,lt.jsx)(Ce,{placeholder:o,value:t}),(0,lt.jsx)(ce,{...e}),(0,lt.jsx)(ae,{...e}),(0,lt.jsx)(Ae,{...e})]})};Oe.states=Zp;Oe.options=Yp;Oe.className=Er;Oe.defaultOptions=Fn;Oe.moduleName=Gn;Oe.folderName=Sr;var Qp=require("react/jsx-runtime");var $n="textbox",gr=$n;var q=require("react/jsx-runtime"),kr="k-textbox",jp=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],em={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Ct={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},ze=e=>{let{size:t=Ct.size,rounded:o=Ct.rounded,fillMode:s=Ct.fillMode,separators:r=Ct.separators,showClearButton:i=Ct.showClearButton,showValidationIcon:p=Ct.showValidationIcon,prefix:c,suffix:u,type:N,value:h,placeholder:S,hover:d,focus:M,valid:L,invalid:g,required:O,loading:C,disabled:_,readonly:X,...De}=e;return(0,q.jsxs)(I,{...De,size:t,rounded:o,fillMode:s,hover:d,focus:M,valid:L,invalid:g,required:O,loading:C,disabled:_,readonly:X,className:n(e.className,kr),children:[c&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(de,{children:c}),r&&(0,q.jsx)(fe,{})]}),(0,q.jsx)(Ce,{placeholder:S,value:h,type:N}),p&&(0,q.jsx)(ae,{valid:L,invalid:g,loading:C,disabled:_}),(0,q.jsx)(ce,{loading:C,disabled:_}),i&&(0,q.jsx)(Ae,{loading:C,disabled:_,readonly:X,value:h}),u&&(0,q.jsxs)(q.Fragment,{children:[r&&(0,q.jsx)(fe,{}),(0,q.jsx)(ue,{children:u})]})]})};ze.states=jp;ze.options=em;ze.className=kr;ze.defaultOptions=Ct;ze.moduleName=$n;ze.folderName=gr;var tm=require("react/jsx-runtime");var Cr=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var ie=require("react/jsx-runtime"),Or="k-actionsheet-titlebar",om={},be=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:r,filter:i,input:p,inputValue:c,inputPlaceholder:u,adaptive:N,children:h,...S}=e;return(0,ie.jsxs)("div",{...S,className:n(e.className,Or),children:[(0,ie.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[s&&(0,ie.jsx)("div",{className:"k-actionsheet-actions",children:s}),!h&&(0,ie.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,ie.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ie.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&(0,ie.jsx)("div",{className:"k-actionsheet-title",children:h}),r&&(0,ie.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p||i)&&(0,ie.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,ie.jsx)(ze,{value:c,placeholder:u,size:N?"large":"medium"}):(0,ie.jsx)(Oe,{placeholder:"Filter",size:N?"large":"medium"})})]})};be.className=Or;be.defaultOptions=om;var qt=require("react/jsx-runtime"),Xn="k-actionsheet-view",nm=[],am={},sm={},Zt=e=>{let{adaptive:t,animated:o,children:s,header:r,footer:i,...p}=e,c=(r==null?void 0:r.type)===be&&(0,qt.jsx)(be,{adaptive:t,...r==null?void 0:r.props}),u=(i==null?void 0:i.type)===Oo&&(0,qt.jsx)(Oo,{...i==null?void 0:i.props});return(0,qt.jsxs)("div",{...p,className:n(e.className,Xn,{[`${Xn}-animated`]:o}),children:[c,(0,qt.jsx)("div",{className:"k-actionsheet-content",children:s}),u]})};Zt.states=nm;Zt.options=am;Zt.className=Xn;Zt.defaultOptions=sm;var yo="action-sheet",on=yo;var Tt=require("react/jsx-runtime"),yr="k-actionsheet",rm=[],im={},Io={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},le=e=>{let{side:t=Io.side,fullscreen:o=Io.fullscreen,adaptive:s=Io.adaptive,overlay:r=Io.overlay,template:i,children:p,header:c,footer:u,...N}=e;return(0,Tt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Tt.jsx)("div",{className:"k-overlay"}),(0,Tt.jsx)(He,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,Tt.jsx)("div",{...N,className:n(e.className,yr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:i||(0,Tt.jsx)(Zt,{header:c,footer:u,adaptive:s,...e,children:p})})})]})};le.states=rm;le.options=im;le.className=yr;le.defaultOptions=Io;le.moduleName=yo;le.folderName=on;var Br=require("react/jsx-runtime"),Ir="k-actionsheet-container",lm=[],pm={},mm={},Yt=e=>{let{children:t,...o}=e;return(0,Br.jsx)("div",{...o,className:Ir,children:t})};Yt.states=lm;Yt.options=pm;Yt.className=Ir;Yt.defaultOptions=mm;Yt.moduleName=yo;Yt.folderName=on;var cm=require("react/jsx-runtime");var Ne=require("react/jsx-runtime"),Vn="k-actionsheet-item",dm=[a.hover,a.focus,a.selected,a.disabled],Jn=e=>{let{iconName:t,text:o,description:s,hover:r,focus:i,selected:p,disabled:c,...u}=e;return(0,Ne.jsxs)("span",{...u,className:n(e.className,Vn,k(Vn,{hover:r,focus:i,selected:p,disabled:c})),children:[!e.children&&(0,Ne.jsx)(Ne.Fragment,{children:(0,Ne.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Ne.jsx)("span",{className:"k-icon-wrap",children:(0,Ne.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,Ne.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Ne.jsx)("span",{className:"k-actionsheet-item-title",children:o}),s&&(0,Ne.jsx)("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};Jn.states=dm;Jn.className=Vn;var _r=require("react/jsx-runtime");var um=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var bm=require("react/jsx-runtime");var Wn="slider",Rr=Wn;var ye=require("react/jsx-runtime"),Bo="k-slider",Nm=[a.hover,a.focus,a.active,a.disabled,a.readonly],xm={},pt={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},te=e=>{let{type:t=pt.type,orientation:o=pt.orientation,readonly:s=pt.readonly,disabled:r=pt.disabled,handlePosition:i=pt.handlePosition,showButtons:p=pt.showButtons,showTicks:c=pt.showTicks,hover:u,focus:N,active:h,trackStyle:S,dir:d,...M}=e,L,g;return o==="horizontal"?(L=d==="rtl"?"caret-alt-left":"caret-alt-right",g=d==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(L="caret-alt-up",g="caret-alt-down"),(0,ye.jsxs)("div",{...M,className:n(Bo,e.className,k(Bo,{readonly:s,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:d,children:[p&&(0,ye.jsx)(f,{className:"k-button-decrease",rounded:"full",icon:g}),(0,ye.jsxs)("div",{className:"k-slider-track-wrap",children:[c&&(0,ye.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,ye.jsxs)("div",{className:"k-slider-track",style:S,children:[(0,ye.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,ye.jsx)("span",{className:n("k-draghandle","k-draghandle-start",k(Bo,{hover:u,focus:N,active:h}))}),(0,ye.jsx)("span",{className:n("k-draghandle",`k-draghandle-${i}`,k(Bo,{hover:u,focus:N,active:h}))})]})]}),p&&(0,ye.jsx)(f,{className:"k-button-increase",rounded:"full",icon:L})]})};te.states=Nm;te.options=xm;te.className=Bo;te.defaultOptions=pt;te.moduleName=Wn;te.folderName=Rr;var qn=require("react/jsx-runtime"),Pr="k-tick",hm=[],Lm={},Dr={label:!1},mt=e=>{let{style:t,label:o=Dr.label,orientation:s,large:r,text:i,...p}=e;return(0,qn.jsx)("li",{...p,className:n(e.className,Pr,{[`k-tick-${s}`]:s,"k-tick-large":r}),style:t,children:o&&(0,qn.jsx)("span",{className:"k-label",children:i})})};mt.states=hm;mt.options=Lm;mt.className=Pr;mt.defaultOptions=Dr;var Zn=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var wr=require("react/jsx-runtime"),ea=e=>(0,wr.jsx)(te,{type:"gradient",showButtons:!1,showTicks:!1,...e});var Hr=require("react/jsx-runtime"),ta=e=>(0,Hr.jsx)(te,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var _o=require("react/jsx-runtime"),zr="k-spin-button",Sm=[],Em={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},oa={size:l.medium,fillMode:b.solid},ct=e=>{let{size:t=oa.size,fillMode:o=oa.fillMode,...s}=e;return(0,_o.jsxs)("span",{...s,className:n(zr,e.className),children:[(0,_o.jsx)(f,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),(0,_o.jsx)(f,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};ct.states=Sm;ct.options=Em;ct.className=zr;ct.defaultOptions=oa;ct.moduleName=null;ct.folderName=null;var Ur="numeric-textbox",Gr="numerictextbox";var V=require("react/jsx-runtime"),Fr="k-numerictextbox",gm=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],km={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Ot={showSpinButton:!0,showClearButton:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},D=e=>{let{size:t=Ot.size,rounded:o=Ot.rounded,fillMode:s=Ot.fillMode,separators:r=Ot.separators,showClearButton:i=Ot.showClearButton,showSpinButton:p=Ot.showSpinButton,prefix:c,suffix:u,value:N,placeholder:h,hover:S,focus:d,valid:M,invalid:L,required:g,loading:O,disabled:C,readonly:_,...X}=e;return(0,V.jsxs)(I,{...X,size:t,rounded:o,fillMode:s,hover:S,focus:d,valid:M,invalid:L,required:g,loading:O,disabled:C,readonly:_,className:n(e.className,Fr),children:[c&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(de,{children:c}),r&&(0,V.jsx)(fe,{})]}),(0,V.jsx)(Ce,{placeholder:h,value:N}),(0,V.jsx)(ae,{valid:M,invalid:L,loading:O,disabled:C}),(0,V.jsx)(ce,{loading:O,disabled:C}),i&&(0,V.jsx)(Ae,{loading:O,disabled:C,readonly:_,value:N}),u&&(0,V.jsxs)(V.Fragment,{children:[r&&(0,V.jsx)(fe,{}),(0,V.jsx)(ue,{children:u})]}),p&&(0,V.jsx)(ct,{className:"k-input-spinner",size:t,fillMode:s})]})};D.states=gm;D.options=km;D.className=Fr;D.defaultOptions=Ot;D.moduleName=Ur;D.folderName=Gr;var Am=require("react/jsx-runtime");var Xr=require("react/jsx-runtime"),Cm="k-no-data",Ko=e=>(0,Xr.jsx)("span",{className:n(Cm,e.className),children:e.children});var Ye="list",dt=Ye;var Ue=require("react/jsx-runtime"),na="k-list",Tm=[],Om={size:[l.small,l.medium,l.large]},Vr={size:l.medium},K=e=>{let{size:t=Vr.size,virtualization:o,children:s,optionLabel:r,customValue:i,screenReaders:p,...c}=e,u,N,h,S,d=[];return s?s.map((M,L)=>{M.type===J?(M.props.root===!0?(u=M.props.label,M.props.children.map((g,O)=>{d.push((0,Ue.jsx)(y,{...g.props},`optChild-${O}-${new Date().getTime()}`))})):M.props.children.forEach((g,O)=>{let C="";O===0&&(C=M.props.label),d.push((0,Ue.jsx)(y,{className:O===0?"k-first":"",...g.props,groupLabel:C},`groupLabel-${O}-${new Date().getTime()}`))}),N=(0,Ue.jsx)(J,{label:u,virtualization:o,children:d})):M.type===y&&(d.push((0,Ue.jsx)(y,{...M.props},`${M.type}-${L}`)),h=(0,Ue.jsx)(Qt,{virtualization:o,children:d}),p&&(S=(0,Ue.jsxs)(Ko,{className:"k-sr-only",children:[d.length," items found."]})))}):S=(0,Ue.jsx)(Ko,{children:"No data found."}),(0,Ue.jsxs)("div",{...c,className:n(e.className,na,A(na,{size:t}),{"k-virtual-list":o}),children:[r,i,N,h,S]})};K.states=Tm;K.options=Om;K.className=na;K.defaultOptions=Vr;K.moduleName=Ye;K.folderName=dt;var Wr=require("react/jsx-runtime"),Jr="k-list-container",ym=[],Im={},Bm={},jt=e=>{let{...t}=e;return(0,Wr.jsx)("div",{...t,className:n(e.className,Jr),children:e.children})};jt.states=ym;jt.options=Im;jt.className=Jr;jt.defaultOptions=Bm;jt.moduleName=Ye;jt.folderName=dt;var Ge=require("react/jsx-runtime"),aa="k-list",_m=[],Km={size:[l.small,l.medium,l.large]},qr={size:l.medium},Qe=e=>{let{size:t=qr.size,virtualization:o,children:s,...r}=e,i,p,c,u=[];return s?s.map((N,h)=>{N.type===J?(N.props.root===!0?(i=N.props.label,N.props.children.map((S,d)=>{u.push((0,Ge.jsx)(y,{...S.props},`optChild-${d}-${new Date().getTime()}`))})):(u.push((0,Ge.jsx)(Zr,{...N.props,children:N.props.label},`listChild-${h}`)),N.props.children.map((S,d)=>{u.push((0,Ge.jsx)(y,{...S.props},`fwOptChild-${d}-${new Date().getTime()}`))})),p=(0,Ge.jsx)(J,{label:i,virtualization:o,children:u})):N.type===y&&(u.push((0,Ge.jsx)(y,{...N.props},`${N.type}-${h}`)),c=(0,Ge.jsx)(Qt,{virtualization:o,children:u}))}):c=(0,Ge.jsx)(Ko,{children:"No data found."}),(0,Ge.jsxs)("div",{...r,className:n(e.className,aa,A(aa,{size:t}),{"k-virtual-list":o}),children:[p,c]})};Qe.states=_m;Qe.options=Km;Qe.className=aa;Qe.defaultOptions=qr;Qe.moduleName=Ye;Qe.folderName=dt;var yt="checkbox",eo=yt;var ra=require("react/jsx-runtime"),nn="k-checkbox",Rm=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],Pm={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full]},sa={size:l.medium,rounded:x.medium},Fe=e=>{let{id:t,checked:o,indeterminate:s,hover:r,focus:i,disabled:p,invalid:c,valid:u,required:N,size:h=sa.size,rounded:S=sa.rounded,...d}=e;return(0,ra.jsx)("span",{className:"k-checkbox-wrap",children:(0,ra.jsx)("input",{...d,id:t,type:"checkbox",defaultChecked:o,required:N,className:n(e.className,nn,A(nn,{size:h,rounded:S}),k(nn,{hover:r,focus:i,disabled:p,invalid:c,valid:u,indeterminate:s,checked:o}))})})};Fe.states=Rm;Fe.options=Pm;Fe.className=nn;Fe.defaultOptions=sa;Fe.moduleName=yt;Fe.folderName=eo;var jr=require("react/jsx-runtime"),Yr="k-checkbox-list",Dm=[],wm={},Qr={layout:"vertical"},ut=e=>{let{layout:t=Qr.layout,...o}=e;return(0,jr.jsx)("ul",{...o,className:n(e.className,Yr,{[`k-list-${t}`]:t}),children:e.children})};ut.states=Dm;ut.options=wm;ut.className=Yr;ut.defaultOptions=Qr;ut.moduleName=yt;ut.folderName=eo;var ti=require("react/jsx-runtime"),ei="k-checkbox-list-item",Hm=[],zm={},Um={},ft=e=>{let{...t}=e;return(0,ti.jsx)("li",{...t,className:n(e.className,ei),children:e.children})};ft.states=Hm;ft.options=zm;ft.className=ei;ft.defaultOptions=Um;ft.moduleName=yt;ft.folderName=eo;var la=require("react/jsx-runtime");var pa=require("react/jsx-runtime");var ma=require("react/jsx-runtime");var ca=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var It=require("react/jsx-runtime"),da="k-list-item",$m=[a.hover,a.focus,a.selected,a.disabled],Xm={},Vm={},y=e=>{let{text:t,groupLabel:o,group:s,showIcon:r,iconName:i,showCheckbox:p,checked:c,hover:u,focus:N,selected:h,disabled:S,...d}=e,M=t||e.children;return(0,It.jsxs)("li",{...d,className:n(e.className,s?"k-list-group-item":da,k(da,{hover:u,focus:N,disabled:S,selected:h})),children:[p&&(0,It.jsx)(Fe,{checked:c}),r&&(0,It.jsx)(v,{icon:i}),(0,It.jsx)("span",{className:"k-list-item-text",children:M}),o&&o!==""&&(0,It.jsx)("div",{className:"k-list-item-group-label",children:o})]})};y.states=$m;y.options=Xm;y.className=da;y.defaultOptions=Vm;y.moduleName=Ye;y.folderName=dt;var to=require("react/jsx-runtime"),Jm="k-list-content",Qt=e=>{let{virtualization:t,...o}=e;return(0,to.jsxs)("div",{...o,className:n(Jm,e.className),children:[(0,to.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,to.jsx)("div",{className:"k-height-container",children:(0,to.jsx)("div",{})})]})};var ua=require("react/jsx-runtime"),Wm="k-list-group-sticky-header",oi=e=>(0,ua.jsx)("div",{className:n(Wm,e.className),children:(0,ua.jsx)("div",{className:"k-list-header-text",children:e.children})});var Bt=require("react/jsx-runtime"),J=e=>{let{virtualization:t,label:o}=e;return(0,Bt.jsxs)(Bt.Fragment,{children:[o&&(0,Bt.jsx)(oi,{children:o}),e.children&&(0,Bt.jsx)(Qt,{virtualization:t,children:e.children})]})};var fa=require("react/jsx-runtime"),qm="k-list-group-item",Zr=e=>(0,fa.jsx)("li",{className:n(qm,e.className),children:(0,fa.jsx)("span",{className:"k-list-item-text",children:e.children})});var ni=require("react/jsx-runtime"),ba="k-list-optionlabel",Zm=[a.hover,a.focus,a.selected,a.disabled],Ym={},Qm={},an=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:i,...p}=e;return(0,ni.jsx)("div",{...p,className:n(ba,k(ba,{hover:o,focus:s,selected:r,disabled:i})),children:t})};an.states=Zm;an.options=Ym;an.className=ba;an.defaultOptions=Qm;var ai=require("react/jsx-runtime"),Na="k-list-custom-value",jm=[a.hover,a.focus,a.selected,a.disabled],ec={},tc={},bt=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:i,...p}=e;return(0,ai.jsx)("div",{...p,className:n(Na,k(Na,{hover:o,focus:s,selected:r,disabled:i})),children:t})};bt.states=jm;bt.options=ec;bt.className=Na;bt.defaultOptions=tc;var oc=require("react/jsx-runtime");var nc=require("react/jsx-runtime");var si=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li=require("react/jsx-runtime");var pi="dropdown-list",mi="dropdownlist";var w=require("react/jsx-runtime"),ci="k-dropdownlist",sc=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],rc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},oo={showValue:!0,arrowIconName:"caret-alt-down",size:l.medium,rounded:x.medium,fillMode:b.solid},$e=e=>{let{size:t=oo.size,rounded:o=oo.rounded,fillMode:s=oo.fillMode,arrowIconName:r=oo.arrowIconName,showValue:i=oo.showValue,valueIconName:p,prefix:c,suffix:u,value:N,placeholder:h,hover:S,focus:d,valid:M,invalid:L,required:g,loading:O,disabled:C,readonly:_,popup:X,opened:De,adaptive:fo,adaptiveSettings:bo,adaptiveTitle:Nn,adaptiveSubtitle:xn,adaptiveFilter:Ul,...Gl}=e;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(ne,{...Gl,size:t,rounded:o,fillMode:s,hover:S,focus:d,valid:M,invalid:L,required:g,loading:O,disabled:C,readonly:_,className:n(e.className,ci,{"k-icon-picker":!i&&p}),children:[(0,w.jsx)(de,{children:c}),(0,w.jsx)(kt,{placeholder:h,value:N,showValue:i,valueIconName:p}),(0,w.jsx)(ae,{valid:M,invalid:L,loading:O,disabled:C}),(0,w.jsx)(ce,{loading:O,disabled:C}),(0,w.jsx)(ue,{children:u}),(0,w.jsx)(f,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),De&&X&&(0,w.jsx)(U,{className:"k-list-container k-dropdownlist-popup",children:X}),fo&&(0,w.jsx)(le,{adaptive:!0,...bo,header:(0,w.jsx)(be,{actionsEnd:(0,w.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ul,inputValue:N,inputPlaceholder:h,title:Nn,subtitle:xn}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsxs)(K,{size:"large",children:[(0,w.jsx)(y,{text:"List item"}),(0,w.jsx)(y,{text:"List item"}),(0,w.jsx)(y,{text:"List item"})]})})})]})};$e.states=sc;$e.options=rc;$e.className=ci;$e.defaultOptions=oo;$e.moduleName=pi;$e.folderName=mi;var ic=require("react/jsx-runtime");var di=require("react/jsx-runtime");var xa=require("react/jsx-runtime");var lc=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var ha=require("react/jsx-runtime");var La=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var E=require("react/jsx-runtime"),xi="k-colorgradient-inputs",pc=[],mc={size:[l.small,l.medium,l.large]},hi={mode:"rgba",size:l.medium},no=e=>{let{mode:t=hi.mode,size:o,...s}=e;return(0,E.jsxs)("div",{...s,className:n(xi,"k-hstack"),children:[(0,E.jsx)("div",{className:"k-vstack",children:(0,E.jsx)(f,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,E.jsx)(ze,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};no.states=pc;no.options=mc;no.className=xi;no.defaultOptions=hi;var Z=require("react/jsx-runtime"),Li="k-colorgradient-color-contrast",cc=[],dc={},uc={},ao=()=>(0,Z.jsxs)("div",{className:n(Li,"k-vbox"),children:[(0,Z.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Z.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Z.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Z.jsx)(v,{icon:"check"}),(0,Z.jsx)(v,{icon:"check"})]})]}),(0,Z.jsxs)("div",{children:[(0,Z.jsx)("span",{children:"AA: 4.5"}),(0,Z.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Z.jsx)(v,{icon:"check"})]})]}),(0,Z.jsxs)("div",{children:[(0,Z.jsx)("span",{children:"AAA: 7.0"}),(0,Z.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Z.jsx)(v,{icon:"x"})]})]})]});ao.states=cc;ao.options=dc;ao.className=Li;ao.defaultOptions=uc;var Mi="color-gradient",vi="colorgradient";var G=require("react/jsx-runtime"),sn="k-colorgradient",fc=[a.hover,a.focus,a.readonly,a.disabled],bc={size:[l.small,l.medium,l.large]},Ie={size:l.medium,mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Xe=e=>{let{size:t=Ie.size,mode:o=Ie.mode,readonly:s=Ie.readonly,disabled:r=Ie.disabled,gradientStyle:i=Ie.gradientStyle,dragHandleStyle:p=Ie.dragHandleStyle,alphaStyle:c=Ie.alphaStyle,alphaStyleHorizontal:u=Ie.alphaStyleHorizontal,contrast:N=Ie.contrast,dir:h,hover:S,focus:d,hoverHandle:M,focusHandle:L,canvasOrientation:g=Ie.canvasOrientation,...O}=e;return(0,G.jsxs)("div",{...O,className:n(e.className,sn,A(sn,{size:t}),k(sn,{hover:S,focus:d,readonly:s,disabled:r})),dir:h,children:[!g||g==="horizontal"&&(0,G.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,G.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,G.jsx)("div",{className:"k-hsv-gradient",children:(0,G.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:p})})}),(0,G.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,G.jsx)(ta,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,G.jsx)(ta,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),g==="vertical"&&(0,G.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,G.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,G.jsx)("div",{className:"k-hsv-gradient",children:(0,G.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:p})})}),(0,G.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,G.jsx)(ea,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,G.jsx)(ea,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),(0,G.jsx)(no,{mode:e.mode,size:t}),N&&(0,G.jsx)(ao,{})]})};Xe.states=fc;Xe.options=bc;Xe.className=sn;Xe.defaultOptions=Ie;Xe.moduleName=Mi;Xe.folderName=vi;var Nc=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var Ei=require("react/jsx-runtime"),Si=e=>(0,Ei.jsx)("tr",{children:e.children});var gi=require("react/jsx-runtime"),Ma="k-colorpalette-tile",hc=[a.hover,a.focus,a.selected],Lc={},Ro=e=>{let{color:t,tileSize:o,hover:s,focus:r,selected:i,...p}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,gi.jsx)("td",{...p,className:n(e.className,Ma,k(Ma,{hover:s,focus:r,selected:i})),style:c})};Ro.states=hc;Ro.options=Lc;Ro.className=Ma;var ki="color-palette",Ai="colorpalette";var so=require("react/jsx-runtime"),rn="k-colorpalette",Mc=[a.disabled],vc={size:[l.small,l.medium,l.large]},va={columns:10,size:l.medium},Nt=e=>{let{size:t=va.size,palette:o,columns:s=va.columns,tileSize:r,disabled:i,...p}=e,c=[];if(o){let u=s||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/u)},(h,S)=>{let d=[];N.slice(S*u,(S+1)*u).map((L,g)=>{d.push((0,so.jsx)(Ro,{color:L,tileSize:r},g))});let M=(0,so.jsx)(Si,{children:d},S);c.push(M)})}return(0,so.jsx)("div",{...p,className:n(e.className,rn,k(rn,{disabled:i}),A(rn,{size:t})),children:(0,so.jsx)("table",{className:"k-colorpalette-table",children:(0,so.jsx)("tbody",{children:c.length>0?c:e.children})})})};Nt.states=Mc;Nt.options=vc;Nt.className=rn;Nt.defaultOptions=va;Nt.moduleName=ki;Nt.folderName=Ai;var Sa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var Sc=require("react/jsx-runtime");var Ci="color-editor",Ti="coloreditor";var z=require("react/jsx-runtime"),ln="k-coloreditor",Ec=[a.focus],gc={size:[l.small,l.medium,l.large]},ro={size:l.medium,view:"gradient",palette:Sa.office,actionButtons:!0,canvasOrientation:"horizontal"},xe=e=>{let{size:t=ro.size,view:o=ro.view,palette:s=ro.palette,color:r,currentColor:i,focus:p,focusView:c,dir:u,group:N,actionButtons:h=ro.actionButtons,canvasOrientation:S=ro.canvasOrientation,...d}=e;return(0,z.jsxs)("div",{...d,className:n(e.className,"k-flatcolorpicker",ln,A(ln,{size:t}),k(ln,{focus:p})),dir:u,children:[(0,z.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,z.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&(0,z.jsxs)(R,{fillMode:"flat",children:[(0,z.jsx)(f,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),(0,z.jsx)(f,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),(0,z.jsx)("div",{className:"k-spacer"}),(0,z.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,z.jsx)(f,{fillMode:"flat",icon:"droplet-slash",size:t}),(0,z.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,z.jsx)(it,{className:"k-coloreditor-preview-color",color:r}),(0,z.jsx)(it,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,z.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,z.jsx)(Xe,{focus:c,size:t,canvasOrientation:S}):(0,z.jsx)(Nt,{palette:s,size:t})}),h&&(0,z.jsxs)(re,{className:"k-coloreditor-footer",alignment:"start",children:[(0,z.jsx)(f,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,z.jsx)(f,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};xe.states=Ec;xe.options=gc;xe.className=ln;xe.defaultOptions=ro;xe.moduleName=Ci;xe.folderName=Ti;var kc=require("react/jsx-runtime");var Ac=require("react/jsx-runtime");var Cc=require("react/jsx-runtime");var Tc=require("react/jsx-runtime");var Oi="color-picker",yi="colorpicker";var F=require("react/jsx-runtime"),Ii="k-colorpicker",Oc=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],yc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Po={arrowIconName:"caret-alt-down",size:ne.defaultOptions.size,rounded:ne.defaultOptions.rounded,fillMode:ne.defaultOptions.fillMode},Be=e=>{let{size:t=Po.size,rounded:o=Po.rounded,fillMode:s=Po.fillMode,arrowIconName:r=Po.arrowIconName,prefix:i,suffix:p,value:c,placeholder:u,hover:N,focus:h,valid:S,invalid:d,required:M,disabled:L,valueIconName:g,popup:O,opened:C,adaptive:_,adaptiveSettings:X,adaptiveTitle:De,adaptiveSubtitle:fo,...bo}=e;return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)(ne,{...bo,size:t,rounded:o,fillMode:s,hover:N,focus:h,valid:S,invalid:d,required:M,disabled:L,className:n(e.className,Ii,"k-icon-picker"),children:[(0,F.jsx)(de,{children:i}),(0,F.jsx)(kt,{placeholder:u,value:c,showValue:!1,valueIcon:(0,F.jsx)(it,{className:"k-value-icon",color:c,iconName:g}),valueIconName:g}),(0,F.jsx)(ue,{children:p}),(0,F.jsx)(f,{className:"k-input-button",icon:r,rounded:null,size:t,fillMode:s})]}),C&&O&&(0,F.jsx)(U,{className:"k-colorpicker-popup",children:O}),_&&(0,F.jsx)(le,{adaptive:!0,...X,header:(0,F.jsx)(be,{actionsEnd:(0,F.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:De,subtitle:fo}),footer:(0,F.jsxs)(Oo,{children:[(0,F.jsx)(f,{text:"Cancel",size:"large",themeColor:"base"}),(0,F.jsx)(f,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,F.jsx)(xe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Be.states=Oc;Be.options=yc;Be.className=Ii;Be.defaultOptions=Po;Be.moduleName=Oi;Be.folderName=yi;var Bc=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Kc=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var Pc=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var ga="combobox",Bi=ga;var B=require("react/jsx-runtime"),_i="k-combobox",wc=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Hc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Do={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},je=e=>{let{size:t=Do.size,rounded:o=Do.rounded,fillMode:s=Do.fillMode,separators:r=Do.separators,prefix:i,suffix:p,value:c,placeholder:u,hover:N,focus:h,valid:S,invalid:d,required:M,loading:L,disabled:g,popup:O,opened:C,readonly:_,adaptive:X,adaptiveSettings:De,adaptiveTitle:fo,adaptiveSubtitle:bo,adaptiveCustomValue:Nn,...xn}=e;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(I,{...xn,size:t,rounded:o,fillMode:s,hover:N,focus:h,valid:S,invalid:d,required:M,loading:L,disabled:g,readonly:_,className:n(e.className,_i),children:[i&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(de,{children:i}),r&&(0,B.jsx)(fe,{})]}),(0,B.jsx)(Ce,{placeholder:u,value:c}),(0,B.jsx)(ae,{valid:S,invalid:d,loading:L,disabled:g}),(0,B.jsx)(ce,{loading:L,disabled:g}),(0,B.jsx)(Ae,{loading:L,disabled:g,readonly:_,value:c}),p&&(0,B.jsxs)(B.Fragment,{children:[r&&(0,B.jsx)(fe,{}),(0,B.jsx)(ue,{children:p})]}),(0,B.jsx)(f,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),C&&O&&(0,B.jsx)(U,{className:"k-list-container k-combobox-popup",children:O}),X&&(0,B.jsx)(le,{adaptive:!0,...De,header:(0,B.jsx)(be,{actionsEnd:(0,B.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:c,inputPlaceholder:u,title:fo,subtitle:bo}),children:(0,B.jsx)("div",{className:"k-list-container",children:(0,B.jsxs)(K,{customValue:Nn?(0,B.jsx)(bt,{text:`Use "${c}"`}):void 0,size:"large",children:[(0,B.jsx)(y,{text:"List item"}),(0,B.jsx)(y,{text:"List item"}),(0,B.jsx)(y,{text:"List item"})]})})})]})};je.states=wc;je.options=Hc;je.className=_i;je.defaultOptions=Do;je.moduleName=ga;je.folderName=Bi;var zc=require("react/jsx-runtime");var Ki=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var Pi=require("react/jsx-runtime");var Uc=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var ka=require("react/jsx-runtime");var Aa="menu-button",zi=Aa;var Rt=require("react/jsx-runtime"),Ui="k-menu-button",Gc=[a.hover,a.focus,a.active,a.selected,a.disabled],Fc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},Kt={size:l.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,showArrow:!0,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t=Kt.size,rounded:o=Kt.rounded,fillMode:s=Kt.fillMode,themeColor:r=Kt.themeColor,hover:i,focus:p,active:c,selected:u,disabled:N,icon:h,text:S,showArrow:d=Kt.showArrow,arrowIconName:M=Kt.arrowIconName,popup:L,opened:g,...O}=e;return(0,Rt.jsxs)(Rt.Fragment,{children:[(0,Rt.jsx)(f,{...O,className:n(e.className,Ui),text:S,size:t,rounded:o,fillMode:s,themeColor:r,hover:i,focus:p,active:c,selected:u,disabled:N,icon:h,showArrow:d,arrowIconName:M}),g&&L&&(0,Rt.jsx)(U,{className:"k-menu-popup",children:L})]})};Y.states=Gc;Y.options=Fc;Y.className=Ui;Y.defaultOptions=Kt;Y.moduleName=Aa;Y.folderName=zi;var $c=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Vc=require("react/jsx-runtime");var pe="menu",he=pe;var Le=require("react/jsx-runtime"),Ta="k-menu-item",Jc=[a.hover,a.focus,a.active,a.selected,a.disabled],Wc={},Gi={iconPosition:"before"},_e=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:i,icon:p,text:c,first:u,last:N,showArrow:h,arrowIconName:S,iconPosition:d=Gi.iconPosition,dir:M,children:L,...g}=e,O=(0,Le.jsx)(Le.Fragment,{});L&&L.forEach(_=>{if(_.type==="MenuItemContent"){O.props.children.push(_);return}});let C=S;return C||(C=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Le.jsxs)("li",{...g,className:n(e.className,Ta,"k-item",k(Ta,{focus:o,disabled:i,hover:t,active:s,selected:r}),{"k-first":u,"k-last":N}),children:[(0,Le.jsxs)("span",{className:n("k-link k-menu-link"),children:[p&&d==="before"&&(0,Le.jsx)(v,{className:"k-menu-link-icon",icon:p}),(0,Le.jsx)("span",{className:"k-menu-link-text",children:c}),p&&d==="after"&&(0,Le.jsx)(v,{className:"k-menu-link-icon",icon:p}),h&&(0,Le.jsx)("span",{className:"k-menu-expand-arrow",children:(0,Le.jsx)(v,{icon:C})})]}),O]})};_e.states=Jc;_e.options=Wc;_e.className=Ta;_e.defaultOptions=Gi;_e.moduleName=pe;_e.folderName=he;var Me=require("react/jsx-runtime"),Oa="k-menu-item",qc=[a.hover,a.focus,a.active,a.selected,a.disabled],Zc={},ya={dir:"ltr",iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:i,icon:p,text:c,first:u,last:N,showArrow:h,arrowIconName:S,iconPosition:d=ya.iconPosition,dir:M=ya.dir,children:L,popup:g,...O}=e,C=(0,Me.jsx)(Me.Fragment,{});L&&L.forEach(X=>{if(X.type==="MenuListItemContent"){C.props.children.push(X);return}});let _=S;return _||(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Me.jsxs)("li",{...O,className:n(e.className,Oa,"k-item",k(Oa,{focus:o,disabled:i}),{"k-first":u,"k-last":N}),children:[(0,Me.jsxs)("span",{className:n("k-link k-menu-link",k("k-menu-link",{hover:t,active:s,selected:r,disabled:i})),children:[p&&d==="before"&&(0,Me.jsx)(v,{className:"k-menu-link-icon",icon:p}),(0,Me.jsx)("span",{className:"k-menu-link-text",children:c}),p&&d==="after"&&(0,Me.jsx)(v,{className:"k-menu-link-icon",icon:p}),h&&(0,Me.jsx)("span",{className:"k-menu-expand-arrow",children:(0,Me.jsx)(v,{icon:_})})]}),C,g]})};ve.states=qc;ve.options=Zc;ve.className=Oa;ve.defaultOptions=ya;ve.moduleName=pe;ve.folderName=he;var Xi=require("react/jsx-runtime"),Fi="k-menu-scroll-wrapper",Yc=[],Qc={},jc={},Pt=e=>{let{className:t,children:o,orientation:s,...r}=e;return(0,Xi.jsx)("div",{...r,className:n(t,Fi,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};Pt.states=Yc;Pt.options=Qc;Pt.className=Fi;Pt.defaultOptions=jc;Pt.moduleName=pe;Pt.folderName=he;var $i=Pt;var W=require("react/jsx-runtime"),Ia="k-menu",ed=[],td={},pn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ke=e=>{let{children:t,orientation:o=pn.orientation,header:s=pn.header,scrollable:r,scrollButtonsPosition:i=pn.scrollButtonsPosition,wrapperStyles:p,dir:c,popup:u,...N}=e,h={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},S=(0,W.jsx)("ul",{dir:c,...N,className:n(e.className,"k-reset",Ia,{[`${Ia}-${o}`]:o,"k-header":s}),children:t});return(0,W.jsxs)(W.Fragment,{children:[r?(0,W.jsxs)($i,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),S,i==="end"&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&(0,W.jsx)(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):S,u]})};Ke.states=ed;Ke.options=td;Ke.className=Ia;Ke.defaultOptions=pn;Ke.moduleName=pe;Ke.folderName=he;var Ji=require("react/jsx-runtime"),Ba="k-separator",Vi={orientation:"horizontal"},Dt=e=>{let{orientation:t=Vi.orientation,...o}=e;return(0,Ji.jsx)("li",{...o,className:n(e.className,"k-item",Ba,{[`${Ba}-${t}`]:t})})};Dt.className=Ba;Dt.defaultOptions=Vi;Dt.moduleName=pe;Dt.folderName=he;var Wi=require("react/jsx-runtime");var Ra=require("react/jsx-runtime"),qi=require("react"),_a="k-menu-group",od=[],nd={size:[l.small,l.medium,l.large]},Ka={size:l.medium,dir:"ltr"},et=e=>{let{children:t,size:o=Ka.size,dir:s=Ka.dir,...r}=e,i=[];return t&&Array.isArray(t)&&t.map((p,c)=>{p.type===ve?i.push((0,qi.createElement)(ve,{...p.props,dir:s,key:c})):p.type===Dt?i.push((0,Ra.jsx)(Dt,{})):i.push(p)}),(0,Ra.jsx)("ul",{...r,className:n(e.className,_a,A(_a,{size:o})),children:i})};et.states=od;et.options=nd;et.className=_a;et.defaultOptions=Ka;et.moduleName=pe;et.folderName=he;var Pa=require("react/jsx-runtime");var Da=require("react/jsx-runtime");var wa=require("react/jsx-runtime");var Ha=require("react/jsx-runtime");var za=require("react/jsx-runtime");var Zi=require("react/jsx-runtime");var Ua="split-button",Yi=Ua;var tt=require("react/jsx-runtime"),Ga="k-split-button",ad=[a.hover,a.focus,a.active,a.selected,a.disabled],sd={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},io={size:l.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,arrowIconName:"caret-alt-down"},Q=e=>{let{size:t=io.size,rounded:o=io.rounded,fillMode:s=io.fillMode,themeColor:r=io.themeColor,hover:i,focus:p,active:c,selected:u,disabled:N,icon:h,text:S,arrowIconName:d=io.arrowIconName,popup:M,opened:L,...g}=e;return(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsxs)("div",{...g,className:n(e.className,Ga,"k-button-group",A(Ga,{rounded:o})),children:[(0,tt.jsx)(f,{text:S,icon:h,size:t,rounded:o,fillMode:s,themeColor:r,hover:i,focus:p,active:c,selected:u,disabled:N,children:e.children}),(0,tt.jsx)(f,{className:"k-split-button-arrow",icon:d,size:t,rounded:o,fillMode:s,disabled:N})]}),L&&M&&(0,tt.jsx)(U,{className:"k-menu-popup",children:M})]})};Q.states=ad;Q.options=sd;Q.className=Ga;Q.defaultOptions=io;Q.moduleName=Ua;Q.folderName=Yi;var Fa=Q;var Qi=require("react/jsx-runtime"),rd="k-toolbar-separator",wt=e=>(0,Qi.jsx)("div",{className:n(rd,e.className,"k-separator")});var ot="toolbar",ht=ot;var T=require("react/jsx-runtime"),nt="k-toolbar",id=[a.focus],ld={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.outline,b.flat]},$a={size:l.medium,fillMode:b.solid,scrollButtons:"around"},me=e=>{let{size:t=$a.size,fillMode:o=$a.fillMode,focus:s,resizable:r,scrollable:i,scrollButtons:p,scrollingPosition:c,section:u,...N}=e,h=[],S=(d,M)=>{let L=[];if(d.type===f&&d.props.className&&d.props.className.includes("k-toolbar-overflow-button"))L.push((0,T.jsx)(f,{...d.props,className:`${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===f)L.push((0,T.jsx)(f,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Tn)L.push((0,T.jsx)(Tn,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Ze)L.push((0,T.jsx)(Ze,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Y)L.push((0,T.jsx)(Y,{...d.props,className:`k-toolbar-menu-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Fa)L.push((0,T.jsx)(Fa,{...d.props,className:`k-toolbar-split-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===R||d.props.className&&d.props.className.includes("k-button-group")){let g=[];(Array.isArray(d.props.children)?d.props.children:[d.props.children]).forEach((C,_)=>{g.push((0,T.jsx)(f,{...C.props,className:`${C.props.className?C.props.className:""}`},`${_}-${new Date().getTime()}`))}),L.push((0,T.jsx)(R,{...d.props,className:`k-toolbar-button-group ${d.props.className?d.props.className:""}`,children:g},`${M}-${new Date().getTime()}`))}else d.type===je?L.push((0,T.jsx)(je,{...d.props,className:`k-toolbar-combobox ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===$e?L.push((0,T.jsx)($e,{...d.props,className:`k-toolbar-dropdownlist ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===Be?L.push((0,T.jsx)(Be,{...d.props,className:`k-toolbar-colorpicker ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):L.push(d);L.forEach(g=>{h.push(g)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,L)=>{S(M,L)}),(0,T.jsxs)("div",{...N,className:n(e.className,nt,A(nt,{size:t,fillMode:o}),k(nt,{focus:s}),{[`${nt}-resizable`]:r,[`${nt}-scrollable`]:i,[`${nt}-scrollable-overlay`]:i&&p==="hidden",[`${nt}-scrollable-${c}`]:c&&c!=="both",[`${nt}-section`]:u}),children:[!i&&h,i&&p==="hidden"&&(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),i&&p==="start"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(R,{children:[(0,T.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,T.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,T.jsx)(wt,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),i&&p==="end"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),(0,T.jsx)(wt,{className:"k-toolbar-button-separator"}),(0,T.jsxs)(R,{children:[(0,T.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,T.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"||!p)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("span",{className:n("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,T.jsx)(wt,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),(0,T.jsx)(wt,{className:"k-toolbar-button-separator"}),(0,T.jsx)("span",{className:n("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:(0,T.jsx)(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=id;me.options=ld;me.className=nt;me.defaultOptions=$a;me.moduleName=ot;me.folderName=ht;var el=require("react/jsx-runtime"),ji="k-floating-toolbar",pd=[],md={},cd={},lo=e=>{let{...t}=e;return(0,el.jsx)("div",{...t,className:n(e.className,ji),children:e.children})};lo.states=pd;lo.options=md;lo.className=ji;lo.defaultOptions=cd;lo.moduleName=ot;lo.folderName=ht;var tl=require("react/jsx-runtime"),Xa="k-toolbar-item",dd=[a.focus],ud={},fd={},po=e=>{let{focus:t,...o}=e;return(0,tl.jsx)("div",{...o,className:n(e.className,Xa,k(Xa,{focus:t})),children:e.children})};po.states=dd;po.options=ud;po.className=Xa;po.defaultOptions=fd;po.moduleName=ot;po.folderName=ht;var Ja=require("react/jsx-runtime"),ol="k-toolbar-popup",bd=[],Nd={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.outline,b.flat]},Va={size:l.medium,fillMode:b.solid},mo=e=>{let{size:t=Va.size,fillMode:o=Va.fillMode,section:s,...r}=e;return(0,Ja.jsx)(U,{...r,className:n(e.className,ol),children:s?(0,Ja.jsx)("span",{className:n("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),children:e.children}):e.children})};mo.states=bd;mo.options=Nd;mo.className=ol;mo.defaultOptions=Va;mo.moduleName=ot;mo.folderName=ht;var xd=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var nl=require("react/jsx-runtime");var al=require("react/jsx-runtime");var sl=require("react/jsx-runtime");var rl=require("react/jsx-runtime");var il=require("react/jsx-runtime");var Wa=require("react/jsx-runtime");var j=require("react/jsx-runtime"),ll="k-message",Md=[a.hover,a.selected,a.active,a.focus],vd={},Sd=[(0,j.jsx)(f,{icon:"copy",fillMode:"flat"}),(0,j.jsx)(f,{icon:"arrow-rotate-cw",fillMode:"flat"}),(0,j.jsx)(f,{icon:"download",fillMode:"flat"})],wo={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Sd},Se=e=>{let{time:t=wo.time,text:o=wo.text,content:s,status:r=wo.status,statusIcon:i,toolbarItems:p=wo.toolbarItems,hover:c,selected:u,active:N,focus:h,toolbar:S,typing:d,expandable:M,expanded:L,removed:g,files:O,...C}=e;return(0,j.jsxs)("div",{...C,className:n(ll,e.className,{"k-message-removed":g}),children:[t&&(0,j.jsx)("time",{className:"k-message-time",children:t}),(0,j.jsx)(pl,{typing:d,selected:u,hover:c,active:N,focus:h,content:(0,j.jsxs)(j.Fragment,{children:[s,o&&(0,j.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:O}),r&&(0,j.jsxs)("span",{className:"k-message-status",children:[i&&(0,j.jsx)(v,{icon:i,size:"xsmall"}),r]}),S&&(0,j.jsx)(me,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};Se.states=Md;Se.options=vd;Se.className=ll;Se.defaultOptions=wo;var qa="avatar",ml=qa;var Za=require("react/jsx-runtime"),Ho="k-avatar";var Ed=[a.hover,a.focus,a.active,a.selected,a.disabled],gd={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},Ht={type:"text",size:l.medium,rounded:x.full,fillMode:b.solid,themeColor:m.primary,border:!1},at=e=>{let{size:t=Ht.size,rounded:o=Ht.rounded,fillMode:s=Ht.fillMode,themeColor:r=Ht.themeColor,type:i=Ht.type,border:p=Ht.border,...c}=e;return(0,Za.jsx)("div",{...c,className:n(e.className,Ho,A(Ho,{size:t,rounded:o,fillMode:s,themeColor:r}),{[`${Ho}-bordered`]:p}),children:(0,Za.jsx)("span",{className:`${Ho}-${i}`,children:e.children})})};at.states=Ed;at.options=gd;at.className=Ho;at.defaultOptions=Ht;at.moduleName=qa;at.folderName=ml;var kd=require("react/jsx-runtime");var Ad=require("react/jsx-runtime");var Cd=require("react/jsx-runtime");var Re=require("react/jsx-runtime"),zo="k-message-group",Td=[a.selected],Od={},mn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},Ee=e=>{let{type:t=mn.type,author:o=mn.author,avatar:s=mn.avatar,status:r,selected:i,fullWidth:p,...c}=e;return(0,Re.jsxs)("div",{...c,className:n(zo,e.className,k(zo,{selected:i}),{[`${zo}-${t}`]:t,"k-no-avatar":!s,[`${zo}-full-width`]:p}),children:[s&&!r&&(0,Re.jsx)(at,{type:"image",children:(0,Re.jsx)("img",{src:s})}),r&&s&&(0,Re.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Re.jsx)(at,{type:"image",children:(0,Re.jsx)("img",{src:s})}),(0,Re.jsx)("div",{className:"k-chat-user-status"})]}),(0,Re.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Re.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};Ee.states=Td;Ee.options=Od;Ee.className=zo;Ee.defaultOptions=mn;var fl=require("react/jsx-runtime"),dl="k-chat-file-wrapper",ul={layout:"vertical"},Ya=e=>{let{layout:t=ul.layout,...o}=e;return(0,fl.jsx)("ul",{...o,className:n(e.className,dl,{"k-chat-files-horizontal":t==="horizontal","k-chat-files-wrap":t==="wrap"}),children:e.children})};Ya.className=dl;Ya.defaultOptions=ul;var Ve=require("react/jsx-runtime"),Qa="k-message-reference",yd={},bl={type:"receiver"},ja=e=>{let{content:t,closeable:o,pinned:s,type:r=bl.type,...i}=e;return(0,Ve.jsxs)("div",{...i,className:n(Qa,e.className,{[`${Qa}-${r}`]:r,"k-message-pinned":s}),children:[s&&(0,Ve.jsx)(v,{icon:"pin",size:"xlarge"}),(0,Ve.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)("span",{className:"k-spacer"}),(0,Ve.jsx)(f,{icon:"x",fillMode:"flat"})]})]})};ja.options=yd;ja.className=Qa;ja.defaultOptions=bl;var es="bubble",Nl=es;var zt=require("react/jsx-runtime"),ts="k-bubble",Id=[a.hover,a.active,a.selected,a.focus],os={expandable:!1,expanded:!1},Ut=e=>{let{content:t,hover:o,active:s,focus:r,selected:i,expandable:p=os.expandable,expanded:c=os.expanded,...u}=e;return(0,zt.jsxs)("div",{...u,className:n(e.className,ts,k(ts,{hover:o,active:s,focus:r,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),children:[(0,zt.jsx)("div",{className:"k-bubble-content",children:t??e.children}),p&&(0,zt.jsx)("span",{className:"k-bubble-expandable-indicator",children:c?(0,zt.jsx)(v,{icon:"chevron-up"}):(0,zt.jsx)(v,{icon:"chevron-down"})})]})};Ut.states=Id;Ut.className=ts;Ut.defaultOptions=os;Ut.moduleName=es;Ut.folderName=Nl;var Bd=require("react/jsx-runtime");var _d=require("react/jsx-runtime");var Kd=require("react/jsx-runtime");var Gt=require("react/jsx-runtime"),Rd="k-chat-bubble",pl=e=>{let{typing:t,content:o,files:s,...r}=e;return(0,Gt.jsxs)(Ut,{...r,className:n(e.className,Rd),children:[t?(0,Gt.jsxs)("div",{className:"k-typing-indicator",children:[(0,Gt.jsx)("span",{}),(0,Gt.jsx)("span",{}),(0,Gt.jsx)("span",{})]}):o,s]})};var Pd=require("react/jsx-runtime");var Uo=require("react/jsx-runtime"),hl="k-chat-event",ns={icon:"trash",text:"You deleted Chat history."},Ll=e=>{let{icon:t=ns.icon,text:o=ns.text,...s}=e;return(0,Uo.jsxs)("div",{...s,className:n(e.className,hl),children:[t&&(0,Uo.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,Uo.jsx)("span",{className:"k-chat-event-text",children:o})]})};Ll.className=hl;Ll.defaultOptions=ns;var as="appbar",Ml=as;var vl=require("react/jsx-runtime"),ss="k-appbar",Dd=[],wd={themeColor:[m.inherit,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},Hd={},Lt=e=>{let{themeColor:t,positionMode:o,position:s,...r}=e;return(0,vl.jsx)("div",{...r,className:n(e.className,ss,A(ss,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${s}`]:s}),children:e.children})};Lt.states=Dd;Lt.options=wd;Lt.className=ss;Lt.defaultOptions=Hd;Lt.moduleName=as;Lt.folderName=Ml;var zd=require("react/jsx-runtime");var rs=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var gl=require("react/jsx-runtime"),Sl="k-chat-send",El={generating:!1},Wt=e=>{let{generating:t=El.generating,...o}=e;return(0,gl.jsx)(f,{...o,fillMode:"solid",themeColor:"primary",rounded:"full",icon:t?"stop-sm":"paper-plane",active:t,className:n(e.className,Sl,{"k-generating":t})})};Wt.states=f.states;Wt.options=f.options;Wt.className=Sl;Wt.defaultOptions=El;var Je=require("react/jsx-runtime"),kl="k-chat-file",Gd=[a.selected],Fd={},Go={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Fo=e=>{let{icon:t=Go.icon,name:o=Go.name,size:s=Go.size,status:r,deleted:i,removeButton:p,showButton:c=Go.showButton,...u}=e;return(0,Je.jsxs)("li",{...u,className:n(kl,e.className,{"k-chat-file-deleted":i}),children:[(0,Je.jsx)(v,{icon:t,size:"xlarge"}),(0,Je.jsxs)("div",{className:"k-chat-file-info",children:[o&&(0,Je.jsx)("span",{className:"k-chat-file-name",children:o}),s&&(0,Je.jsx)("span",{className:"k-chat-file-size",children:s}),r&&(0,Je.jsx)("span",{className:"k-chat-file-status",children:r})]}),c&&(p?(0,Je.jsx)(Ze,{icon:"x",fillMode:"flat"}):(0,Je.jsx)(Y,{icon:"more-vertical",fillMode:"flat",showArrow:!1}))]})};Fo.states=Gd;Fo.options=Fd;Fo.className=kl;Fo.defaultOptions=Go;var is=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var cs="window",Al=cs;var Tl=require("react/jsx-runtime"),Cl="k-window-content",$d=[],Xd={},Vd={},Mt=e=>{let{children:t,...o}=e;return(0,Tl.jsx)("div",{...o,className:n(Cl,e.className),children:t})};Mt.states=$d;Mt.options=Xd;Mt.className=Cl;Mt.defaultOptions=Vd;Mt.moduleName=cs;Mt.folderName=Al;var $o="dialog",cn=$o;var oe=require("react/jsx-runtime"),ds="k-dialog",Jd=[],Wd={themeColor:[m.primary,m.light,m.dark]},us={actionButtonsAlign:"stretched",modal:!0},Ft=e=>{let{title:t,actions:o,themeColor:s,actionButtons:r,actionButtonsAlign:i=us.actionButtonsAlign,modal:p=us.modal,...c}=e;return(0,oe.jsxs)("div",{className:"k-dialog-wrapper",children:[p&&(0,oe.jsx)("div",{className:"k-overlay"}),(0,oe.jsxs)("div",{...c,className:n(e.className,ds,"k-window",A(ds,{themeColor:s})),children:[(t!==void 0||o)&&(0,oe.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",children:[t!==void 0&&(0,oe.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,oe.jsx)(oe.Fragment,{children:(0,oe.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(u=>(0,oe.jsx)(f,{icon:u,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"},u))})})]}),(0,oe.jsx)(Mt,{className:"k-dialog-content",children:e.children}),r&&(0,oe.jsx)(re,{alignment:i,className:"k-window-actions k-dialog-actions",children:r})]})]})};Ft.states=Jd;Ft.options=Wd;Ft.className=ds;Ft.defaultOptions=us;Ft.moduleName=$o;Ft.folderName=cn;var yl=require("react/jsx-runtime"),Ol="k-dialog-wrapper",qd=[],Zd={},Yd={},co=e=>{let{...t}=e;return(0,yl.jsx)("div",{...t,className:n(e.className,Ol),children:e.children})};co.states=qd;co.options=Zd;co.className=Ol;co.defaultOptions=Yd;co.moduleName=$o;co.folderName=cn;var fs=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var Ns="dropzone",Il=Ns;var $t=require("react/jsx-runtime"),xs="k-external-dropzone",jd=[a.disabled,a.hover],eu={},hs={icon:"upload",hint:"Drag and drop files here to upload"},st=e=>{let{hover:t,disabled:o,icon:s=hs.icon,hint:r=hs.hint,note:i,...p}=e;return(0,$t.jsx)("div",{...p,className:n(e.className,xs,k(xs,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,$t.jsxs)("div",{className:"k-dropzone-inner",children:[s&&(0,$t.jsx)(v,{icon:s,className:"k-dropzone-icon",size:"xxxlarge"}),r&&(0,$t.jsx)("span",{className:"k-dropzone-hint",children:r}),i&&(0,$t.jsx)("span",{className:"k-dropzone-note",children:i})]})})};st.states=jd;st.options=eu;st.className=xs;st.defaultOptions=hs;st.moduleName=Ns;st.folderName=Il;var tu=require("react/jsx-runtime");var ou=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Ls="k-upload-dropzone",nu=[a.hover],dn=e=>{let{hover:t,status:o,...s}=e,r=(0,P.jsx)(P.Fragment,{});switch(o){case"uploading":r=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(v,{icon:"upload"}),"Uploading..."]});break;case"done":r=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(v,{icon:"check"}),"Done"]});break;case"failed":r=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(v,{icon:"exclamation-circle"}),"Done"]});break;default:r=(0,P.jsx)(P.Fragment,{});break}return(0,P.jsxs)("div",{...s,className:n(e.className,Ls,"k-dropzone",k(Ls,{hover:t})),children:[(0,P.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,P.jsx)(f,{className:"k-upload-button",children:"Select files..."}),(0,P.jsx)("input",{id:"upload-input",className:"k-hidden"})]}),(0,P.jsx)("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,P.jsx)("span",{className:"k-upload-status",children:r})]})};dn.states=nu;dn.className=Ls;var Ms="upload",Bl=Ms;var vt=require("react/jsx-runtime"),vs="k-upload",au=[a.hover,a.disabled],su={},_l={actionsLayout:"end"},Pe=e=>{let{async:t,empty:o,actions:s,actionsLayout:r=_l.actionsLayout,hover:i,status:p,disabled:c,...u}=e;return(0,vt.jsxs)("div",{...u,className:n(e.className,vs,k(vs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,vt.jsx)(dn,{status:p,hover:i}),e.children&&(0,vt.jsx)("ul",{className:"k-upload-files",children:e.children}),s&&e.children&&(0,vt.jsxs)(hr,{alignment:r,orientation:"horizontal",children:[(0,vt.jsx)(f,{className:"k-clear-selected",children:"Clear"}),(0,vt.jsx)(f,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Pe.states=au;Pe.options=su;Pe.className=vs;Pe.defaultOptions=_l;Pe.moduleName=Ms;Pe.folderName=Bl;var Xo="progressbar",un=Xo;var St=require("react/jsx-runtime"),ge="k-progressbar",ru=[a.disabled,a.indeterminate],iu={},Xt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Et=e=>{let{disabled:t,height:o,indeterminate:s=Xt.indeterminate,label:r=Xt.label,labelPosition:i=Xt.labelPosition,orientation:p=Xt.orientation,reverse:c=Xt.reverse,value:u=Xt.value,width:N,style:h,...S}=e;return(0,St.jsxs)("div",{...S,className:n(e.className,ge,k(ge,{disabled:t}),{[`${ge}-${p}`]:p,[`${ge}-indeterminate`]:s,[`${ge}-reverse`]:c}),style:{...h,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:N},children:[(0,St.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!s}),children:r&&(0,St.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!s&&(0,St.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,St.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:r&&(0,St.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Et.states=ru;Et.options=iu;Et.className=ge;Et.defaultOptions=Xt;Et.moduleName=Xo;Et.folderName=un;var bn=require("react/jsx-runtime"),Kl="k-chunk-progressbar",lu=(e,t)=>t<=e-1,pu=[a.disabled,a.indeterminate],mu={},fn={chunkCount:5,orientation:"horizontal",progress:0},uo=e=>{let{disabled:t,chunkCount:o=fn.chunkCount,indeterminate:s,orientation:r=fn.orientation,progress:i=fn.progress,reverse:p,...c}=e;return(0,bn.jsx)("div",{...c,className:n(e.className,ge,Kl,k(ge,{disabled:t}),{[`${ge}-${r}`]:r,[`${ge}-indeterminate`]:s,[`${ge}-reverse`]:p}),children:(0,bn.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((u,N)=>(0,bn.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":lu(i,N)})},N))})})};uo.states=pu;uo.options=mu;uo.className=Kl;uo.defaultOptions=fn;uo.moduleName=Xo;uo.folderName=un;var cu=require("react/jsx-runtime");var du=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var ks=require("react/jsx-runtime");var bu=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Nu=require("react/jsx-runtime");var Ts="skeleton",Pl=Ts;var Dl=require("react/jsx-runtime"),Os="k-skeleton",xu=["circle","text","rect"],hu=[],Lu={},ys={variant:"text",shape:"text",animation:"pulse"},ke=e=>{let{variant:t,shape:o,animation:s=ys.animation,...r}=e,i=`skeleton-${t||o||ys.variant}`;return(0,Dl.jsx)("span",{...r,className:n(e.className,Os,Jo(Os,i),{[`k-skeleton-${s}`]:s}),style:e.style})};ke.states=hu;ke.options=Lu;ke.variants=xu;ke.className=Os;ke.defaultOptions=ys;ke.moduleName=Ts;ke.folderName=Pl;var wl=require("react/jsx-runtime"),Vt=e=>(0,wl.jsx)(ke,{...e});var zl=require("react/jsx-runtime"),Hl=e=>(0,zl.jsx)(ke,{shape:"rect",...e});var Mu=require("react/jsx-runtime");var H=require("react/jsx-runtime"),vu=e=>(0,H.jsx)(ee,{children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,H.jsx)(Ee,{fullWidth:!0,children:(0,H.jsx)(Se,{text:null,content:(0,H.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%"},children:[(0,H.jsx)(Vt,{style:{width:"100%"}}),(0,H.jsx)(Vt,{style:{width:"100%"}}),(0,H.jsx)(Vt,{style:{width:"100%"}}),(0,H.jsx)(Vt,{style:{width:"75%"}})]})})}),(0,H.jsx)(Ee,{type:"sender",fullWidth:!0,avatar:null,children:(0,H.jsx)(Se,{text:null,content:(0,H.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[(0,H.jsx)(Hl,{style:{width:"32px",height:"32px"}}),(0,H.jsxs)("div",{style:{flex:"1 1 50%"},children:[(0,H.jsx)(Vt,{style:{width:"100%"}}),(0,H.jsx)(Vt,{style:{width:"50%"}})]})]})})})]}),...e});