@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 84.1 kB
JavaScript
var o=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((n,a)=>e[a]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var A=(t,e)=>o({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),S=(t,e)=>{let{valid:n,invalid:a,hover:l,focus:p,checked:i,active:u,selected:b,disabled:N,indeterminate:L,loading:C,empty:c,readonly:h,highlighted:M,...T}=e;return o({"k-valid":n,"k-invalid":a,"k-hover":l,"k-focus":p,"k-checked":i,"k-active":u,"k-selected":b,"k-disabled":N,"k-indeterminate":L&&!i,"k-loading":C,"k-empty":c,"k-readonly":h,"k-highlighted":M},Object.keys(T).reduce((g,v)=>(v.startsWith("k-")?g[v]=T[v]:g[`k-${v}`]=T[v],g),{}))};function Pr(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(a=>[`k-${a}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},d={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"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Kr={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var sn="action-buttons",Rr=sn;import{jsx as fi}from"react/jsx-runtime";var Oo="k-actions",di=[],ui={},ln={alignment:"start",orientation:"horizontal"},D=t=>{let{alignment:e=ln.alignment,orientation:n=ln.orientation,...a}=t;return fi("div",{...a,className:o(Oo,{[`${Oo}-${e}`]:e,[`${Oo}-${n}`]:n},t.className),children:t.children})};D.states=di;D.options=ui;D.className=Oo;D.defaultOptions=ln;D.moduleName=sn;D.folderName=Rr;import{Fragment as Li,jsx as _r}from"react/jsx-runtime";var pn="k-font-icon",bi=[],Ni={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},xi={},oo=t=>{let{size:e,themeColor:n,icon:a,rotate:l,flip:p,...i}=t;return a?_r("span",{...i,className:o(t.className,pn,A(pn,{size:e}),{[`k-i-${a}`]:a,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):_r(Li,{})};oo.states=bi;oo.options=Ni;oo.className=pn;oo.defaultOptions=xi;var Hr=oo;import{Fragment as Ci,jsx as yo}from"react/jsx-runtime";var mn="k-svg-icon",Mi=[],hi={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Dr={viewBox:"0 0 24 24"},no=t=>{let{size:e,themeColor:n,rotate:a,flip:l,viewBox:p=Dr.viewBox,icon:i,...u}=t;if(!i)return yo(Ci,{});i==="none"&&{...u,className:o(t.className,mn,"k-none")};let b=typeof i=="object"&&i.name&&i.name;return yo("span",{...u,className:o(t.className,mn,A("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:yo("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:p,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:t.children})})};no.states=Mi;no.options=hi;no.className=mn;no.defaultOptions=Dr;var cn=no;import*as dn from"@progress/kendo-svg-icons";var wr="icon",zr="icons";import{Fragment as Gr,jsx as ro}from"react/jsx-runtime";var Bo="k-icon",Si=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ai=[],Ei={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},un={viewBox:"0 0 24 24",type:"svg"},E=t=>{let{size:e,themeColor:n,icon:a,type:l=un.type,rotate:p,flip:i,viewBox:u=un.viewBox,...b}=t;if(!a)return ro(Gr,{});if(l==="svg"){if(a==="none")return ro(cn,{...b,className:o(t.className,Bo),icon:a,size:e});let N=dn[a]?a:Si(`${a}-icon`);return dn[N]?ro(cn,{...b,className:o(t.className,Bo),icon:dn[N],size:e,themeColor:n,rotate:p,flip:i,viewBox:u}):ro(Gr,{})}return ro(Hr,{...b,className:o(t.className,Bo),icon:a,size:e,themeColor:n,rotate:p,flip:i})};E.states=Ai;E.options=Ei;E.defaultOptions=un;E.className=Bo;E.moduleName=wr;E.folderName=zr;var fn="button",Ur=fn;import{Fragment as ki,jsx as ao,jsxs as Fr}from"react/jsx-runtime";var so="k-button",Ti=["icon-button"],vi=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],gi={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},le={size:s.medium,rounded:f.medium,fillMode:d.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},x=t=>{let{size:e=le.size,rounded:n=le.rounded,fillMode:a=le.fillMode,themeColor:l=le.themeColor,showArrow:p=le.showArrow,arrowIconName:i=le.arrowIconName,variant:u,hover:b,focus:N,active:L,selected:C,disabled:c,icon:h,text:M,iconClassName:T,...g}=t,v=h!==void 0,B=t.children!==void 0;return Fr("button",{...g,className:o(t.className,so,Pr(so,u),A(so,{size:e,rounded:n,fillMode:a,themeColor:l}),S(so,{hover:b,focus:N,active:L,disabled:c,selected:C}),{"k-icon-button":!M&&!B&&v}),children:[h&&ao(E,{className:o(T,"k-button-icon"),icon:h}),M?Fr(ki,{children:[M&&ao("span",{className:"k-button-text",children:M}),t.children]}):t.children&&ao("span",{className:"k-button-text",children:t.children}),p&&ao("span",{className:"k-menu-button-arrow k-button-arrow",children:ao(E,{icon:i})})]})};x.states=vi;x.options=gi;x.variants=Ti;x.className=so;x.defaultOptions=le;x.moduleName=fn;x.folderName=Ur;import{jsx as Ii}from"react/jsx-runtime";var q=t=>Ii(x,{icon:"folder",...t,children:void 0});import{jsx as Oi}from"react/jsx-runtime";var V=t=>Oi(x,{icon:"folder",children:"Button",...t});import{jsx as Lu}from"react/jsx-runtime";import{jsx as ku}from"react/jsx-runtime";var bn="avatar",$r=bn;import{jsx as Vr}from"react/jsx-runtime";var io="k-avatar";var yi=[r.hover,r.focus,r.active,r.selected,r.disabled],Bi={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},pe={type:"text",size:s.medium,rounded:f.full,fillMode:d.solid,themeColor:m.primary,border:!1},Vt=t=>{let{size:e=pe.size,rounded:n=pe.rounded,fillMode:a=pe.fillMode,themeColor:l=pe.themeColor,type:p=pe.type,border:i=pe.border,...u}=t;return Vr("div",{...u,className:o(t.className,io,A(io,{size:e,rounded:n,fillMode:a,themeColor:l}),{[`${io}-bordered`]:i}),children:Vr("span",{className:`${io}-${p}`,children:t.children})})};Vt.states=yi;Vt.options=Bi;Vt.className=io;Vt.defaultOptions=pe;Vt.moduleName=bn;Vt.folderName=$r;import{jsx as Hu}from"react/jsx-runtime";import{jsx as Gu}from"react/jsx-runtime";import{jsx as Vu}from"react/jsx-runtime";var lo="chip",Po=lo;import{jsx as Te,jsxs as Ri}from"react/jsx-runtime";var Ko="k-chip",Pi=[r.hover,r.focus,r.active,r.selected,r.disabled],Ki={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.outline],themeColor:[m.base,m.success,m.warning,m.error,m.info]},ve={size:s.medium,rounded:f.medium,fillMode:d.solid,themeColor:m.base,avatarImage:"/packages/html/assets/avatar.jpg"},X=t=>{let{size:e=ve.size,rounded:n=ve.rounded,fillMode:a=ve.fillMode,themeColor:l=ve.themeColor,text:p,icon:i,actions:u,showAvatar:b,avatarImage:N=ve.avatarImage,hover:L,focus:C,active:c,selected:h,disabled:M,...T}=t;return Ri("div",{...T,className:o(t.className,Ko,A(Ko,{size:e,rounded:n,fillMode:a,themeColor:l}),S(Ko,{hover:L,focus:C,active:c,disabled:M,selected:h})),children:[i&&Te(E,{className:"k-chip-icon",icon:i,size:"small"}),b&&Te(Vt,{className:"k-chip-avatar",type:"image",children:Te("img",{src:N})}),Te("span",{className:"k-chip-content",children:t.children?t.children:p&&Te("span",{className:"k-chip-label",children:p})}),u&&Te("span",{className:"k-chip-actions",children:u})]})};X.states=Pi;X.options=Ki;X.className=Ko;X.defaultOptions=ve;X.moduleName=lo;X.folderName=Po;import{jsx as Di}from"react/jsx-runtime";var Nn="k-chip-list",_i=[],Hi={size:[s.small,s.medium,s.large]},Jr={size:s.medium},Pt=t=>{let{size:e=Jr.size,...n}=t;return Di("div",{...n,className:o(t.className,Nn,A(Nn,{size:e})),children:t.children})};Pt.states=_i;Pt.options=Hi;Pt.className=Nn;Pt.defaultOptions=Jr;Pt.moduleName=lo;Pt.folderName=Po;import{jsx as df}from"react/jsx-runtime";import{jsx as Nf}from"react/jsx-runtime";import{jsx as hf}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";import{Fragment as yf,jsx as Of,jsxs as Bf}from"react/jsx-runtime";var xn="button",Wr=xn;import{jsx as Ui}from"react/jsx-runtime";var po="k-button-group",zi=[r.disabled],Gi={fillMode:[d.solid,d.flat,d.outline,d.clear,d.link]},qr={fillMode:d.solid},K=t=>{let{fillMode:e=qr.fillMode,disabled:n,stretched:a,...l}=t;return Ui("div",{...l,className:o(t.className,po,A(po,{fillMode:e}),S(po,{disabled:n}),{[`${po}-stretched`]:a}),children:t.children})};K.states=zi;K.options=Gi;K.className=po;K.defaultOptions=qr;K.moduleName=xn;K.folderName=Wr;import{Fragment as Zf,jsx as Qf,jsxs as jf}from"react/jsx-runtime";import{Fragment as ab,jsx as rb,jsxs as sb}from"react/jsx-runtime";import{Fragment as db,jsx as cb,jsxs as ub}from"react/jsx-runtime";import{Fragment as Mb,jsx as Lb,jsxs as hb}from"react/jsx-runtime";var mo="input",_o=mo;import{jsx as Vi}from"react/jsx-runtime";var Ho="k-input",Fi=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$i={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Do={size:s.medium,rounded:s.medium,fillMode:d.solid},O=t=>{let{hover:e,focus:n,disabled:a,invalid:l,valid:p,loading:i,readonly:u,size:b=Do.size,rounded:N=Do.rounded,fillMode:L=Do.fillMode,...C}=t;return Vi("span",{...C,className:o(t.className,Ho,A(Ho,{size:b,rounded:N,fillMode:L}),S(Ho,{hover:e,focus:n,disabled:a,invalid:l,valid:p,loading:i,readonly:u}))})};O.states=Fi;O.options=$i;O.className=Ho;O.defaultOptions=Do;O.moduleName=mo;O.folderName=_o;import{jsx as Wi}from"react/jsx-runtime";var wo="k-picker",Xi=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Ji={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},zo={size:s.medium,rounded:f.medium,fillMode:d.solid},j=t=>{let{hover:e,focus:n,disabled:a,invalid:l,valid:p,loading:i,readonly:u,size:b=zo.size,rounded:N=zo.rounded,fillMode:L=zo.fillMode,...C}=t;return Wi("span",{...C,className:o(t.className,wo,A(wo,{size:b,rounded:N,fillMode:L}),S(wo,{hover:e,focus:n,disabled:a,invalid:l,valid:p,loading:i,readonly:u})),children:t.children})};j.states=Xi;j.options=Ji;j.className=wo;j.defaultOptions=zo;j.moduleName=mo;j.folderName=_o;import{Fragment as Qi,jsx as Ln}from"react/jsx-runtime";var Yr="k-clear-value",qi=[r.disabled,r.loading,r.readonly],Yi={},xt=t=>{let{disabled:e,loading:n,readonly:a,value:l}=t;return e||a||n||!l?Ln(Qi,{}):Ln("span",{className:o(t.className,Yr),children:Ln(E,{icon:"x"})})};xt.states=qi;xt.options=Yi;xt.className=Yr;import{jsx as tl}from"react/jsx-runtime";var Mn="k-input-inner",Zi=[],ji={},Go={type:"text",autocomplete:"off",value:"",placeholder:""},Lt=t=>{let{value:e=Go.value,type:n=Go.type,placeholder:a=Go.placeholder,autocomplete:l=Go.autocomplete,...p}=t;return tl("input",{...p,type:n,className:o(t.className,Mn,A(Mn,t)),placeholder:a,autoComplete:l,defaultValue:e})};Lt.states=Zi;Lt.options=ji;Lt.className=Mn;import{jsx as Qr,jsxs as nl}from"react/jsx-runtime";var hn="k-input-inner",el=[],ol={},me=t=>{let{value:e,placeholder:n,showValue:a,valueIcon:l,valueIconName:p,...i}=t;return nl("span",{...i,className:o(t.className,hn,A(hn,t)),children:[l,!l&&p&&Qr(E,{className:"k-input-value-icon",icon:p}),a&&!e&&n,a&&e&&Qr("span",{className:"k-input-value-text",children:e})]})};me.states=el;me.options=ol;me.className=hn;import{jsx as sl}from"react/jsx-runtime";var Cn="k-input-inner",rl=[],al={},Zr={value:"",placeholder:""},co=t=>{let{value:e=Zr.value,placeholder:n=Zr.placeholder,rows:a,...l}=t;return sl("textarea",{...l,className:o(t.className,Cn,A(Cn,t)),placeholder:n,rows:a,defaultValue:e})};co.states=rl;co.options=al;co.className=Cn;import{Fragment as ll,jsx as jr}from"react/jsx-runtime";var ta="k-input-loading-icon",il=[r.disabled,r.loading],at=t=>{let{disabled:e,loading:n}=t;return e||!n?jr(ll,{}):jr("span",{className:o(t.className,ta,"k-icon k-i-loading")})};at.states=il;at.className=ta;import{Fragment as cl,jsx as ea}from"react/jsx-runtime";var oa="k-input-validation-icon",pl=[r.valid,r.invalid,r.disabled,r.loading],ml={},tt=t=>{let{valid:e,invalid:n,disabled:a,loading:l}=t,p=n?"warning-circle":"check-circle";return a||l||!!!(e||n)?ea(cl,{}):ea(E,{className:o(oa),icon:p})};tt.states=pl;tt.options=ml;tt.className=oa;import{Fragment as fl,jsx as na}from"react/jsx-runtime";var dl="k-input-prefix",ul={direction:"horizontal"},st=t=>{let{direction:e=ul.direction,...n}=t;return t.children?na("span",{...n,className:o(dl,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):na(fl,{})};import{Fragment as xl,jsx as ra}from"react/jsx-runtime";var bl="k-input-suffix",Nl={direction:"horizontal"},it=t=>{let{direction:e=Nl.direction,...n}=t;return t.children?ra("span",{...n,className:o(bl,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):ra(xl,{})};import{jsx as dN}from"react/jsx-runtime";import{jsx as NN}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var aa="k-input-separator",Ll={direction:"vertical"},lt=t=>{let{direction:e=Ll.direction,...n}=t;return Ml("span",{...n,className:o(aa,t.className,{[`${aa}-${e}`]:e})})};import{jsx as sa,jsxs as Sl}from"react/jsx-runtime";var ia="k-color-preview",hl=[],Cl={},Xt=t=>{let{color:e,iconName:n,...a}=t;return Sl("span",{...a,className:o(t.className,ia,{"k-icon-color-preview":n,"k-no-color":!e}),children:[n&&sa(E,{icon:n,className:"k-color-preview-icon"}),sa("span",{className:"k-color-preview-mask",style:{backgroundColor:e}})]})};Xt.states=hl;Xt.options=Cl;Xt.className=ia;var Sn="popup",la=Sn;import{jsx as pa}from"react/jsx-runtime";var ma="k-animation-container",Al=[],El={},ca={positionMode:"absolute"},vt=t=>{let{positionMode:e=ca.positionMode,animationStyle:n,offset:a,...l}=t;return pa("div",{...l,style:{...a,...t.style},className:o(t.className,ma,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:pa("div",{className:"k-child-animation-container",style:n,children:t.children})})};vt.states=Al;vt.options=El;vt.className=ma;vt.defaultOptions=ca;vt.moduleName=Sn;vt.folderName=la;var An="popup",da=An;import{jsx as ua}from"react/jsx-runtime";var fa="k-popup",Tl=[],vl={},ba={positionMode:"absolute"},_=t=>{let{offset:e,positionMode:n=ba.positionMode,animationStyle:a,...l}=t;return ua(vt,{positionMode:n,offset:e,animationStyle:a,children:ua("div",{...l,className:o(t.className,fa),children:t.children})})};_.states=Tl;_.options=vl;_.className=fa;_.defaultOptions=ba;_.moduleName=An;_.folderName=da;import{jsx as kl}from"react/jsx-runtime";var gl="k-actionsheet-footer",Na={alignment:"stretched",orientation:"horizontal"},uo=t=>{let{alignment:e=Na.alignment,orientation:n=Na.orientation,template:a,as:l=a?"div":D,...p}=t;return kl(l,{...p,...!a&&{alignment:e,orientation:n},className:o(t.className,gl),children:t.children})};var En="searchbox",xa=En;import{jsx as fo,jsxs as yl}from"react/jsx-runtime";var La="k-searchbox",Il=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Ol={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Tn={showIcon:!0,icon:"search",size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode},Mt=t=>{let{value:e,placeholder:n,size:a,rounded:l,fillMode:p,hover:i,focus:u,valid:b,invalid:N,required:L,loading:C,disabled:c,showIcon:h=Tn.showIcon,icon:M=Tn.icon,...T}=t;return yl(O,{...T,size:a,rounded:l,fillMode:p,hover:i,focus:u,valid:b,invalid:N,required:L,loading:C,disabled:c,className:o(t.className,La),children:[h&&fo(E,{className:"k-input-icon",icon:M}),fo(Lt,{placeholder:n,value:e}),fo(at,{...t}),fo(tt,{...t}),fo(xt,{...t})]})};Mt.states=Il;Mt.options=Ol;Mt.className=La;Mt.defaultOptions=Tn;Mt.moduleName=En;Mt.folderName=xa;import{jsx as Nx}from"react/jsx-runtime";var vn="textbox",Ma=vn;import{Fragment as ha,jsx as Jt,jsxs as gn}from"react/jsx-runtime";var Ca="k-textbox",Bl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pl={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},ce={showClearButton:!0,showValidationIcon:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},gt=t=>{let{size:e=ce.size,rounded:n=ce.rounded,fillMode:a=ce.fillMode,separators:l=ce.separators,showClearButton:p=ce.showClearButton,showValidationIcon:i=ce.showValidationIcon,prefix:u,suffix:b,type:N,value:L,placeholder:C,hover:c,focus:h,valid:M,invalid:T,required:g,loading:v,disabled:B,readonly:U,...Tt}=t;return gn(O,{...Tt,size:e,rounded:n,fillMode:a,hover:c,focus:h,valid:M,invalid:T,required:g,loading:v,disabled:B,readonly:U,className:o(t.className,Ca),children:[u&&gn(ha,{children:[Jt(st,{children:u}),l&&Jt(lt,{})]}),Jt(Lt,{placeholder:C,value:L,type:N}),i&&Jt(tt,{valid:M,invalid:T,loading:v,disabled:B}),Jt(at,{loading:v,disabled:B}),p&&Jt(xt,{loading:v,disabled:B,readonly:U,value:L}),b&&gn(ha,{children:[l&&Jt(lt,{}),Jt(it,{children:b})]})]})};gt.states=Bl;gt.options=Pl;gt.className=Ca;gt.defaultOptions=ce;gt.moduleName=vn;gt.folderName=Ma;import{jsx as Ix}from"react/jsx-runtime";import{Fragment as Rx,jsx as Kx}from"react/jsx-runtime";import{Fragment as Ux,jsx as Gx}from"react/jsx-runtime";import{jsx as Wt,jsxs as kn}from"react/jsx-runtime";var Aa="k-actionsheet-titlebar",Kl={},pt=t=>{let{title:e,subtitle:n,actionsStart:a,actionsEnd:l,filter:p,input:i,inputValue:u,inputPlaceholder:b,adaptive:N,children:L,...C}=t;return kn("div",{...C,className:o(t.className,Aa),children:[kn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Wt("div",{className:"k-actionsheet-actions",children:a}),!L&&kn("div",{className:"k-actionsheet-title",children:[e&&Wt("div",{className:"k-text-center",children:e}),n&&Wt("div",{className:"k-actionsheet-subtitle k-text-center",children:n})]}),L&&Wt("div",{className:"k-actionsheet-title",children:L}),l&&Wt("div",{className:"k-actionsheet-actions",children:l})]}),(i||p)&&Wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:i?Wt(gt,{value:u,placeholder:b,size:N?"large":"medium"}):Wt(Mt,{placeholder:"Filter",size:N?"large":"medium"})})]})};pt.className=Aa;pt.defaultOptions=Kl;import{jsx as In,jsxs as Dl}from"react/jsx-runtime";var On="k-actionsheet-view",Rl=[],_l={},Hl={},ge=t=>{let{adaptive:e,animated:n,children:a,header:l,footer:p,...i}=t,u=l?.type===pt&&In(pt,{adaptive:e,...l?.props}),b=p?.type===uo&&In(uo,{...p?.props});return Dl("div",{...i,className:o(t.className,On,{[`${On}-animated`]:n}),children:[u,In("div",{className:"k-actionsheet-content",children:a}),b]})};ge.states=Rl;ge.options=_l;ge.className=On;ge.defaultOptions=Hl;var bo="action-sheet",Uo=bo;import{jsx as Fo,jsxs as Gl}from"react/jsx-runtime";var Ea="k-actionsheet",wl=[],zl={},No={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},et=t=>{let{side:e=No.side,fullscreen:n=No.fullscreen,adaptive:a=No.adaptive,overlay:l=No.overlay,template:p,children:i,header:u,footer:b,...N}=t;return Gl("div",{className:"k-actionsheet-container",children:[l&&Fo("div",{className:"k-overlay"}),Fo(vt,{animationStyle:{[`${n===!0?"top":e}`]:0,[`${n===!0?"width":null}`]:"100%",[`${n===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:Fo("div",{...N,className:o(t.className,Ea,{[`k-actionsheet-${e}`]:n===!1,"k-actionsheet-fullscreen":n===!0,"k-adaptive-actionsheet":a}),children:p||Fo(ge,{header:u,footer:b,adaptive:a,...t,children:i})})})]})};et.states=wl;et.options=zl;et.className=Ea;et.defaultOptions=No;et.moduleName=bo;et.folderName=Uo;import{jsx as Vl}from"react/jsx-runtime";var Ta="k-actionsheet-container",Ul=[],Fl={},$l={},ke=t=>{let{children:e,...n}=t;return Vl("div",{...n,className:Ta,children:e})};ke.states=Ul;ke.options=Fl;ke.className=Ta;ke.defaultOptions=$l;ke.moduleName=bo;ke.folderName=Uo;import{jsx as xL}from"react/jsx-runtime";import{Fragment as Jl,jsx as xo,jsxs as yn}from"react/jsx-runtime";var Bn="k-actionsheet-item",Xl=[r.hover,r.focus,r.selected,r.disabled],Pn=t=>{let{iconName:e,text:n,description:a,hover:l,focus:p,selected:i,disabled:u,...b}=t;return yn("span",{...b,className:o(t.className,Bn,S(Bn,{hover:l,focus:p,selected:i,disabled:u})),children:[!t.children&&xo(Jl,{children:yn("span",{className:"k-actionsheet-action",children:[e&&xo("span",{className:"k-icon-wrap",children:xo(E,{className:"k-actionsheet-item-icon",icon:e})}),yn("span",{className:"k-actionsheet-item-text",children:[n&&xo("span",{className:"k-actionsheet-item-title",children:n}),a&&xo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),t.children]})};Pn.states=Xl;Pn.className=Bn;import{jsx as vL,jsxs as gL}from"react/jsx-runtime";import{jsx as yL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as wL}from"react/jsx-runtime";var Kn="slider",ga=Kn;import{jsx as Ie,jsxs as Rn}from"react/jsx-runtime";var Lo="k-slider",Wl=[r.hover,r.focus,r.active,r.disabled,r.readonly],ql={},qt={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},Y=t=>{let{type:e=qt.type,orientation:n=qt.orientation,readonly:a=qt.readonly,disabled:l=qt.disabled,handlePosition:p=qt.handlePosition,showButtons:i=qt.showButtons,showTicks:u=qt.showTicks,hover:b,focus:N,active:L,trackStyle:C,dir:c,...h}=t,M,T;return n==="horizontal"?(M=c==="rtl"?"caret-alt-left":"caret-alt-right",T=c==="rtl"?"caret-alt-right":"caret-alt-left"):n==="vertical"&&(M="caret-alt-up",T="caret-alt-down"),Rn("div",{...h,className:o(Lo,t.className,S(Lo,{readonly:a,disabled:l}),{[`k-slider-${n}`]:n,"k-colorgradient-slider":e==="gradient"}),dir:c,children:[i&&Ie(x,{className:"k-button-decrease",rounded:"full",icon:T}),Rn("div",{className:"k-slider-track-wrap",children:[u&&Ie("ul",{className:"k-reset k-slider-items",children:t.children}),Rn("div",{className:"k-slider-track",style:C,children:[Ie("div",{className:"k-slider-selection"}),e==="range"&&Ie("span",{className:o("k-draghandle","k-draghandle-start",S(Lo,{hover:b,focus:N,active:L}))}),Ie("span",{className:o("k-draghandle",`k-draghandle-${p}`,S(Lo,{hover:b,focus:N,active:L}))})]})]}),i&&Ie(x,{className:"k-button-increase",rounded:"full",icon:M})]})};Y.states=Wl;Y.options=ql;Y.className=Lo;Y.defaultOptions=qt;Y.moduleName=Kn;Y.folderName=ga;import{jsx as ka}from"react/jsx-runtime";var Ia="k-tick",Yl=[],Ql={},Oa={label:!1},Yt=t=>{let{style:e,label:n=Oa.label,orientation:a,large:l,text:p,...i}=t;return ka("li",{...i,className:o(t.className,Ia,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:e,children:n&&ka("span",{className:"k-label",children:p})})};Yt.states=Yl;Yt.options=Ql;Yt.className=Ia;Yt.defaultOptions=Oa;import{Fragment as cM,jsx as mM,jsxs as dM}from"react/jsx-runtime";import{Fragment as xM,jsx as NM,jsxs as LM}from"react/jsx-runtime";import{Fragment as AM,jsx as SM,jsxs as EM}from"react/jsx-runtime";import{Fragment as IM,jsx as kM,jsxs as OM}from"react/jsx-runtime";import{jsx as Zl}from"react/jsx-runtime";var _n=t=>Zl(Y,{type:"gradient",showButtons:!1,showTicks:!1,...t});import{jsx as jl}from"react/jsx-runtime";var Hn=t=>jl(Y,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...t});import{jsx as ya,jsxs as rp}from"react/jsx-runtime";var Ba="k-spin-button",op=[],np={size:[s.small,s.medium,s.large],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link]},Dn={size:s.medium,fillMode:d.solid},Qt=t=>{let{size:e=Dn.size,fillMode:n=Dn.fillMode,...a}=t;return rp("span",{...a,className:o(Ba,t.className),children:[ya(x,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:e,fillMode:n}),ya(x,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:e,fillMode:n})]})};Qt.states=op;Qt.options=np;Qt.className=Ba;Qt.defaultOptions=Dn;Qt.moduleName=null;Qt.folderName=null;var Pa="numeric-textbox",Ka="numerictextbox";import{Fragment as Ra,jsx as Kt,jsxs as wn}from"react/jsx-runtime";var _a="k-numerictextbox",ap=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],sp={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},de={showSpinButton:!0,showClearButton:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},R=t=>{let{size:e=de.size,rounded:n=de.rounded,fillMode:a=de.fillMode,separators:l=de.separators,showClearButton:p=de.showClearButton,showSpinButton:i=de.showSpinButton,prefix:u,suffix:b,value:N,placeholder:L,hover:C,focus:c,valid:h,invalid:M,required:T,loading:g,disabled:v,readonly:B,...U}=t;return wn(O,{...U,size:e,rounded:n,fillMode:a,hover:C,focus:c,valid:h,invalid:M,required:T,loading:g,disabled:v,readonly:B,className:o(t.className,_a),children:[u&&wn(Ra,{children:[Kt(st,{children:u}),l&&Kt(lt,{})]}),Kt(Lt,{placeholder:L,value:N}),Kt(tt,{valid:h,invalid:M,loading:g,disabled:v}),Kt(at,{loading:g,disabled:v}),p&&Kt(xt,{loading:g,disabled:v,readonly:B,value:N}),b&&wn(Ra,{children:[l&&Kt(lt,{}),Kt(it,{children:b})]}),i&&Kt(Qt,{className:"k-input-spinner",size:e,fillMode:a})]})};R.states=ap;R.options=sp;R.className=_a;R.defaultOptions=de;R.moduleName=Pa;R.folderName=Ka;import{jsx as mh}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";var ip="k-no-data",Mo=t=>lp("span",{className:o(ip,t.className),children:t.children});var Rt="list",Zt=Rt;import{jsx as Oe,jsxs as Da}from"react/jsx-runtime";var zn="k-list",pp=[],mp={size:[s.small,s.medium,s.large]},wa={size:s.medium},P=t=>{let{size:e=wa.size,virtualization:n,children:a,optionLabel:l,customValue:p,screenReaders:i,...u}=t,b,N,L,C,c=[];return a?a.map((h,M)=>{h.type===F?(h.props.root===!0?(b=h.props.label,h.props.children.map((T,g)=>{c.push(Oe(k,{...T.props},`optChild-${g}-${new Date().getTime()}`))})):h.props.children.forEach((T,g)=>{let v="";g===0&&(v=h.props.label),c.push(Oe(k,{className:g===0?"k-first":"",...T.props,groupLabel:v},`groupLabel-${g}-${new Date().getTime()}`))}),N=Oe(F,{label:b,virtualization:n,children:c})):h.type===k&&(c.push(Oe(k,{...h.props},`${h.type}-${M}`)),L=Oe(ye,{virtualization:n,children:c}),i&&(C=Da(Mo,{className:"k-sr-only",children:[c.length," items found."]})))}):C=Oe(Mo,{children:"No data found."}),Da("div",{...u,className:o(t.className,zn,A(zn,{size:e}),{"k-virtual-list":n}),children:[l,p,N,L,C]})};P.states=pp;P.options=mp;P.className=zn;P.defaultOptions=wa;P.moduleName=Rt;P.folderName=Zt;import{jsx as fp}from"react/jsx-runtime";var za="k-list-container",cp=[],dp={},up={},Be=t=>{let{...e}=t;return fp("div",{...e,className:o(t.className,za),children:t.children})};Be.states=cp;Be.options=dp;Be.className=za;Be.defaultOptions=up;Be.moduleName=Rt;Be.folderName=Zt;import{jsx as ue,jsxs as xp}from"react/jsx-runtime";var Gn="k-list",bp=[],Np={size:[s.small,s.medium,s.large]},Ga={size:s.medium},_t=t=>{let{size:e=Ga.size,virtualization:n,children:a,...l}=t,p,i,u,b=[];return a?a.map((N,L)=>{N.type===F?(N.props.root===!0?(p=N.props.label,N.props.children.map((C,c)=>{b.push(ue(k,{...C.props},`optChild-${c}-${new Date().getTime()}`))})):(b.push(ue(Ua,{...N.props,children:N.props.label},`listChild-${L}`)),N.props.children.map((C,c)=>{b.push(ue(k,{...C.props},`fwOptChild-${c}-${new Date().getTime()}`))})),i=ue(F,{label:p,virtualization:n,children:b})):N.type===k&&(b.push(ue(k,{...N.props},`${N.type}-${L}`)),u=ue(ye,{virtualization:n,children:b}))}):u=ue(Mo,{children:"No data found."}),xp("div",{...l,className:o(t.className,Gn,A(Gn,{size:e}),{"k-virtual-list":n}),children:[i,u]})};_t.states=bp;_t.options=Np;_t.className=Gn;_t.defaultOptions=Ga;_t.moduleName=Rt;_t.folderName=Zt;var fe="checkbox",Pe=fe;import{jsx as Fa}from"react/jsx-runtime";var $o="k-checkbox",Lp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Mp={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full]},Un={size:s.medium,rounded:f.medium},kt=t=>{let{id:e,checked:n,indeterminate:a,hover:l,focus:p,disabled:i,invalid:u,valid:b,required:N,size:L=Un.size,rounded:C=Un.rounded,...c}=t;return Fa("span",{className:"k-checkbox-wrap",children:Fa("input",{...c,id:e,type:"checkbox",defaultChecked:n,required:N,className:o(t.className,$o,A($o,{size:L,rounded:C}),S($o,{hover:l,focus:p,disabled:i,invalid:u,valid:b,indeterminate:a,checked:n}))})})};kt.states=Lp;kt.options=Mp;kt.className=$o;kt.defaultOptions=Un;kt.moduleName=fe;kt.folderName=Pe;import{jsx as Sp}from"react/jsx-runtime";var $a="k-checkbox-list",hp=[],Cp={},Va={layout:"vertical"},jt=t=>{let{layout:e=Va.layout,...n}=t;return Sp("ul",{...n,className:o(t.className,$a,{[`k-list-${e}`]:e}),children:t.children})};jt.states=hp;jt.options=Cp;jt.className=$a;jt.defaultOptions=Va;jt.moduleName=fe;jt.folderName=Pe;import{jsx as vp}from"react/jsx-runtime";var Xa="k-checkbox-list-item",Ap=[],Ep={},Tp={},te=t=>{let{...e}=t;return vp("li",{...e,className:o(t.className,Xa),children:t.children})};te.states=Ap;te.options=Ep;te.className=Xa;te.defaultOptions=Tp;te.moduleName=fe;te.folderName=Pe;import{Fragment as Yh,jsx as qh,jsxs as Qh}from"react/jsx-runtime";import{Fragment as oC,jsx as eC,jsxs as nC}from"react/jsx-runtime";import{Fragment as lC,jsx as iC,jsxs as pC}from"react/jsx-runtime";import{Fragment as fC,jsx as uC,jsxs as bC}from"react/jsx-runtime";import{jsx as MC}from"react/jsx-runtime";import{jsx as AC}from"react/jsx-runtime";import{jsx as Vo,jsxs as Op}from"react/jsx-runtime";var $n="k-list-item",gp=[r.hover,r.focus,r.selected,r.disabled],kp={},Ip={},k=t=>{let{text:e,groupLabel:n,group:a,showIcon:l,iconName:p,showCheckbox:i,checked:u,hover:b,focus:N,selected:L,disabled:C,...c}=t,h=e||t.children;return Op("li",{...c,className:o(t.className,a?"k-list-group-item":$n,S($n,{hover:b,focus:N,disabled:C,selected:L})),children:[i&&Vo(kt,{checked:u}),l&&Vo(E,{icon:p}),Vo("span",{className:"k-list-item-text",children:h}),n&&n!==""&&Vo("div",{className:"k-list-item-group-label",children:n})]})};k.states=gp;k.options=kp;k.className=$n;k.defaultOptions=Ip;k.moduleName=Rt;k.folderName=Zt;import{jsx as Vn,jsxs as Bp}from"react/jsx-runtime";var yp="k-list-content",ye=t=>{let{virtualization:e,...n}=t;return Bp("div",{...n,className:o(yp,t.className),children:[Vn("ul",{className:o("k-list-ul"),children:t.children}),e&&Vn("div",{className:"k-height-container",children:Vn("div",{})})]})};import{jsx as Ja}from"react/jsx-runtime";var Pp="k-list-group-sticky-header",Wa=t=>Ja("div",{className:o(Pp,t.className),children:Ja("div",{className:"k-list-header-text",children:t.children})});import{Fragment as Kp,jsx as qa,jsxs as Rp}from"react/jsx-runtime";var F=t=>{let{virtualization:e,label:n}=t;return Rp(Kp,{children:[n&&qa(Wa,{children:n}),t.children&&qa(ye,{virtualization:e,children:t.children})]})};import{jsx as Ya}from"react/jsx-runtime";var _p="k-list-group-item",Ua=t=>Ya("li",{className:o(_p,t.className),children:Ya("span",{className:"k-list-item-text",children:t.children})});import{jsx as zp}from"react/jsx-runtime";var Xn="k-list-optionlabel",Hp=[r.hover,r.focus,r.selected,r.disabled],Dp={},wp={},Xo=t=>{let{text:e,hover:n,focus:a,selected:l,disabled:p,...i}=t;return zp("div",{...i,className:o(Xn,S(Xn,{hover:n,focus:a,selected:l,disabled:p})),children:e})};Xo.states=Hp;Xo.options=Dp;Xo.className=Xn;Xo.defaultOptions=wp;import{jsx as $p}from"react/jsx-runtime";var Jn="k-list-custom-value",Gp=[r.hover,r.focus,r.selected,r.disabled],Up={},Fp={},ee=t=>{let{text:e,hover:n,focus:a,selected:l,disabled:p,...i}=t;return $p("div",{...i,className:o(Jn,S(Jn,{hover:n,focus:a,selected:l,disabled:p})),children:e})};ee.states=Gp;ee.options=Up;ee.className=Jn;ee.defaultOptions=Fp;import{jsx as iS}from"react/jsx-runtime";import{jsx as cS}from"react/jsx-runtime";import{jsx as bS,jsxs as NS}from"react/jsx-runtime";import{jsx as hS,jsxs as CS}from"react/jsx-runtime";import{jsx as TS}from"react/jsx-runtime";import{jsx as IS,jsxs as OS}from"react/jsx-runtime";import{jsx as KS,jsxs as RS}from"react/jsx-runtime";var Qa="dropdown-list",Za="dropdownlist";import{Fragment as Jp,jsx as Q,jsxs as Wn}from"react/jsx-runtime";var ja="k-dropdownlist",Vp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xp={size:[s.small,s.medium,s.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Ke={showValue:!0,arrowIconName:"caret-alt-down",size:s.medium,rounded:f.medium,fillMode:d.solid},It=t=>{let{size:e=Ke.size,rounded:n=Ke.rounded,fillMode:a=Ke.fillMode,arrowIconName:l=Ke.arrowIconName,showValue:p=Ke.showValue,valueIconName:i,prefix:u,suffix:b,value:N,placeholder:L,hover:C,focus:c,valid:h,invalid:M,required:T,loading:g,disabled:v,readonly:B,popup:U,opened:Tt,adaptive:to,adaptiveSettings:eo,adaptiveTitle:rn,adaptiveSubtitle:an,adaptiveFilter:mi,...ci}=t;return Wn(Jp,{children:[Wn(j,{...ci,size:e,rounded:n,fillMode:a,hover:C,focus:c,valid:h,invalid:M,required:T,loading:g,disabled:v,readonly:B,className:o(t.className,ja,{"k-icon-picker":!p&&i}),children:[Q(st,{children:u}),Q(me,{placeholder:L,value:N,showValue:p,valueIconName:i}),Q(tt,{valid:h,invalid:M,loading:g,disabled:v}),Q(at,{loading:g,disabled:v}),Q(it,{children:b}),Q(x,{className:"k-input-button",icon:l,rounded:null,size:t.size,fillMode:t.fillMode})]}),Tt&&U&&Q(_,{className:"k-list-container k-dropdownlist-popup",children:U}),to&&Q(et,{adaptive:!0,...eo,header:Q(pt,{actionsEnd:Q(x,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:mi,inputValue:N,inputPlaceholder:L,title:rn,subtitle:an}),children:Q("div",{className:"k-list-container",children:Wn(P,{size:"large",children:[Q(k,{text:"List item"}),Q(k,{text:"List item"}),Q(k,{text:"List item"})]})})})]})};It.states=Vp;It.options=Xp;It.className=ja;It.defaultOptions=Ke;It.moduleName=Qa;It.folderName=Za;import{jsx as fA}from"react/jsx-runtime";import{jsx as MA,jsxs as hA}from"react/jsx-runtime";import{Fragment as kA,jsx as vA,jsxs as gA}from"react/jsx-runtime";import{jsx as BA}from"react/jsx-runtime";import{jsx as HA,jsxs as DA}from"react/jsx-runtime";import{jsx as FA,jsxs as $A}from"react/jsx-runtime";import{Fragment as ZA,jsx as YA,jsxs as QA}from"react/jsx-runtime";import{Fragment as sE,jsx as rE,jsxs as aE}from"react/jsx-runtime";import{Fragment as SE,jsx as CE}from"react/jsx-runtime";import{Fragment as IE,jsx as kE}from"react/jsx-runtime";import{Fragment as ho,jsx as I,jsxs as H}from"react/jsx-runtime";var ts="k-colorgradient-inputs",Wp=[],qp={size:[s.small,s.medium,s.large]},es={mode:"rgba",size:s.medium},Re=t=>{let{mode:e=es.mode,size:n,...a}=t;return H("div",{...a,className:o(ts,"k-hstack"),children:[I("div",{className:"k-vstack",children:I(x,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:n})}),e==="rgba"&&H(ho,{children:[H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),I("label",{className:"k-colorgradient-input-label",children:"B"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:n}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="rgb"&&H(ho,{children:[H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),e==="hsva"&&H(ho,{children:[H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="hsv"&&H(ho,{children:[H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),H("div",{className:"k-vstack",children:[I(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),e==="hex"&&I(ho,{children:H("div",{className:"k-vstack k-flex-1",children:[I(gt,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),I("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Re.states=Wp;Re.options=qp;Re.className=ts;Re.defaultOptions=es;import{jsx as Ne,jsxs as xe}from"react/jsx-runtime";var os="k-colorgradient-color-contrast",Yp=[],Qp={},Zp={},_e=()=>xe("div",{className:o(os,"k-vbox"),children:[xe("div",{className:"k-contrast-ratio",children:[Ne("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),xe("span",{className:"k-contrast-validation !k-text-success",children:[Ne(E,{icon:"check"}),Ne(E,{icon:"check"})]})]}),xe("div",{children:[Ne("span",{children:"AA: 4.5"}),xe("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ne(E,{icon:"check"})]})]}),xe("div",{children:[Ne("span",{children:"AAA: 7.0"}),xe("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ne(E,{icon:"x"})]})]})]});_e.states=Yp;_e.options=Qp;_e.className=os;_e.defaultOptions=Zp;var ns="color-gradient",rs="colorgradient";import{jsx as mt,jsxs as Co}from"react/jsx-runtime";var Jo="k-colorgradient",jp=[r.hover,r.focus,r.readonly,r.disabled],tm={size:[s.small,s.medium,s.large]},ht={size:s.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"},Ot=t=>{let{size:e=ht.size,mode:n=ht.mode,readonly:a=ht.readonly,disabled:l=ht.disabled,gradientStyle:p=ht.gradientStyle,dragHandleStyle:i=ht.dragHandleStyle,alphaStyle:u=ht.alphaStyle,alphaStyleHorizontal:b=ht.alphaStyleHorizontal,contrast:N=ht.contrast,dir:L,hover:C,focus:c,hoverHandle:h,focusHandle:M,canvasOrientation:T=ht.canvasOrientation,...g}=t;return Co("div",{...g,className:o(t.className,Jo,A(Jo,{size:e}),S(Jo,{hover:C,focus:c,readonly:a,disabled:l})),dir:L,children:[!T||T==="horizontal"&&Co("div",{className:"k-colorgradient-canvas k-hstack",children:[mt("div",{className:"k-hsv-rectangle",style:p,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:o("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:i})})}),Co("div",{className:"k-hsv-controls k-hstack",children:[mt(Hn,{className:"k-hue-slider",hover:h,focus:M}),n!=="rgb"&&n!=="hsv"&&mt(Hn,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:u})]})]}),T==="vertical"&&Co("div",{className:"k-colorgradient-canvas k-vstack",children:[mt("div",{className:"k-hsv-rectangle",style:p,children:mt("div",{className:"k-hsv-gradient",children:mt("div",{className:o("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:i})})}),Co("div",{className:"k-hsv-controls k-vstack",children:[mt(_n,{className:"k-hue-slider",hover:h,focus:M}),n!=="rgb"&&n!=="hsv"&&mt(_n,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:b})]})]}),mt(Re,{mode:t.mode,size:e}),N&&mt(_e,{})]})};Ot.states=jp;Ot.options=tm;Ot.className=Jo;Ot.defaultOptions=ht;Ot.moduleName=ns;Ot.folderName=rs;import{jsx as oT}from"react/jsx-runtime";import{jsx as sT}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var as=t=>em("tr",{children:t.children});import{jsx as rm}from"react/jsx-runtime";var qn="k-colorpalette-tile",om=[r.hover,r.focus,r.selected],nm={},So=t=>{let{color:e,tileSize:n,hover:a,focus:l,selected:p,...i}=t,u={backgroundColor:e,width:n?n+"px":"",height:n?n+"px":""};return rm("td",{...i,className:o(t.className,qn,S(qn,{hover:a,focus:l,selected:p})),style:u})};So.states=om;So.options=nm;So.className=qn;var ss="color-palette",is="colorpalette";import{jsx as Ao}from"react/jsx-runtime";var Wo="k-colorpalette",am=[r.disabled],sm={size:[s.small,s.medium,s.large]},Yn={columns:10,size:s.medium},oe=t=>{let{size:e=Yn.size,palette:n,columns:a=Yn.columns,tileSize:l,disabled:p,...i}=t,u=[];if(n){let b=a||n.columns,N=n.colors?n.colors:n;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/b)},(L,C)=>{let c=[];N.slice(C*b,(C+1)*b).map((M,T)=>{c.push(Ao(So,{color:M,tileSize:l},T))});let h=Ao(as,{children:c},C);u.push(h)})}return Ao("div",{...i,className:o(t.className,Wo,S(Wo,{disabled:p}),A(Wo,{size:e})),children:Ao("table",{className:"k-colorpalette-table",children:Ao("tbody",{children:u.length>0?u:t.children})})})};oe.states=am;oe.options=sm;oe.className=Wo;oe.defaultOptions=Yn;oe.moduleName=ss;oe.folderName=is;var Qn={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"