@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines • 87.4 kB
JavaScript
var Hl=Object.create;var $o=Object.defineProperty;var zl=Object.getOwnPropertyDescriptor;var Ul=Object.getOwnPropertyNames;var Gl=Object.getPrototypeOf,Fl=Object.prototype.hasOwnProperty;var $l=(e,t)=>{for(var o in t)$o(e,o,{get:t[o],enumerable:!0})},ys=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ul(t))!Fl.call(e,r)&&r!==o&&$o(e,r,{get:()=>t[r],enumerable:!(s=zl(t,r))||s.enumerable});return e};var Xl=(e,t,o)=>(o=e!=null?Hl(Gl(e)):{},ys(t||!e||!e.__esModule?$o(o,"default",{value:e,enumerable:!0}):o,e)),Vl=e=>ys($o({},"__esModule",{value:!0}),e);var Mu={};$l(Mu,{Chat:()=>j,default:()=>Lu});module.exports=Vl(Mu);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 Xo(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 Nn="textarea",Is=Nn;var fo="input",Vo=fo;var Bs=require("react/jsx-runtime"),Jo="k-input",Jl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Wl={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Wo={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=Wo.size,rounded:N=Wo.rounded,fillMode:h=Wo.fillMode,...S}=e;return(0,Bs.jsx)("span",{...S,className:n(e.className,Jo,A(Jo,{size:u,rounded:N,fillMode:h}),k(Jo,{hover:t,focus:o,disabled:s,invalid:r,valid:i,loading:p,readonly:c}))})};I.states=Jl;I.options=Wl;I.className=Jo;I.defaultOptions=Wo;I.moduleName=fo;I.folderName=Vo;var _s=require("react/jsx-runtime"),qo="k-picker",ql=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Zl={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:x.medium,fillMode:b.solid},oe=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})),children:e.children})};oe.states=ql;oe.options=Zl;oe.className=qo;oe.defaultOptions=Zo;oe.moduleName=fo;oe.folderName=Vo;var bo=require("react/jsx-runtime"),xn="k-font-icon",Yl=[],Ql={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]},jl={},No=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:i,...p}=e;return s?(0,bo.jsx)("span",{...p,className:n(e.className,xn,A(xn,{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,bo.jsx)(bo.Fragment,{})};No.states=Yl;No.options=Ql;No.className=xn;No.defaultOptions=jl;var Ks=No;var Et=require("react/jsx-runtime"),hn="k-svg-icon",ep=[],tp={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]},Rs={viewBox:"0 0 24 24"},xo=e=>{let{size:t,themeColor:o,rotate:s,flip:r,viewBox:i=Rs.viewBox,icon:p,...c}=e;if(!p)return(0,Et.jsx)(Et.Fragment,{});p==="none"&&{...c,className:n(e.className,hn,"k-none")};let u=typeof p=="object"&&p.name&&p.name;return(0,Et.jsx)("span",{...c,className:n(e.className,hn,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,Et.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})})};xo.states=ep;xo.options=tp;xo.className=hn;xo.defaultOptions=Rs;var Ln=xo;var Mn=Xl(require("@progress/kendo-svg-icons"));var Ps="icon",Ds="icons";var Je=require("react/jsx-runtime"),Yo="k-icon",op=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),np=[],ap={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]},vn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{size:t,themeColor:o,icon:s,type:r=vn.type,rotate:i,flip:p,viewBox:c=vn.viewBox,...u}=e;if(!s)return(0,Je.jsx)(Je.Fragment,{});if(r==="svg"){if(s==="none")return(0,Je.jsx)(Ln,{...u,className:n(e.className,Yo),icon:s,size:t});let N=Mn[s]?s:op(`${s}-icon`);return Mn[N]?(0,Je.jsx)(Ln,{...u,className:n(e.className,Yo),icon:Mn[N],size:t,themeColor:o,rotate:i,flip:p,viewBox:c}):(0,Je.jsx)(Je.Fragment,{})}return(0,Je.jsx)(Ks,{...u,className:n(e.className,Yo),icon:s,size:t,themeColor:o,rotate:i,flip:p})};v.states=np;v.options=ap;v.defaultOptions=vn;v.className=Yo;v.moduleName=Ps;v.folderName=Ds;var Xt=require("react/jsx-runtime"),ws="k-clear-value",sp=[a.disabled,a.loading,a.readonly],rp={},Se=e=>{let{disabled:t,loading:o,readonly:s,value:r}=e;return t||s||o||!r?(0,Xt.jsx)(Xt.Fragment,{}):(0,Xt.jsx)("span",{className:n(e.className,ws),children:(0,Xt.jsx)(v,{icon:"x"})})};Se.states=sp;Se.options=rp;Se.className=ws;var Hs=require("react/jsx-runtime"),Sn="k-input-inner",ip=[],lp={},Qo={type:"text",autocomplete:"off",value:"",placeholder:""},Ee=e=>{let{value:t=Qo.value,type:o=Qo.type,placeholder:s=Qo.placeholder,autocomplete:r=Qo.autocomplete,...i}=e;return(0,Hs.jsx)("input",{...i,type:o,className:n(e.className,Sn,A(Sn,e)),placeholder:s,autoComplete:r,defaultValue:t})};Ee.states=ip;Ee.options=lp;Ee.className=Sn;var ho=require("react/jsx-runtime"),En="k-input-inner",pp=[],mp={},gt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:r,valueIconName:i,...p}=e;return(0,ho.jsxs)("span",{...p,className:n(e.className,En,A(En,e)),children:[r,!r&&i&&(0,ho.jsx)(v,{className:"k-input-value-icon",icon:i}),s&&!t&&o,s&&t&&(0,ho.jsx)("span",{className:"k-input-value-text",children:t})]})};gt.states=pp;gt.options=mp;gt.className=En;var Us=require("react/jsx-runtime"),gn="k-input-inner",cp=[],dp={},zs={value:"",placeholder:""},Lo=e=>{let{value:t=zs.value,placeholder:o=zs.placeholder,rows:s,...r}=e;return(0,Us.jsx)("textarea",{...r,className:n(e.className,gn,A(gn,e)),placeholder:o,rows:s,defaultValue:t})};Lo.states=cp;Lo.options=dp;Lo.className=gn;var Mo=require("react/jsx-runtime"),Gs="k-input-loading-icon",up=[a.disabled,a.loading],me=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Mo.jsx)(Mo.Fragment,{}):(0,Mo.jsx)("span",{className:n(e.className,Gs,"k-icon k-i-loading")})};me.states=up;me.className=Gs;var vo=require("react/jsx-runtime"),Fs="k-input-validation-icon",fp=[a.valid,a.invalid,a.disabled,a.loading],bp={},ne=e=>{let{valid:t,invalid:o,disabled:s,loading:r}=e,i=o?"warning-circle":"check-circle";return s||r||!!!(t||o)?(0,vo.jsx)(vo.Fragment,{}):(0,vo.jsx)(v,{className:n(Fs),icon:i})};ne.states=fp;ne.options=bp;ne.className=Fs;var So=require("react/jsx-runtime"),Np="k-input-prefix",xp={direction:"horizontal"},ce=e=>{let{direction:t=xp.direction,...o}=e;return e.children?(0,So.jsx)("span",{...o,className:n(Np,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,So.jsx)(So.Fragment,{})};var Eo=require("react/jsx-runtime"),hp="k-input-suffix",Lp={direction:"horizontal"},de=e=>{let{direction:t=Lp.direction,...o}=e;return e.children?(0,Eo.jsx)("span",{...o,className:n(hp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Eo.jsx)(Eo.Fragment,{})};var Mp=require("react/jsx-runtime");var vp=require("react/jsx-runtime");var Xs=require("react/jsx-runtime"),$s="k-input-separator",Sp={direction:"vertical"},ue=e=>{let{direction:t=Sp.direction,...o}=e;return(0,Xs.jsx)("span",{...o,className:n($s,e.className,{[`${$s}-${t}`]:t})})};var ae=require("react/jsx-runtime"),Vs="k-textarea",Ep=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],gp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},We={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},st=e=>{let{size:t=We.size,rounded:o=We.rounded,fillMode:s=We.fillMode,prefixSeparator:r=We.prefixSeparator,suffixSeparator:i=We.prefixSeparator,affixesOrientation:p=We.affixesOrientation,flow:c=We.flow,resize:u=We.resize,prefix:N,suffix:h,rows:S,value:d,placeholder:M,hover:L,focus:g,valid:O,invalid:C,required:_,disabled:$,..._e}=e;return(0,ae.jsxs)(I,{..._e,size:t,rounded:o,fillMode:s,hover:L,focus:g,valid:O,invalid:C,required:_,disabled:$,className:n(e.className,Vs,{"!k-flex-col":c==="vertical","!k-flex-row":c==="horizontal"}),children:[N&&(0,ae.jsxs)(ae.Fragment,{children:[(0,ae.jsx)(ce,{className:n({"!k-align-items-start":c===p}),direction:p,children:N}),r&&(0,ae.jsx)(ue,{direction:c==="horizontal"?"vertical":"horizontal"})]}),(0,ae.jsx)(Lo,{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,ae.jsxs)(ae.Fragment,{children:[i&&(0,ae.jsx)(ue,{direction:c==="horizontal"?"vertical":"horizontal"}),(0,ae.jsx)(de,{className:n({"!k-align-items-start":c===p}),direction:p,children:h})]})]})};st.states=Ep;st.options=gp;st.className=Vs;st.defaultOptions=We;st.moduleName=Nn;st.folderName=Is;var kp=require("react/jsx-runtime");var Ws=require("react/jsx-runtime");var kn="button",qs=kn;var ge=require("react/jsx-runtime"),go="k-button",Ap=["icon-button"],Cp=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Tp={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:!1,arrowIconName:"caret-alt-down"},f=e=>{let{size:t=kt.size,rounded:o=kt.rounded,fillMode:s=kt.fillMode,themeColor:r=kt.themeColor,showArrow:i=kt.showArrow,arrowIconName:p=kt.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,ge.jsxs)("button",{...O,className:n(e.className,go,Xo(go,c),A(go,{size:t,rounded:o,fillMode:s,themeColor:r}),k(go,{hover:u,focus:N,active:h,disabled:d,selected:S}),{"k-icon-button":!L&&!_&&C}),children:[M&&(0,ge.jsx)(v,{className:n(g,"k-button-icon"),icon:M}),L?(0,ge.jsxs)(ge.Fragment,{children:[L&&(0,ge.jsx)("span",{className:"k-button-text",children:L}),e.children]}):e.children&&(0,ge.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,ge.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ge.jsx)(v,{icon:p})})]})};f.states=Cp;f.options=Tp;f.variants=Ap;f.className=go;f.defaultOptions=kt;f.moduleName=kn;f.folderName=qs;var Zs=require("react/jsx-runtime"),qe=e=>(0,Zs.jsx)(f,{icon:"folder",...e,children:void 0});var Ys=require("react/jsx-runtime"),An=e=>(0,Ys.jsx)(f,{icon:"folder",children:"Button",...e});var Op=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var Cn="button",js=Cn;var tr=require("react/jsx-runtime"),ko="k-button-group",yp=[a.disabled],Ip={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},er={fillMode:b.solid},R=e=>{let{fillMode:t=er.fillMode,disabled:o,stretched:s,...r}=e;return(0,tr.jsx)("div",{...r,className:n(e.className,ko,A(ko,{fillMode:t}),k(ko,{disabled:o}),{[`${ko}-stretched`]:s}),children:e.children})};R.states=yp;R.options=Ip;R.className=ko;R.defaultOptions=er;R.moduleName=Cn;R.folderName=js;var Tn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Ao=require("react/jsx-runtime"),or="k-color-preview",Bp=[],_p={},rt=e=>{let{color:t,iconName:o,...s}=e;return(0,Ao.jsxs)("span",{...s,className:n(e.className,or,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ao.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Ao.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};rt.states=Bp;rt.options=_p;rt.className=or;var Bn="popup",nr=Bn;var _n=require("react/jsx-runtime"),ar="k-animation-container",Kp=[],Rp={},sr={positionMode:"absolute"},Ke=e=>{let{positionMode:t=sr.positionMode,animationStyle:o,offset:s,...r}=e;return(0,_n.jsx)("div",{...r,style:{...s,...e.style},className:n(e.className,ar,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,_n.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ke.states=Kp;Ke.options=Rp;Ke.className=ar;Ke.defaultOptions=sr;Ke.moduleName=Bn;Ke.folderName=nr;var Kn="popup",rr=Kn;var Rn=require("react/jsx-runtime"),ir="k-popup",Pp=[],Dp={},lr={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:o=lr.positionMode,animationStyle:s,...r}=e;return(0,Rn.jsx)(Ke,{positionMode:o,offset:t,animationStyle:s,children:(0,Rn.jsx)("div",{...r,className:n(e.className,ir),children:e.children})})};z.states=Pp;z.options=Dp;z.className=ir;z.defaultOptions=lr;z.moduleName=Kn;z.folderName=rr;var Pn="action-buttons",pr=Pn;var cr=require("react/jsx-runtime"),jo="k-actions",wp=[],Hp={},Dn={alignment:"start",orientation:"horizontal"},se=e=>{let{alignment:t=Dn.alignment,orientation:o=Dn.orientation,...s}=e;return(0,cr.jsx)("div",{...s,className:n(jo,{[`${jo}-${t}`]:t,[`${jo}-${o}`]:o},e.className),children:e.children})};se.states=wp;se.options=Hp;se.className=jo;se.defaultOptions=Dn;se.moduleName=Pn;se.folderName=pr;var mr=se;var ur=require("react/jsx-runtime"),zp="k-actionsheet-footer",dr={alignment:"stretched",orientation:"horizontal"},Co=e=>{let{alignment:t=dr.alignment,orientation:o=dr.orientation,template:s,as:r=s?"div":se,...i}=e;return(0,ur.jsx)(r,{...i,...!s&&{alignment:t,orientation:o},className:n(e.className,zp),children:e.children})};var wn="searchbox",fr=wn;var it=require("react/jsx-runtime"),br="k-searchbox",Up=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],Gp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Hn={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},ke=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=Hn.showIcon,icon:L=Hn.icon,...g}=e;return(0,it.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,br),children:[M&&(0,it.jsx)(v,{className:"k-input-icon",icon:L}),(0,it.jsx)(Ee,{placeholder:o,value:t}),(0,it.jsx)(me,{...e}),(0,it.jsx)(ne,{...e}),(0,it.jsx)(Se,{...e})]})};ke.states=Up;ke.options=Gp;ke.className=br;ke.defaultOptions=Hn;ke.moduleName=wn;ke.folderName=fr;var Fp=require("react/jsx-runtime");var zn="textbox",Nr=zn;var W=require("react/jsx-runtime"),xr="k-textbox",$p=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Xp={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},At={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},Re=e=>{let{size:t=At.size,rounded:o=At.rounded,fillMode:s=At.fillMode,separators:r=At.separators,showClearButton:i=At.showClearButton,showValidationIcon:p=At.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:$,..._e}=e;return(0,W.jsxs)(I,{..._e,size:t,rounded:o,fillMode:s,hover:d,focus:M,valid:L,invalid:g,required:O,loading:C,disabled:_,readonly:$,className:n(e.className,xr),children:[c&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(ce,{children:c}),r&&(0,W.jsx)(ue,{})]}),(0,W.jsx)(Ee,{placeholder:S,value:h,type:N}),p&&(0,W.jsx)(ne,{valid:L,invalid:g,loading:C,disabled:_}),(0,W.jsx)(me,{loading:C,disabled:_}),i&&(0,W.jsx)(Se,{loading:C,disabled:_,readonly:$,value:h}),u&&(0,W.jsxs)(W.Fragment,{children:[r&&(0,W.jsx)(ue,{}),(0,W.jsx)(de,{children:u})]})]})};Re.states=$p;Re.options=Xp;Re.className=xr;Re.defaultOptions=At;Re.moduleName=zn;Re.folderName=Nr;var Vp=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var re=require("react/jsx-runtime"),vr="k-actionsheet-titlebar",Jp={},fe=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,re.jsxs)("div",{...S,className:n(e.className,vr),children:[(0,re.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[s&&(0,re.jsx)("div",{className:"k-actionsheet-actions",children:s}),!h&&(0,re.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,re.jsx)("div",{className:"k-text-center",children:t}),o&&(0,re.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&(0,re.jsx)("div",{className:"k-actionsheet-title",children:h}),r&&(0,re.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p||i)&&(0,re.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,re.jsx)(Re,{value:c,placeholder:u,size:N?"large":"medium"}):(0,re.jsx)(ke,{placeholder:"Filter",size:N?"large":"medium"})})]})};fe.className=vr;fe.defaultOptions=Jp;var Vt=require("react/jsx-runtime"),Un="k-actionsheet-view",Wp=[],qp={},Zp={},Jt=e=>{let{adaptive:t,animated:o,children:s,header:r,footer:i,...p}=e,c=(r==null?void 0:r.type)===fe&&(0,Vt.jsx)(fe,{adaptive:t,...r==null?void 0:r.props}),u=(i==null?void 0:i.type)===Co&&(0,Vt.jsx)(Co,{...i==null?void 0:i.props});return(0,Vt.jsxs)("div",{...p,className:n(e.className,Un,{[`${Un}-animated`]:o}),children:[c,(0,Vt.jsx)("div",{className:"k-actionsheet-content",children:s}),u]})};Jt.states=Wp;Jt.options=qp;Jt.className=Un;Jt.defaultOptions=Zp;var To="action-sheet",en=To;var Ct=require("react/jsx-runtime"),Sr="k-actionsheet",Yp=[],Qp={},Oo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=Oo.side,fullscreen:o=Oo.fullscreen,adaptive:s=Oo.adaptive,overlay:r=Oo.overlay,template:i,children:p,header:c,footer:u,...N}=e;return(0,Ct.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Ct.jsx)("div",{className:"k-overlay"}),(0,Ct.jsx)(Ke,{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,Ct.jsx)("div",{...N,className:n(e.className,Sr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:i||(0,Ct.jsx)(Jt,{header:c,footer:u,adaptive:s,...e,children:p})})})]})};ie.states=Yp;ie.options=Qp;ie.className=Sr;ie.defaultOptions=Oo;ie.moduleName=To;ie.folderName=en;var gr=require("react/jsx-runtime"),Er="k-actionsheet-container",jp=[],em={},tm={},Wt=e=>{let{children:t,...o}=e;return(0,gr.jsx)("div",{...o,className:Er,children:t})};Wt.states=jp;Wt.options=em;Wt.className=Er;Wt.defaultOptions=tm;Wt.moduleName=To;Wt.folderName=en;var om=require("react/jsx-runtime");var be=require("react/jsx-runtime"),Gn="k-actionsheet-item",nm=[a.hover,a.focus,a.selected,a.disabled],Fn=e=>{let{iconName:t,text:o,description:s,hover:r,focus:i,selected:p,disabled:c,...u}=e;return(0,be.jsxs)("span",{...u,className:n(e.className,Gn,k(Gn,{hover:r,focus:i,selected:p,disabled:c})),children:[!e.children&&(0,be.jsx)(be.Fragment,{children:(0,be.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,be.jsx)("span",{className:"k-icon-wrap",children:(0,be.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,be.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,be.jsx)("span",{className:"k-actionsheet-item-title",children:o}),s&&(0,be.jsx)("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};Fn.states=nm;Fn.className=Gn;var kr=require("react/jsx-runtime");var am=require("react/jsx-runtime");var sm=require("react/jsx-runtime");var rm=require("react/jsx-runtime");var $n="slider",Cr=$n;var Ae=require("react/jsx-runtime"),yo="k-slider",im=[a.hover,a.focus,a.active,a.disabled,a.readonly],lm={},lt={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},ee=e=>{let{type:t=lt.type,orientation:o=lt.orientation,readonly:s=lt.readonly,disabled:r=lt.disabled,handlePosition:i=lt.handlePosition,showButtons:p=lt.showButtons,showTicks:c=lt.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,Ae.jsxs)("div",{...M,className:n(yo,e.className,k(yo,{readonly:s,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:d,children:[p&&(0,Ae.jsx)(f,{className:"k-button-decrease",rounded:"full",icon:g}),(0,Ae.jsxs)("div",{className:"k-slider-track-wrap",children:[c&&(0,Ae.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,Ae.jsxs)("div",{className:"k-slider-track",style:S,children:[(0,Ae.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ae.jsx)("span",{className:n("k-draghandle","k-draghandle-start",k(yo,{hover:u,focus:N,active:h}))}),(0,Ae.jsx)("span",{className:n("k-draghandle",`k-draghandle-${i}`,k(yo,{hover:u,focus:N,active:h}))})]})]}),p&&(0,Ae.jsx)(f,{className:"k-button-increase",rounded:"full",icon:L})]})};ee.states=im;ee.options=lm;ee.className=yo;ee.defaultOptions=lt;ee.moduleName=$n;ee.folderName=Cr;var Xn=require("react/jsx-runtime"),Tr="k-tick",pm=[],mm={},Or={label:!1},pt=e=>{let{style:t,label:o=Or.label,orientation:s,large:r,text:i,...p}=e;return(0,Xn.jsx)("li",{...p,className:n(e.className,Tr,{[`k-tick-${s}`]:s,"k-tick-large":r}),style:t,children:o&&(0,Xn.jsx)("span",{className:"k-label",children:i})})};pt.states=pm;pt.options=mm;pt.className=Tr;pt.defaultOptions=Or;var Vn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var qn=require("react/jsx-runtime");var yr=require("react/jsx-runtime"),Zn=e=>(0,yr.jsx)(ee,{type:"gradient",showButtons:!1,showTicks:!1,...e});var Ir=require("react/jsx-runtime"),Yn=e=>(0,Ir.jsx)(ee,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var Io=require("react/jsx-runtime"),Br="k-spin-button",um=[],fm={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Qn={size:l.medium,fillMode:b.solid},mt=e=>{let{size:t=Qn.size,fillMode:o=Qn.fillMode,...s}=e;return(0,Io.jsxs)("span",{...s,className:n(Br,e.className),children:[(0,Io.jsx)(f,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),(0,Io.jsx)(f,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};mt.states=um;mt.options=fm;mt.className=Br;mt.defaultOptions=Qn;mt.moduleName=null;mt.folderName=null;var _r="numeric-textbox",Kr="numerictextbox";var X=require("react/jsx-runtime"),Rr="k-numerictextbox",bm=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Nm={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Tt={showSpinButton:!0,showClearButton:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},D=e=>{let{size:t=Tt.size,rounded:o=Tt.rounded,fillMode:s=Tt.fillMode,separators:r=Tt.separators,showClearButton:i=Tt.showClearButton,showSpinButton:p=Tt.showSpinButton,prefix:c,suffix:u,value:N,placeholder:h,hover:S,focus:d,valid:M,invalid:L,required:g,loading:O,disabled:C,readonly:_,...$}=e;return(0,X.jsxs)(I,{...$,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,Rr),children:[c&&(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(ce,{children:c}),r&&(0,X.jsx)(ue,{})]}),(0,X.jsx)(Ee,{placeholder:h,value:N}),(0,X.jsx)(ne,{valid:M,invalid:L,loading:O,disabled:C}),(0,X.jsx)(me,{loading:O,disabled:C}),i&&(0,X.jsx)(Se,{loading:O,disabled:C,readonly:_,value:N}),u&&(0,X.jsxs)(X.Fragment,{children:[r&&(0,X.jsx)(ue,{}),(0,X.jsx)(de,{children:u})]}),p&&(0,X.jsx)(mt,{className:"k-input-spinner",size:t,fillMode:s})]})};D.states=bm;D.options=Nm;D.className=Rr;D.defaultOptions=Tt;D.moduleName=_r;D.folderName=Kr;var xm=require("react/jsx-runtime");var Dr=require("react/jsx-runtime"),hm="k-no-data",Bo=e=>(0,Dr.jsx)("span",{className:n(hm,e.className),children:e.children});var Ze="list",ct=Ze;var Pe=require("react/jsx-runtime"),jn="k-list",Lm=[],Mm={size:[l.small,l.medium,l.large]},wr={size:l.medium},K=e=>{let{size:t=wr.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===V?(M.props.root===!0?(u=M.props.label,M.props.children.map((g,O)=>{d.push((0,Pe.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,Pe.jsx)(y,{className:O===0?"k-first":"",...g.props,groupLabel:C},`groupLabel-${O}-${new Date().getTime()}`))}),N=(0,Pe.jsx)(V,{label:u,virtualization:o,children:d})):M.type===y&&(d.push((0,Pe.jsx)(y,{...M.props},`${M.type}-${L}`)),h=(0,Pe.jsx)(qt,{virtualization:o,children:d}),p&&(S=(0,Pe.jsxs)(Bo,{className:"k-sr-only",children:[d.length," items found."]})))}):S=(0,Pe.jsx)(Bo,{children:"No data found."}),(0,Pe.jsxs)("div",{...c,className:n(e.className,jn,A(jn,{size:t}),{"k-virtual-list":o}),children:[r,i,N,h,S]})};K.states=Lm;K.options=Mm;K.className=jn;K.defaultOptions=wr;K.moduleName=Ze;K.folderName=ct;var zr=require("react/jsx-runtime"),Hr="k-list-container",vm=[],Sm={},Em={},Zt=e=>{let{...t}=e;return(0,zr.jsx)("div",{...t,className:n(e.className,Hr),children:e.children})};Zt.states=vm;Zt.options=Sm;Zt.className=Hr;Zt.defaultOptions=Em;Zt.moduleName=Ze;Zt.folderName=ct;var De=require("react/jsx-runtime"),ea="k-list",gm=[],km={size:[l.small,l.medium,l.large]},Ur={size:l.medium},Ye=e=>{let{size:t=Ur.size,virtualization:o,children:s,...r}=e,i,p,c,u=[];return s?s.map((N,h)=>{N.type===V?(N.props.root===!0?(i=N.props.label,N.props.children.map((S,d)=>{u.push((0,De.jsx)(y,{...S.props},`optChild-${d}-${new Date().getTime()}`))})):(u.push((0,De.jsx)(Gr,{...N.props,children:N.props.label},`listChild-${h}`)),N.props.children.map((S,d)=>{u.push((0,De.jsx)(y,{...S.props},`fwOptChild-${d}-${new Date().getTime()}`))})),p=(0,De.jsx)(V,{label:i,virtualization:o,children:u})):N.type===y&&(u.push((0,De.jsx)(y,{...N.props},`${N.type}-${h}`)),c=(0,De.jsx)(qt,{virtualization:o,children:u}))}):c=(0,De.jsx)(Bo,{children:"No data found."}),(0,De.jsxs)("div",{...r,className:n(e.className,ea,A(ea,{size:t}),{"k-virtual-list":o}),children:[p,c]})};Ye.states=gm;Ye.options=km;Ye.className=ea;Ye.defaultOptions=Ur;Ye.moduleName=Ze;Ye.folderName=ct;var Ot="checkbox",Yt=Ot;var oa=require("react/jsx-runtime"),tn="k-checkbox",Am=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],Cm={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full]},ta={size:l.medium,rounded:x.medium},we=e=>{let{id:t,checked:o,indeterminate:s,hover:r,focus:i,disabled:p,invalid:c,valid:u,required:N,size:h=ta.size,rounded:S=ta.rounded,...d}=e;return(0,oa.jsx)("span",{className:"k-checkbox-wrap",children:(0,oa.jsx)("input",{...d,id:t,type:"checkbox",defaultChecked:o,required:N,className:n(e.className,tn,A(tn,{size:h,rounded:S}),k(tn,{hover:r,focus:i,disabled:p,invalid:c,valid:u,indeterminate:s,checked:o}))})})};we.states=Am;we.options=Cm;we.className=tn;we.defaultOptions=ta;we.moduleName=Ot;we.folderName=Yt;var Xr=require("react/jsx-runtime"),Fr="k-checkbox-list",Tm=[],Om={},$r={layout:"vertical"},dt=e=>{let{layout:t=$r.layout,...o}=e;return(0,Xr.jsx)("ul",{...o,className:n(e.className,Fr,{[`k-list-${t}`]:t}),children:e.children})};dt.states=Tm;dt.options=Om;dt.className=Fr;dt.defaultOptions=$r;dt.moduleName=Ot;dt.folderName=Yt;var Jr=require("react/jsx-runtime"),Vr="k-checkbox-list-item",ym=[],Im={},Bm={},ut=e=>{let{...t}=e;return(0,Jr.jsx)("li",{...t,className:n(e.className,Vr),children:e.children})};ut.states=ym;ut.options=Im;ut.className=Vr;ut.defaultOptions=Bm;ut.moduleName=Ot;ut.folderName=Yt;var aa=require("react/jsx-runtime");var sa=require("react/jsx-runtime");var ra=require("react/jsx-runtime");var ia=require("react/jsx-runtime");var _m=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),la="k-list-item",Rm=[a.hover,a.focus,a.selected,a.disabled],Pm={},Dm={},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,yt.jsxs)("li",{...d,className:n(e.className,s?"k-list-group-item":la,k(la,{hover:u,focus:N,disabled:S,selected:h})),children:[p&&(0,yt.jsx)(we,{checked:c}),r&&(0,yt.jsx)(v,{icon:i}),(0,yt.jsx)("span",{className:"k-list-item-text",children:M}),o&&o!==""&&(0,yt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};y.states=Rm;y.options=Pm;y.className=la;y.defaultOptions=Dm;y.moduleName=Ze;y.folderName=ct;var Qt=require("react/jsx-runtime"),wm="k-list-content",qt=e=>{let{virtualization:t,...o}=e;return(0,Qt.jsxs)("div",{...o,className:n(wm,e.className),children:[(0,Qt.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,Qt.jsx)("div",{className:"k-height-container",children:(0,Qt.jsx)("div",{})})]})};var pa=require("react/jsx-runtime"),Hm="k-list-group-sticky-header",Wr=e=>(0,pa.jsx)("div",{className:n(Hm,e.className),children:(0,pa.jsx)("div",{className:"k-list-header-text",children:e.children})});var It=require("react/jsx-runtime"),V=e=>{let{virtualization:t,label:o}=e;return(0,It.jsxs)(It.Fragment,{children:[o&&(0,It.jsx)(Wr,{children:o}),e.children&&(0,It.jsx)(qt,{virtualization:t,children:e.children})]})};var ma=require("react/jsx-runtime"),zm="k-list-group-item",Gr=e=>(0,ma.jsx)("li",{className:n(zm,e.className),children:(0,ma.jsx)("span",{className:"k-list-item-text",children:e.children})});var qr=require("react/jsx-runtime"),ca="k-list-optionlabel",Um=[a.hover,a.focus,a.selected,a.disabled],Gm={},Fm={},on=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:i,...p}=e;return(0,qr.jsx)("div",{...p,className:n(ca,k(ca,{hover:o,focus:s,selected:r,disabled:i})),children:t})};on.states=Um;on.options=Gm;on.className=ca;on.defaultOptions=Fm;var Zr=require("react/jsx-runtime"),da="k-list-custom-value",$m=[a.hover,a.focus,a.selected,a.disabled],Xm={},Vm={},ft=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:i,...p}=e;return(0,Zr.jsx)("div",{...p,className:n(da,k(da,{hover:o,focus:s,selected:r,disabled:i})),children:t})};ft.states=$m;ft.options=Xm;ft.className=da;ft.defaultOptions=Vm;var Jm=require("react/jsx-runtime");var Wm=require("react/jsx-runtime");var Yr=require("react/jsx-runtime");var Qr=require("react/jsx-runtime");var qm=require("react/jsx-runtime");var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti="dropdown-list",oi="dropdownlist";var w=require("react/jsx-runtime"),ni="k-dropdownlist",Zm=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Ym={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},jt={showValue:!0,arrowIconName:"caret-alt-down",size:l.medium,rounded:x.medium,fillMode:b.solid},He=e=>{let{size:t=jt.size,rounded:o=jt.rounded,fillMode:s=jt.fillMode,arrowIconName:r=jt.arrowIconName,showValue:i=jt.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:$,opened:_e,adaptive:co,adaptiveSettings:uo,adaptiveTitle:fn,adaptiveSubtitle:bn,adaptiveFilter:Dl,...wl}=e;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(oe,{...wl,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,ni,{"k-icon-picker":!i&&p}),children:[(0,w.jsx)(ce,{children:c}),(0,w.jsx)(gt,{placeholder:h,value:N,showValue:i,valueIconName:p}),(0,w.jsx)(ne,{valid:M,invalid:L,loading:O,disabled:C}),(0,w.jsx)(me,{loading:O,disabled:C}),(0,w.jsx)(de,{children:u}),(0,w.jsx)(f,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),_e&&$&&(0,w.jsx)(z,{className:"k-list-container k-dropdownlist-popup",children:$}),co&&(0,w.jsx)(ie,{adaptive:!0,...uo,header:(0,w.jsx)(fe,{actionsEnd:(0,w.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Dl,inputValue:N,inputPlaceholder:h,title:fn,subtitle:bn}),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"})]})})})]})};He.states=Zm;He.options=Ym;He.className=ni;He.defaultOptions=jt;He.moduleName=ti;He.folderName=oi;var Qm=require("react/jsx-runtime");var ai=require("react/jsx-runtime");var ua=require("react/jsx-runtime");var jm=require("react/jsx-runtime");var si=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var fa=require("react/jsx-runtime");var ba=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li=require("react/jsx-runtime");var E=require("react/jsx-runtime"),pi="k-colorgradient-inputs",ec=[],tc={size:[l.small,l.medium,l.large]},mi={mode:"rgba",size:l.medium},eo=e=>{let{mode:t=mi.mode,size:o,...s}=e;return(0,E.jsxs)("div",{...s,className:n(pi,"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)(Re,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};eo.states=ec;eo.options=tc;eo.className=pi;eo.defaultOptions=mi;var q=require("react/jsx-runtime"),ci="k-colorgradient-color-contrast",oc=[],nc={},ac={},to=()=>(0,q.jsxs)("div",{className:n(ci,"k-vbox"),children:[(0,q.jsxs)("div",{className:"k-contrast-ratio",children:[(0,q.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,q.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,q.jsx)(v,{icon:"check"}),(0,q.jsx)(v,{icon:"check"})]})]}),(0,q.jsxs)("div",{children:[(0,q.jsx)("span",{children:"AA: 4.5"}),(0,q.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,q.jsx)(v,{icon:"check"})]})]}),(0,q.jsxs)("div",{children:[(0,q.jsx)("span",{children:"AAA: 7.0"}),(0,q.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,q.jsx)(v,{icon:"x"})]})]})]});to.states=oc;to.options=nc;to.className=ci;to.defaultOptions=ac;var di="color-gradient",ui="colorgradient";var U=require("react/jsx-runtime"),nn="k-colorgradient",sc=[a.hover,a.focus,a.readonly,a.disabled],rc={size:[l.small,l.medium,l.large]},Ce={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"},ze=e=>{let{size:t=Ce.size,mode:o=Ce.mode,readonly:s=Ce.readonly,disabled:r=Ce.disabled,gradientStyle:i=Ce.gradientStyle,dragHandleStyle:p=Ce.dragHandleStyle,alphaStyle:c=Ce.alphaStyle,alphaStyleHorizontal:u=Ce.alphaStyleHorizontal,contrast:N=Ce.contrast,dir:h,hover:S,focus:d,hoverHandle:M,focusHandle:L,canvasOrientation:g=Ce.canvasOrientation,...O}=e;return(0,U.jsxs)("div",{...O,className:n(e.className,nn,A(nn,{size:t}),k(nn,{hover:S,focus:d,readonly:s,disabled:r})),dir:h,children:[!g||g==="horizontal"&&(0,U.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,U.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,U.jsx)("div",{className:"k-hsv-gradient",children:(0,U.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:p})})}),(0,U.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,U.jsx)(Yn,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,U.jsx)(Yn,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),g==="vertical"&&(0,U.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,U.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,U.jsx)("div",{className:"k-hsv-gradient",children:(0,U.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:p})})}),(0,U.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,U.jsx)(Zn,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,U.jsx)(Zn,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),(0,U.jsx)(eo,{mode:e.mode,size:t}),N&&(0,U.jsx)(to,{})]})};ze.states=sc;ze.options=rc;ze.className=nn;ze.defaultOptions=Ce;ze.moduleName=di;ze.folderName=ui;var ic=require("react/jsx-runtime");var lc=require("react/jsx-runtime");var bi=require("react/jsx-runtime"),fi=e=>(0,bi.jsx)("tr",{children:e.children});var Ni=require("react/jsx-runtime"),Na="k-colorpalette-tile",pc=[a.hover,a.focus,a.selected],mc={},_o=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,Ni.jsx)("td",{...p,className:n(e.className,Na,k(Na,{hover:s,focus:r,selected:i})),style:c})};_o.states=pc;_o.options=mc;_o.className=Na;var xi="color-palette",hi="colorpalette";var oo=require("react/jsx-runtime"),an="k-colorpalette",cc=[a.disabled],dc={size:[l.small,l.medium,l.large]},xa={columns:10,size:l.medium},bt=e=>{let{size:t=xa.size,palette:o,columns:s=xa.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,oo.jsx)(_o,{color:L,tileSize:r},g))});let M=(0,oo.jsx)(fi,{children:d},S);c.push(M)})}return(0,oo.jsx)("div",{...p,className:n(e.className,an,k(an,{disabled:i}),A(an,{size:t})),children:(0,oo.jsx)("table",{className:"k-colorpalette-table",children:(0,oo.jsx)("tbody",{children:c.length>0?c:e.children})})})};bt.states=cc;bt.options=dc;bt.className=an;bt.defaultOptions=xa;bt.moduleName=xi;bt.folderName=hi;var ha={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 uc=require("react/jsx-runtime");var Li="color-editor",Mi="coloreditor";var H=require("react/jsx-runtime"),sn="k-coloreditor",fc=[a.focus],bc={size:[l.small,l.medium,l.large]},no={size:l.medium,view:"gradient",palette:ha.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t=no.size,view:o=no.view,palette:s=no.palette,color:r,currentColor:i,focus:p,focusView:c,dir:u,group:N,actionButtons:h=no.actionButtons,canvasOrientation:S=no.canvasOrientation,...d}=e;return(0,H.jsxs)("div",{...d,className:n(e.className,"k-flatcolorpicker",sn,A(sn,{size:t}),k(sn,{focus:p})),dir:u,children:[(0,H.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,H.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&(0,H.jsxs)(R,{fillMode:"flat",children:[(0,H.jsx)(f,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),(0,H.jsx)(f,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),(0,H.jsx)("div",{className:"k-spacer"}),(0,H.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,H.jsx)(f,{fillMode:"flat",icon:"droplet-slash",size:t}),(0,H.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,H.jsx)(rt,{className:"k-coloreditor-preview-color",color:r}),(0,H.jsx)(rt,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,H.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,H.jsx)(ze,{focus:c,size:t,canvasOrientation:S}):(0,H.jsx)(bt,{palette:s,size:t})}),h&&(0,H.jsxs)(se,{className:"k-coloreditor-footer",alignment:"start",children:[(0,H.jsx)(f,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,H.jsx)(f,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=fc;Ne.options=bc;Ne.className=sn;Ne.defaultOptions=no;Ne.moduleName=Li;Ne.folderName=Mi;var Nc=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var hc=require("react/jsx-runtime");var Lc=require("react/jsx-runtime");var vi="color-picker",Si="colorpicker";var G=require("react/jsx-runtime"),Ei="k-colorpicker",Mc=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],vc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Ko={arrowIconName:"caret-alt-down",size:oe.defaultOptions.size,rounded:oe.defaultOptions.rounded,fillMode:oe.defaultOptions.fillMode},Te=e=>{let{size:t=Ko.size,rounded:o=Ko.rounded,fillMode:s=Ko.fillMode,arrowIconName:r=Ko.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:$,adaptiveTitle:_e,adaptiveSubtitle:co,...uo}=e;return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(oe,{...uo,size:t,rounded:o,fillMode:s,hover:N,focus:h,valid:S,invalid:d,required:M,disabled:L,className:n(e.className,Ei,"k-icon-picker"),children:[(0,G.jsx)(ce,{children:i}),(0,G.jsx)(gt,{placeholder:u,value:c,showValue:!1,valueIcon:(0,G.jsx)(rt,{className:"k-value-icon",color:c,iconName:g}),valueIconName:g}),(0,G.jsx)(de,{children:p}),(0,G.jsx)(f,{className:"k-input-button",icon:r,rounded:null,size:t,fillMode:s})]}),C&&O&&(0,G.jsx)(z,{className:"k-colorpicker-popup",children:O}),_&&(0,G.jsx)(ie,{adaptive:!0,...$,header:(0,G.jsx)(fe,{actionsEnd:(0,G.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:_e,subtitle:co}),footer:(0,G.jsxs)(Co,{children:[(0,G.jsx)(f,{text:"Cancel",size:"large",themeColor:"base"}),(0,G.jsx)(f,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,G.jsx)(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Te.states=Mc;Te.options=vc;Te.className=Ei;Te.defaultOptions=Ko;Te.moduleName=vi;Te.folderName=Si;var Ec=require("react/jsx-runtime");var gc=require("react/jsx-runtime");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 Ma="combobox",gi=Ma;var B=require("react/jsx-runtime"),ki="k-combobox",Oc=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],yc={size:[l.small,l.medium,l.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Ro={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},Qe=e=>{let{size:t=Ro.size,rounded:o=Ro.rounded,fillMode:s=Ro.fillMode,separators:r=Ro.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:$,adaptiveSettings:_e,adaptiveTitle:co,adaptiveSubtitle:uo,adaptiveCustomValue:fn,...bn}=e;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)(I,{...bn,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,ki),children:[i&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(ce,{children:i}),r&&(0,B.jsx)(ue,{})]}),(0,B.jsx)(Ee,{placeholder:u,value:c}),(0,B.jsx)(ne,{valid:S,invalid:d,loading:L,disabled:g}),(0,B.jsx)(me,{loading:L,disabled:g}),(0,B.jsx)(Se,{loading:L,disabled:g,readonly:_,value:c}),p&&(0,B.jsxs)(B.Fragment,{children:[r&&(0,B.jsx)(ue,{}),(0,B.jsx)(de,{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)(z,{className:"k-list-container k-combobox-popup",children:O}),$&&(0,B.jsx)(ie,{adaptive:!0,..._e,header:(0,B.jsx)(fe,{actionsEnd:(0,B.jsx)(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:c,inputPlaceholder:u,title:co,subtitle:uo}),children:(0,B.jsx)("div",{className:"k-list-container",children:(0,B.jsxs)(K,{customValue:fn?(0,B.jsx)(ft,{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"})]})})})]})};Qe.states=Oc;Qe.options=yc;Qe.className=ki;Qe.defaultOptions=Ro;Qe.moduleName=Ma;Qe.folderName=gi;var Ic=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var va=require("react/jsx-runtime");var Sa="menu-button",Bi=Sa;var Kt=require("react/jsx-runtime"),_i="k-menu-button",_c=[a.hover,a.focus,a.active,a.selected,a.disabled],Kc={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]},_t={size:l.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t=_t.size,rounded:o=_t.rounded,fillMode:s=_t.fillMode,themeColor:r=_t.themeColor,hover:i,focus:p,active:c,selected:u,disabled:N,icon:h,text:S,showArrow:d=_t.showArrow,arrowIconName:M=_t.arrowIconName,popup:L,opened:g,...O}=e;return(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(f,{...O,className:n(e.className,_i),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,Kt.jsx)(z,{className:"k-menu-popup",children:L})]})};Z.states=_c;Z.options=Kc;Z.className=_i;Z.defaultOptions=_t;Z.moduleName=Sa;Z.folderName=Bi;var Rc=require("react/jsx-runtime");var Pc=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var le="menu",xe=le;var he=require("react/jsx-runtime"),ga="k-menu-item",wc=[a.hover,a.focus,a.active,a.selected,a.disabled],Hc={},Ki={iconPosition:"before"},Oe=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=Ki.iconPosition,dir:M,children:L,...g}=e,O=(0,he.jsx)(he.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,he.jsxs)("li",{...g,className:n(e.className,ga,"k-item",k(ga,{focus:o,disabled:i,hover:t,active:s,selected:r}),{"k-first":u,"k-last":N}),children:[(0,he.jsxs)("span",{className:n("k-link k-menu-link"),children:[p&&d==="before"&&(0,he.jsx)(v,{className:"k-menu-link-icon",icon:p}),(0,he.jsx)("span",{className:"k-menu-link-text",children:c}),p&&d==="after"&&(0,he.jsx)(v,{className:"k-menu-link-icon",icon:p}),h&&(0,he.jsx)("span",{className:"k-menu-expand-arrow",children:(0,he.jsx)(v,{icon:C})})]}),O]})};Oe.states=wc;Oe.options=Hc;Oe.className=ga;Oe.defaultOptions=Ki;Oe.moduleName=le;Oe.folderName=xe;var Le=require("react/jsx-runtime"),ka="k-menu-item",zc=[a.hover,a.focus,a.active,a.selected,a.disabled],Uc={},Aa={dir:"ltr",iconPosition:"before"},Me=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=Aa.iconPosition,dir:M=Aa.dir,children:L,popup:g,...O}=e,C=(0,Le.jsx)(Le.Fragment,{});L&&L.forEach($=>{if($.type==="MenuListItemContent"){C.props.children.push($);return}});let _=S;return _||(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Le.jsxs)("li",{...O,className:n(e.className,ka,"k-item",k(ka,{focus:o,disabled:i}),{"k-first":u,"k-last":N}),children:[(0,Le.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,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,g]})};Me.states=zc;Me.options=Uc;Me.className=ka;Me.defaultOptions=Aa;Me.moduleName=le;Me.folderName=xe;var Di=require("react/jsx-runtime"),Ri="k-menu-scroll-wrapper",Gc=[],Fc={},$c={},Rt=e=>{let{className:t,children:o,orientation:s,...r}=e;return(0,Di.jsx)("div",{...r,className:n(t,Ri,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};Rt.states=Gc;Rt.options=Fc;Rt.className=Ri;Rt.defaultOptions=$c;Rt.moduleName=le;Rt.folderName=xe;var Pi=Rt;var J=require("react/jsx-runtime"),Ca="k-menu",Xc=[],Vc={},rn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ye=e=>{let{children:t,orientation:o=rn.orientation,header:s=rn.header,scrollable:r,scrollButtonsPosition:i=rn.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,J.jsx)("ul",{dir:c,...N,className:n(e.className,"k-reset",Ca,{[`${Ca}-${o}`]:o,"k-header":s}),children:t});return(0,J.jsxs)(J.Fragment,{children:[r?(0,J.jsxs)(Pi,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,J.jsxs)(J.Fragment,{children:[(0,J.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,J.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,J.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,J.jsxs)(J.Fragment,{children:[(0,J.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,J.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,J.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]})};ye.states=Xc;ye.options=Vc;ye.className=Ca;ye.defaultOptions=rn;ye.moduleName=le;ye.folderName=xe;var Hi=require("react/jsx-runtime"),Ta="k-separator",wi={orientation:"horizontal"},Pt=e=>{let{orientation:t=wi.orientation,...o}=e;return(0,Hi.jsx)("li",{...o,className:n(e.className,"k-item",Ta,{[`${Ta}-${t}`]:t})})};Pt.className=Ta;Pt.defaultOptions=wi;Pt.moduleName=le;Pt.folderName=xe;var zi=require("react/jsx-runtime");var Ia=require("react/jsx-runtime"),Ui=require("react"),Oa="k-menu-group",Jc=[],Wc={size:[l.small,l.medium,l.large]},ya={size:l.medium,dir:"ltr"},je=e=>{let{children:t,size:o=ya.size,dir:s=ya.dir,...r}=e,i=[];return t&&Array.isArray(t)&&t.map((p,c)=>{p.type===Me?i.push((0,Ui.createElement)(Me,{...p.props,dir:s,key:c})):p.type===Pt?i.push((0,Ia.jsx)(Pt,{})):i.push(p)}),(0,Ia.jsx)("ul",{...r,className:n(e.className,Oa,A(Oa,{size:o})),children:i})};je.states=Jc;je.options=Wc;je.className=Oa;je.defaultOptions=ya;je.moduleName=le;je.folderName=xe;var Ba=require("react/jsx-runtime");var _a=require("react/jsx-runtime");var Ka=require("react/jsx-runtime");var Ra=require("react/jsx-runtime");var Pa=require("react/jsx-runtime");var Gi=require("react/jsx-runtime");var Da="split-button",Fi=Da;var et=require("react/jsx-runtime"),wa="k-split-button",qc=[a.hover,a.focus,a.active,a.selected,a.disabled],Zc={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]},ao={size:l.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,arrowIconName:"caret-alt-down"},Y=e=>{let{size:t=ao.size,rounded:o=ao.rounded,fillMode:s=ao.fillMode,themeColor:r=ao.themeColor,hover:i,focus:p,active:c,selected:u,disabled:N,icon:h,text:S,arrowIconName:d=ao.arrowIconName,popup:M,opened:L,...g}=e;return(0,et.jsxs)(et.Fragment,{children:[(0,et.jsxs)("div",{...g,className:n(e.className,wa,"k-button-group",A(wa,{rounded:o})),children:[(0,et.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,et.jsx)(f,{className:"k-split-button-arrow",icon:d,size:t,rounded:o,fillMode:s,disabled:N})]}),L&&M&&(0,et.jsx)(z,{className:"k-menu-popup",children:M})]})};Y.states=qc;Y.options=Zc;Y.className=wa;Y.defaultOptions=ao;Y.moduleName=Da;Y.folderName=Fi;var Ha=Y;var $i=require("react/jsx-runtime"),Yc="k-toolbar-separator",Dt=e=>(0,$i.jsx)("div",{className:n(Yc,e.className,"k-separator")});var tt="toolbar",xt=tt;var T=require("react/jsx-runtime"),ot="k-toolbar",Qc=[a.focus],jc={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.outline,b.flat]},za={size:l.medium,fillMode:b.solid,scrollButtons:"around"},pe=e=>{let{size:t=za.size,fillMode:o=za.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===An)L.push((0,T.jsx)(An,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===qe)L.push((0,T.jsx)(qe,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Z)L.push((0,T.jsx)(Z,{...d.props,className:`k-toolbar-menu-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Ha)L.push((0,T.jsx)(Ha,{...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===Qe?L.push((0,T.jsx)(Qe,{...d.props,className:`k-toolbar-combobox ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===He?L.push((0,T.jsx)(He,{...d.props,className:`k-toolbar-dropdownlist ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===Te?L.push((0,T.jsx)(Te,{...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,ot,A(ot,{size:t,fillMode:o}),k(ot,{focus:s}),{[`${ot}-resizable`]:r,[`${ot}-scrollable`]:i,[`${ot}-scrollable-overlay`]:i&&p==="hidden",[`${ot}-scrollable-${c}`]:c&&c!=="both",[`${ot}-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)(Dt,{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)(Dt,{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)(Dt,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),(0,T.jsx)(Dt,{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"})})]})]})};pe.states=Qc;pe.options=jc;pe.className=ot;pe.defaultOptions=za;pe.moduleName=tt;pe.folderName=xt;var Vi=require("react/jsx-runtime"),Xi="k-floating-toolbar",ed=[],td={},od={},so=e=>{let{...t}=e;return(0,Vi.jsx)("div",{...t,className:n(e.className,Xi),children:e.children})};so.states=ed;so.options=td;so.className=Xi;so.defaultOptions=od;so.moduleName=tt;so.folderName=xt;var Ji=require("react/jsx-runtime"),Ua="k-toolbar-item",nd=[a.focus],ad={},sd={},ro=e=>{let{focus:t,...o}=e;return(0,Ji.jsx)("div",{...o,className:n(e.className,Ua,k(Ua,{focus:t})),children:e.children})};ro.states=nd;ro.options=ad;ro.className=Ua;ro.defaultOptions=sd;ro.moduleName=tt;ro.folderName=xt;var Fa=require("react/jsx-runtime"),Wi="k-toolbar-popup",rd=[],id={size:[l.small,l.medium,l.large],fillMode:[b.solid,b.outline,b.flat]},Ga={size:l.medium,fillMode:b.solid},io=e=>{let{size:t=Ga.size,fillMode:o=Ga.fillMode,section:s,...r}=e;return(0,Fa.jsx)(z,{...r,className:n(e.className,Wi),children:s?(0,Fa.jsx)("span",{className:n("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),children:e.children}):e.children})};io.states=rd;io.options=id;io.className=Wi;io.defaultOptions=Ga;io.moduleName=tt;io.folderName=xt;var ld=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var Zi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Qi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var $a=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),el="k-message",cd=[a.hover,a.selected,a.active,a.focus],dd={},ud=[(0,Q.jsx)(f,{icon:"copy",fillMode:"flat"}),(0,Q.jsx)(f,{icon:"arrow-rotate-cw",fillMode:"flat"}),(0,Q.jsx)(f,{icon:"download",fillMode:"flat"})],Po={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:ud},Ue=e=>{let{time:t=Po.time,text:o=Po.text,content:s,status:r=Po.status,statusIcon:i,toolbarItems:p=Po.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,Q.jsxs)("div",{...C,className:n(el,e.className,{"k-message-removed":g}),children:[t&&(0,Q.jsx)("time",{className:"k-message-time",children:t}),(0,Q.jsx)(tl,{typing:d,selected:u,hover:c,active:N,focus:h,content:(0,Q.jsxs)(Q.Fragment,{children:[s,o&&(0,Q.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:O}),r&&(0,Q.jsxs)("span",{className:"k-message-status",children:[i&&(0,Q.jsx)(v,{icon:i,size:"xsmall"}),r]}),S&&(0,Q.jsx)(pe,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};Ue.states=cd;Ue.options=dd;Ue.className=el;Ue.defaultOptions=Po;var Xa="avatar",ol=Xa;var Va=require("react/jsx-runtime"),Do="k-avatar";var fd=[a.hover,a.focus,a.active,a.selected,a.disabled],bd={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]},wt={type:"text",size:l.medium,rounded:x.full,fillMode:b.solid,themeColor:m.primary,border:!1},nt=e=>{let{size:t=wt.size,rounded:o=wt.rounded,fillMode:s=wt.fillMode,themeColor:r=wt.themeColor,type:i=wt.type,border:p=wt.border,...c}=e;return(0,Va.jsx)("div",{...c,className:n(e.className,Do,A(Do,{size:t,rounded:o,fillMode:s,themeColor:r}),{[`${Do}-bordered`]:p}),children:(0,Va.jsx)("span",{className:`${Do}-${i}`,children:e.children})})};nt.states=fd;nt.options=bd;nt.className=Do;nt.defaultOptions=wt;nt.moduleName=Xa;nt.folderName=ol;var Nd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),wo="k-message-group",Ld=[a.selected],Md={},ln={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},Ge=e=>{let{type:t=ln.type,author:o=ln.author,avatar:s=ln.avatar,status:r,selected:i,fullWidth:p,...c}=e;return(0,Ie.jsxs)("div",{...c,className:n(wo,e.className,k(wo,{selected:i}),{[`${wo}-${t}`]:t,"k-no-avatar":!s,[`${wo}-full-width`]:p}),children:[s&&!r&&(0,Ie.jsx)(nt,{type:"image",children:(0,Ie.jsx)("img",{src:s})}),r&&s&&(0,Ie.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ie.jsx)(nt,{type:"image",children:(0,Ie.jsx)("img",{src:s})}),(0,Ie.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ie.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ie.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};Ge.states=Ld;Ge.options=Md;Ge.className=wo;Ge.defaultOptions=ln;var rl=require("react/jsx-runtime"),al="k-chat-file-wrapper",sl={layout:"vertical"},Ja=e=>{let{layout:t=sl.layout,...o}=e;return(0,rl.jsx)("ul",{...o,className:n(e.className,al,{"k-chat-files-horizontal":t==="horizontal","k-chat-files-wrap":t==="wrap"}),children:e.children})};Ja.className=al;Ja.defaultOptions=sl;var Fe=require("react/jsx-runtime"),Wa="k-message-reference",vd={},il={type:"receiver"},qa=e=>{let{content:t,closeable:o,pinned:s,type:r=il.type,...i}=e;return(0,Fe.jsxs)("div",{...i,className:n(Wa,e.className,{[`${Wa}-${r}`]:r,"k-message-pinned":s}),children:[s&&(0,Fe.jsx)(v,{icon:"pin",size:"xlarge"}),(0,Fe.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("span",{className:"k-spacer"}),(0,Fe.jsx)(f,{icon:"x",fillMode:"flat"})]})]})};qa.options=vd;qa.className=Wa;qa.defaultOptions=il;var Za="bubble",ll=Za;var Ht=require("react/jsx-runtime"),Ya="k-bubble",Sd=[a.hover,a.active,a.selected,a.focus],Qa={expandable:!1,expanded:!1},zt=e=>{let{content:t,hover:o,active:s,focus:r,selected:i,expandable:p=Qa.expandable,expanded:c=Qa.expanded,...u}=e;return(0,Ht.jsxs)("div",{...u,className:n(e.className,Ya,k(Ya,{hover:o,active:s,focus:r,selected:i}),{"k-bubble-expandable":p},{"k-expanded":c}),children:[(0,Ht.jsx)("div",{className:"k-bubble-content",children:t??e.children}),p&&(0,Ht.jsx)("span",{className:"k-bubble-expandable-indicator",children:c?(0,Ht.jsx)(v,{icon:"chevron-up"}):(0,Ht.jsx)(v,{icon:"chevron-down"})})]})};zt.states=Sd;zt.className=Ya;zt.defaultOptions=Qa;zt.moduleName=Za;zt.folderName=ll;var Ed=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var kd=require("react/jsx-runtime");var Ut=require("react/jsx-runtime"),Ad="k-chat-bubble",tl=e=>{let{typing:t,content:o,files:s,...r}=e;return(0,Ut.jsxs)(zt,{...r,className:n(e.className,Ad),children:[t?(0,Ut.jsxs)("div",{className:"k-typing-indicator",children:[(0,Ut.jsx)("span",{}),(0,Ut.jsx)("span",{}),(0,Ut.jsx)("span",{})]}):o,s]})};var Cd=require("react/jsx-runtime");var Ho=require("react/jsx-runtime"),ml="k-chat-event",ja={icon:"trash",text:"You deleted Chat history."},cl=e=>{let{icon:t=ja.icon,text:o=ja.text,...s}=e;return(0,Ho.jsxs)("div",{...s,className:n(e.className,ml),children:[t&&(0,Ho.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,Ho.jsx)("span",{className:"k-chat-event-text",children:o})]})};cl.className=ml;cl.defaultOptions=ja;var es="appbar",dl=es;var ul=require("react/jsx-runtime"),ts="k-appbar",Td=[],Od={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]},yd={},ht=e=>{let{themeColor:t,positionMode:o,position:s,...r}=e;return(0,ul.jsx)("div",{...r,className:n(e.className,ts,A(ts,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${s}`]:s}),children:e.children})};ht.states=Td;ht.options=Od;ht.className=ts;ht.defaultOptions=yd;ht.moduleName=es;ht.folderName=dl;var Id=require("react/jsx-runtime");var os=require("react/jsx-runtime");var Bd=require("react/jsx-runtime");var Nl=require("react/jsx-runtime"),fl="k-chat-send",bl={generating:!1},lo=e=>{let{generating:t=bl.generating,...o}=e;return(0,Nl.jsx)(f,{...o,fillMode:"solid",themeColor:"primary",rounded:"full",icon:t?"stop-sm":"paper-plane",active:t,className:n(e.className,fl,{"k-generating":t})})};lo.states=f.states;lo.options=f.options;lo.className=fl;lo.defaultOptions=bl;var $e=require("react/jsx-runtime"),xl="k-chat-file",_d=[a.selected],Kd={},zo={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Uo=e=>{let{icon:t=zo.icon,name:o=zo.name,size:s=zo.size,status:r,deleted:i,removeButton:p,showButton:c=zo.showButton,...u}=e;return(0,$e.jsxs)("li",{...u,className:n(xl,e.className,{"k-chat-file-deleted":i}),children:[(0,$e.jsx)(v,{icon:t,size:"xlarge"}),(0,$e.jsxs)("div",{className:"k-chat-file-info",children:[o&&(0,$e.jsx)("span",{className:"k-chat-file-name",children:o}),s&&(0,$e.jsx)("span",{className:"k-chat-file-size",children:s}),r&&(0,$e.jsx)("span",{className:"k-chat-file-status",children:r})]}),c&&(p?(0,$e.jsx)(qe,{icon:"x",fillMode:"flat"}):(0,$e.jsx)(Z,{icon:"more-vertical",fillMode:"flat",showArrow:!1}))]})};Uo.states=_d;Uo.options=Kd;Uo.className=xl;Uo.defaultOptions=zo;var ns=require("react/jsx-runtime");var as=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var rs="skeleton",hl=rs;var Ll=require("react/jsx-runtime"),is="k-skeleton",Rd=["circle","text","rect"],Pd=[],Dd={},ls={variant:"text",shape:"text",animation:"pulse"},Xe=e=>{let{variant:t,shape:o,animation:s=ls.animation,...r}=e,i=`skeleton-${t||o||ls.variant}`;return(0,Ll.jsx)("span",{...r,className:n(e.className,is,Xo(is,i),{[`k-skeleton-${s}`]:s}),style:e.style})};Xe.states=Pd;Xe.options=Dd;Xe.variants=Rd;Xe.className=is;Xe.defaultOptions=ls;Xe.moduleName=rs;Xe.folderName=hl;var wd=require("react/jsx-runtime");var Hd=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var cs="window",Ml=cs;var Sl=require("react/jsx-runtime"),vl="k-window-content",Ud=[],Gd={},Fd={},Lt=e=>{let{children:t,...o}=e;return(0,Sl.jsx)("div",{...o,className:n(vl,e.className),children:t})};Lt.states=Ud;Lt.options=Gd;Lt.className=vl;Lt.defaultOptions=Fd;Lt.moduleName=cs;Lt.folderName=Ml;var Go="dialog",pn=Go;var te=require("react/jsx-runtime"),ds="k-dialog",$d=[],Xd={themeColor:[m.primary,m.light,m.dark]},us={actionButtonsAlign:"stretched",modal:!0},Gt=e=>{let{title:t,actions:o,themeColor:s,actionButtons:r,actionButtonsAlign:i=us.actionButtonsAlign,modal:p=us.modal,...c}=e;return(0,te.jsxs)("div",{className:"k-dialog-wrapper",children:[p&&(0,te.jsx)("div",{className:"k-overlay"}),(0,te.jsxs)("div",{...c,className:n(e.className,ds,"k-window",A(ds,{themeColor:s})),children:[(t!==void 0||o)&&(0,te.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",children:[t!==void 0&&(0,te.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,te.jsx)(te.Fragment,{children:(0,te.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(u=>(0,te.jsx)(f,{icon:u,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"},u))})})]}),(0,te.jsx)(Lt,{className:"k-dialog-content",children:e.children}),r&&(0,te.jsx)(se,{alignment:i,className:"k-window-actions k-dialog-actions",children:r})]})]})};Gt.states=$d;Gt.options=Xd;Gt.className=ds;Gt.defaultOptions=us;Gt.moduleName=Go;Gt.folderName=pn;var gl=require("react/jsx-runtime"),El="k-dialog-wrapper",Vd=[],Jd={},Wd={},po=e=>{let{...t}=e;return(0,gl.jsx)("div",{...t,className:n(e.className,El),children:e.children})};po.states=Vd;po.options=Jd;po.className=El;po.defaultOptions=Wd;po.moduleName=Go;po.folderName=pn;var fs=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var Ns="dropzone",kl=Ns;var Ft=require("react/jsx-runtime"),xs="k-external-dropzone",Zd=[a.disabled,a.hover],Yd={},hs={icon:"upload",hint:"Drag and drop files here to upload"},at=e=>{let{hover:t,disabled:o,icon:s=hs.icon,hint:r=hs.hint,note:i,...p}=e;return(0,Ft.jsx)("div",{...p,className:n(e.className,xs,k(xs,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ft.jsxs)("div",{className:"k-dropzone-inner",children:[s&&(0,Ft.jsx)(v,{icon:s,className:"k-dropzone-icon",size:"xxxlarge"}),r&&(0,Ft.jsx)("span",{className:"k-dropzone-hint",children:r}),i&&(0,Ft.jsx)("span",{className:"k-dropzone-note",children:i})]})})};at.states=Zd;at.options=Yd;at.className=xs;at.defaultOptions=hs;at.moduleName=Ns;at.folderName=kl;var Qd=require("react/jsx-runtime");var jd=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Ls="k-upload-dropzone",eu=[a.hover],mn=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})]})};mn.states=eu;mn.className=Ls;var Ms="upload",Al=Ms;var Mt=require("react/jsx-runtime"),vs="k-upload",tu=[a.hover,a.disabled],ou={},Cl={actionsLayout:"end"},Be=e=>{let{async:t,empty:o,actions:s,actionsLayout:r=Cl.actionsLayout,hover:i,status:p,disabled:c,...u}=e;return(0,Mt.jsxs)("div",{...u,className:n(e.className,vs,k(vs,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,Mt.jsx)(mn,{status:p,hover:i}),e.children&&(0,Mt.jsx)("ul",{className:"k-upload-files",children:e.children}),s&&e.children&&(0,Mt.jsxs)(mr,{alignment:r,orientation:"horizontal",children:[(0,Mt.jsx)(f,{className:"k-clear-selected",children:"Clear"}),(0,Mt.jsx)(f,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};Be.states=tu;Be.options=ou;Be.className=vs;Be.defaultOptions=Cl;Be.moduleName=Ms;Be.folderName=Al;var Fo="progressbar",cn=Fo;var vt=require("react/jsx-runtime"),ve="k-progressbar",nu=[a.disabled,a.indeterminate],au={},$t={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},St=e=>{let{disabled:t,height:o,indeterminate:s=$t.indeterminate,label:r=$t.label,labelPosition:i=$t.labelPosition,orientation:p=$t.orientation,reverse:c=$t.reverse,value:u=$t.value,width:N,style:h,...S}=e;return(0,vt.jsxs)("div",{...S,className:n(e.className,ve,k(ve,{disabled:t}),{[`${ve}-${p}`]:p,[`${ve}-indeterminate`]:s,[`${ve}-reverse`]:c}),style:{...h,"--kendo-progressbar-value":u,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:N},children:[(0,vt.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!s}),children:r&&(0,vt.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!s&&(0,vt.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,vt.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:r&&(0,vt.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};St.states=nu;St.options=au;St.className=ve;St.defaultOptions=$t;St.moduleName=Fo;St.folderName=cn;var un=require("react/jsx-runtime"),Tl="k-chunk-progressbar",su=(e,t)=>t<=e-1,ru=[a.disabled,a.indeterminate],iu={},dn={chunkCount:5,orientation:"horizontal",progress:0},mo=e=>{let{disabled:t,chunkCount:o=dn.chunkCount,indeterminate:s,orientation:r=dn.orientation,progress:i=dn.progress,reverse:p,...c}=e;return(0,un.jsx)("div",{...c,className:n(e.className,ve,Tl,k(ve,{disabled:t}),{[`${ve}-${r}`]:r,[`${ve}-indeterminate`]:s,[`${ve}-reverse`]:p}),children:(0,un.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((u,N)=>(0,un.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":su(i,N)})},N))})})};mo.states=ru;mo.options=iu;mo.className=Tl;mo.defaultOptions=dn;mo.moduleName=Fo;mo.folderName=cn;var lu=require("react/jsx-runtime");var pu=require("react/jsx-runtime");var Ol=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 du=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var Ts="speech-to-text-button",yl=Ts;var _l=require("react/jsx-runtime"),Il="k-speech-to-text-button",Bl={icon:"microphone-outline"},Ve=e=>{let{listening:t=!1,icon:o=Bl.icon,...s}=e;return(0,_l.jsx)(f,{...s,icon:t?"stop-sm":o,className:n(e.className,Il,{"k-listening":t})})};Ve.states=f.states;Ve.options=f.options;Ve.className=Il;Ve.defaultOptions=Bl;Ve.moduleName=Ts;Ve.folderName=yl;var fu=require("react/jsx-runtime");var bu=require("react/jsx-runtime");var Os="chat",Kl=Os;var F=require("react/jsx-runtime"),Rl="k-chat",Nu=[],xu={},hu=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(Ve,{fillMode:"clear"}),(0,F.jsx)(qe,{icon:"paperclip",fillMode:"clear"},"paperclip")]}),Pl={tools:hu},j=e=>{let{header:t,dir:o,suggestedActions:s,files:r,pinned:i,replied:p,generating:c,tools:u=Pl.tools,value:N,empty:h,...S}=e;return(0,F.jsxs)("div",{...S,className:n(Rl,e.className),dir:o,children:[t,i,(0,F.jsx)("div",{className:"k-message-list",children:(0,F.jsx)("div",{className:n("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children})}),(0,F.jsxs)("div",{className:"k-message-box-wrapper",children:[s,(0,F.jsx)(st,{className:"k-message-box",placeholder:"Type a message",value:N,prefixSeparator:!1,suffixSeparator:!1,rows:1,resize:"none",prefix:r||p?(0,F.jsxs)(F.Fragment,{children:[p,r]}):void 0,suffix:(0,F.jsxs)(F.Fragment,{children:[u,(0,F.jsx)("span",{className:"k-spacer"}),(0,F.jsx)(lo,{generating:c,disabled:!N&&!c})]})})]})]})};j.states=Nu;j.options=xu;j.className=Rl;j.defaultOptions=Pl;j.moduleName=Os;j.folderName=Kl;var Lu=j;