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