@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 75.2 kB
JavaScript
var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>a({[`${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"}),S=(e,t)=>a({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly});var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={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"};import{jsx as hs,jsxs as Ns}from"react/jsx-runtime";var to="k-grid",Ts=[],xs={size:[s.small,s.medium,s.large]},Ao={size:s.medium,pagerPosition:"bottom"},E=e=>{let{size:t=Ao.size,pagerPosition:o=Ao.pagerPosition,toolbar:r,pager:n,groupingHeader:i,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:f,...T}=e;return Ns("div",{...T,className:a(e.className,to,{[`${to}-resizable`]:f},v(to,{size:t})),children:[r,o==="top"&&n,i,e.children&&m?hs("div",{className:"k-grid-aria-root",children:e.children}):e.children,d,o==="bottom"&&n]})};E.states=Ts;E.options=xs;E.className=to;E.defaultOptions=Ao;import{jsx as Hd}from"react/jsx-runtime";import{jsx as Ed,jsxs as Od}from"react/jsx-runtime";import{jsx as vs}from"react/jsx-runtime";var Ka="k-data-table",gs=[],ks={size:[s.small,s.medium,s.large]},Da={size:s.medium},Ve=e=>{let{size:t=Da.size,...o}=e;return vs("div",{...o,className:a(e.className,Ka,v("k-table",{size:t})),children:e.children})};Ve.states=gs;Ve.options=ks;Ve.className=Ka;Ve.defaultOptions=Da;import{jsx as Jd}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";import{jsx as ws}from"react/jsx-runtime";var Ro="k-table",Ls=[],ys={size:[s.small,s.medium,s.large]},Ss={},xe=e=>{let{size:t,...o}=e;return ws("table",{...o,className:a(e.className,Ro,v(Ro,{size:t})),children:e.children})};xe.states=Ls;xe.options=ys;xe.className=Ro;xe.defaultOptions=Ss;import{jsx as As}from"react/jsx-runtime";var Go="k-table-list",Cs=[],Ms={size:[s.small,s.medium,s.large]},Is={},rt=e=>{let{size:t,virtualization:o,...r}=e;return As("ul",{...r,className:a(e.className,"k-table",Go,v(Go,{size:t}),{"k-virtual-table":o}),children:e.children})};rt.states=Cs;rt.options=Ms;rt.className=Go;rt.defaultOptions=Is;import{jsx as cc}from"react/jsx-runtime";import{jsx as fc}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";import{jsx as Gs}from"react/jsx-runtime";var Ho="k-table-row",Rs=[l.hover,l.focus,l.selected,l.disabled],O=e=>{let{hover:t,focus:o,selected:r,disabled:n,alt:i,...d}=e;return Gs("tr",{...d,className:a(e.className,Ho,{"k-table-alt-row":i},S(Ho,{hover:t,focus:o,disabled:n,selected:r})),children:e.children})};O.states=Rs;O.className=Ho;import{jsx as Ps}from"react/jsx-runtime";var Po="k-table-row",Hs=[l.hover,l.focus,l.selected,l.disabled],oo=e=>{let{hover:t,focus:o,selected:r,disabled:n,alt:i,...d}=e;return Ps("li",{...d,className:a(e.className,Po,{"k-table-alt-row":i},S(Po,{hover:t,focus:o,disabled:n,selected:r})),children:e.children})};oo.states=Hs;oo.className=Po;import{jsx as Bs}from"react/jsx-runtime";var zs="k-table-th",it=e=>{let{text:t,colspan:o,rowspan:r,...n}=e,i=t||e.children;return Bs("th",{colSpan:o,rowSpan:r,...n,className:a(e.className,zs),children:i})};import{jsx as Rc}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";import{jsx as Kc}from"react/jsx-runtime";import{jsx as Vc}from"react/jsx-runtime";import{jsx as Wc}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";import{jsx as tp}from"react/jsx-runtime";import{jsx as np,jsxs as dp}from"react/jsx-runtime";import{jsx as up,jsxs as fp}from"react/jsx-runtime";import{jsx as hp,jsxs as Np}from"react/jsx-runtime";import{Fragment as Sp,jsx as Lp,jsxs as yp}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";import{Fragment as Xs,jsx as Va}from"react/jsx-runtime";var zo="k-icon k-font-icon",$s=[],_s={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},Vs={},Rt=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:i,...d}=e;return r?Va("span",{...d,className:a(e.className,zo,v(zo,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):Va(Xs,{})};Rt.states=$s;Rt.options=_s;Rt.className=zo;Rt.defaultOptions=Vs;var Xa=Rt;import{Fragment as Ws,jsx as ao}from"react/jsx-runtime";var Bo="k-icon k-svg-icon",Fs=[],Js={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},Fa={viewBox:"0 0 24 24"},Gt=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:i=Fa.viewBox,icon:d,...m}=e;if(!d)return ao(Ws,{});d==="none"&&{...m,className:a(e.className,Bo,"k-none")};let f=typeof d=="object"&&d.name&&d.name;return ao("span",{...m,className:a(e.className,Bo,v("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),children:ao("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:i,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Gt.states=Fs;Gt.options=Js;Gt.className=Bo;Gt.defaultOptions=Fa;var Eo=Gt;import*as Ja from"@progress/kendo-svg-icons";import{Fragment as Wa,jsx as Ht}from"react/jsx-runtime";var Us=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),qs=[],Qs={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},Oo={viewBox:"0 0 24 24",type:"svg"},y=e=>{let{size:t,themeColor:o,icon:r,type:n=Oo.type,rotate:i,flip:d,viewBox:m=Oo.viewBox,...f}=e;if(!r)return Ht(Wa,{});if(n==="svg"){if(r==="none")return Ht(Eo,{...f,icon:r,size:t});let T=Us(`${r}-icon`);return Ja[T]?Ht(Eo,{...f,icon:Ja[T],size:t,themeColor:o,rotate:i,flip:d,viewBox:m}):Ht(Wa,{})}return Ht(Xa,{...f,icon:r,size:t,themeColor:o,rotate:i,flip:d})};y.states=qs;y.options=Qs;y.defaultOptions=Oo;import{jsx as Xe,jsxs as Ko}from"react/jsx-runtime";var Do="k-header",Ys=[l.hover,l.focus,l.active],Ua={sortIcon:"sort-asc-small"},F=e=>{let{menu:t,sortable:o,filterable:r,sticky:n,resizable:i,columnTitle:d,hover:m,focus:f,active:T,sortIcon:x=Ua.sortIcon,sortOrder:k,...c}=e;return Ko(it,{...c,className:a(e.className,Do,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},S(Do,{hover:m,focus:f,active:T})),children:[d&&Ko("span",{className:"k-cell-inner",children:[Ko("span",{className:"k-link",children:[Xe("span",{className:"k-column-title",children:d}),o&&Xe("span",{className:"k-sort-icon",children:Xe(y,{icon:x})}),k&&Xe("span",{className:"k-sort-order",children:k})]}),t&&Xe("a",{href:"#",className:a("k-grid-header-menu",{"k-active":T,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Xe(y,{icon:t==="filter"?"filter":"more-vertical"})})]}),e.children,i&&Xe("span",{className:"k-column-resizer k-touch-action-none"})]})};F.states=Ys;F.className=Do;F.defaultOptions=Ua;import{jsx as wm}from"react/jsx-runtime";import{jsx as Am}from"react/jsx-runtime";import{jsx as Bm}from"react/jsx-runtime";import{jsx as Dm}from"react/jsx-runtime";import{jsx as Jm}from"react/jsx-runtime";import{Fragment as er,jsx as Pt,jsxs as qa}from"react/jsx-runtime";var lo="k-button",Zs=[l.hover,l.focus,l.active,l.selected,l.disabled],js={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark,p.inverse]},Fe={size:s.medium,rounded:b.medium,fillMode:u.solid,themeColor:p.base,showArrow:!1,arrowIconName:"caret-alt-down"},h=e=>{let{size:t=Fe.size,rounded:o=Fe.rounded,fillMode:r=Fe.fillMode,themeColor:n=Fe.themeColor,showArrow:i=Fe.showArrow,arrowIconName:d=Fe.arrowIconName,hover:m,focus:f,active:T,selected:x,disabled:k,icon:c,text:N,iconClassName:g,...L}=e,w=c!==void 0,M=e.children!==void 0;return qa("button",{...L,className:a(e.className,lo,v(lo,{size:t,rounded:o,fillMode:r,themeColor:n}),S(lo,{hover:m,focus:f,active:T,disabled:k,selected:x}),{"k-icon-button":!N&&!M&&w}),children:[c&&Pt(y,{className:a(g,"k-button-icon"),icon:c}),N?qa(er,{children:[N&&Pt("span",{className:"k-button-text",children:N}),e.children]}):e.children&&Pt("span",{className:"k-button-text",children:e.children}),i&&Pt("span",{className:"k-menu-button-arrow k-button-arrow",children:Pt(y,{icon:d})})]})};h.states=Zs;h.options=js;h.className=lo;h.defaultOptions=Fe;import{jsx as tr}from"react/jsx-runtime";var so=e=>tr(h,{icon:"folder",...e,children:void 0});import{jsx as or}from"react/jsx-runtime";var $o=e=>or(h,{icon:"folder",children:"Button",...e});import{jsx as ru}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var ro="k-input",ar=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],lr={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},io={size:s.medium,rounded:s.medium,fillMode:u.solid},G=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m,size:f=io.size,rounded:T=io.rounded,fillMode:x=io.fillMode,...k}=e;return sr("span",{...k,className:a(e.className,ro,v(ro,{size:f,rounded:T,fillMode:x}),S(ro,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m}))})};G.states=ar;G.options=lr;G.className=ro;G.defaultOptions=io;import{jsx as nr}from"react/jsx-runtime";var no="k-picker",rr=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],ir={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},co={size:s.medium,rounded:b.medium,fillMode:u.solid},re=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m,size:f=co.size,rounded:T=co.rounded,fillMode:x=co.fillMode,...k}=e;return nr("span",{...k,className:a(e.className,no,v(no,{size:f,rounded:T,fillMode:x}),S(no,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m})),children:e.children})};re.states=rr;re.options=ir;re.className=no;re.defaultOptions=co;import{Fragment as pr,jsx as _o}from"react/jsx-runtime";var Qa="k-clear-value",dr=[l.disabled,l.loading,l.readonly],cr={},ie=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?_o(pr,{}):_o("span",{className:a(e.className,Qa),children:_o(y,{icon:"x"})})};ie.states=dr;ie.options=cr;ie.className=Qa;import{jsx as fr}from"react/jsx-runtime";var Vo="k-input-inner",mr=[],ur={},po={type:"text",autocomplete:"off",value:"",placeholder:""},ne=e=>{let{value:t=po.value,type:o=po.type,placeholder:r=po.placeholder,autocomplete:n=po.autocomplete,...i}=e;return fr("input",{...i,type:o,className:a(e.className,Vo,v(Vo,e)),placeholder:r,autoComplete:n,defaultValue:t})};ne.states=mr;ne.options=ur;ne.className=Vo;import{jsx as Ya,jsxs as xr}from"react/jsx-runtime";var Xo="k-input-inner",br=[],Tr={},Je=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:i,...d}=e;return xr("span",{...d,className:a(e.className,Xo,v(Xo,e)),children:[n,!n&&i&&Ya(y,{className:"k-input-value-icon",icon:i}),r&&!t&&o,r&&t&&Ya("span",{className:"k-input-value-text",children:t})]})};Je.states=br;Je.options=Tr;Je.className=Xo;import{jsx as gr}from"react/jsx-runtime";var Fo="k-input-inner",hr=[],Nr={},Za={value:"",placeholder:""},Jo=e=>{let{value:t=Za.value,placeholder:o=Za.placeholder,rows:r,...n}=e;return gr("textarea",{...n,className:a(e.className,Fo,v(Fo,e)),placeholder:o,rows:r,defaultValue:t})};Jo.states=hr;Jo.options=Nr;Jo.className=Fo;import{Fragment as vr,jsx as ja}from"react/jsx-runtime";var el="k-input-loading-icon",kr=[l.disabled,l.loading],j=e=>{let{disabled:t,loading:o}=e;return t||!o?ja(vr,{}):ja("span",{className:a(e.className,el,"k-icon k-i-loading")})};j.states=kr;j.className=el;import{Fragment as Sr,jsx as tl}from"react/jsx-runtime";var ol="k-input-validation-icon",Lr=[l.valid,l.invalid,l.disabled,l.loading],yr={},Z=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,i=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?tl(Sr,{}):tl(y,{className:a(ol),icon:i})};Z.states=Lr;Z.options=yr;Z.className=ol;import{Fragment as Mr,jsx as al}from"react/jsx-runtime";var wr="k-input-prefix",Cr={direction:"horizontal"},he=e=>{let{direction:t=Cr.direction,...o}=e;return e.children?al("span",{...o,className:a(wr,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):al(Mr,{})};import{Fragment as Rr,jsx as ll}from"react/jsx-runtime";var Ir="k-input-suffix",Ar={direction:"horizontal"},Ne=e=>{let{direction:t=Ar.direction,...o}=e;return e.children?ll("span",{...o,className:a(Ir,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ll(Rr,{})};import{jsx as Uu}from"react/jsx-runtime";import{jsx as Zu}from"react/jsx-runtime";import{jsx as Hr}from"react/jsx-runtime";var sl="k-input-separator",Gr={direction:"vertical"},ye=e=>{let{direction:t=Gr.direction,...o}=e;return Hr("span",{...o,className:a(sl,e.className,{[`${sl}-${t}`]:t})})};import{jsx as rl}from"react/jsx-runtime";var il="k-animation-container",Pr=[],zr={},nl={positionMode:"absolute"},Ge=e=>{let{positionMode:t=nl.positionMode,animationStyle:o,offset:r,...n}=e;return rl("div",{...n,style:{...r,...e.style},className:a(e.className,il,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:rl("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ge.states=Pr;Ge.options=zr;Ge.className=il;Ge.defaultOptions=nl;import{jsx as dl}from"react/jsx-runtime";var cl="k-popup",Br=[],Er={},pl={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=pl.positionMode,animationStyle:r,...n}=e;return dl(Ge,{positionMode:o,offset:t,animationStyle:r,children:dl("div",{...n,className:a(e.className,cl),children:e.children})})};$.states=Br;$.options=Er;$.className=cl;$.defaultOptions=pl;import{jsx as Dr}from"react/jsx-runtime";var mo="k-actions",Or=[],Kr={},Wo={alignment:"start",orientation:"horizontal"},He=e=>{let{alignment:t=Wo.alignment,orientation:o=Wo.orientation,...r}=e;return Dr("div",{...r,className:a(mo,{[`${mo}-${t}`]:t,[`${mo}-${o}`]:o},e.className),children:e.children})};He.states=Or;He.options=Kr;He.className=mo;He.defaultOptions=Wo;import{jsx as _r}from"react/jsx-runtime";var $r="k-actionsheet-footer",ml={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:t=ml.alignment,orientation:o=ml.orientation,template:r,as:n=r?"div":He,...i}=e;return _r(n,{...i,...!r&&{alignment:t,orientation:o},className:a(e.className,$r),children:e.children})};import{jsx as Bt,jsxs as Fr}from"react/jsx-runtime";var ul="k-searchbox",Vr=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Xr={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},Uo={showIcon:!0,icon:"search",size:G.defaultOptions.size,rounded:G.defaultOptions.rounded,fillMode:G.defaultOptions.fillMode},Se=e=>{let{value:t,placeholder:o,size:r,rounded:n,fillMode:i,hover:d,focus:m,valid:f,invalid:T,required:x,loading:k,disabled:c,showIcon:N=Uo.showIcon,icon:g=Uo.icon,...L}=e;return Fr(G,{...L,size:r,rounded:n,fillMode:i,hover:d,focus:m,valid:f,invalid:T,required:x,loading:k,disabled:c,className:a(e.className,ul),children:[N&&Bt(y,{className:"k-input-icon",icon:g}),Bt(ne,{placeholder:o,value:t}),Bt(j,{...e}),Bt(Z,{...e}),Bt(ie,{...e})]})};Se.states=Vr;Se.options=Xr;Se.className=ul;Se.defaultOptions=Uo;import{jsx as Jf}from"react/jsx-runtime";import{Fragment as fl,jsx as Pe,jsxs as qo}from"react/jsx-runtime";var bl="k-textbox",Jr=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Wr={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},We={showClearButton:!0,showValidationIcon:!0,size:G.defaultOptions.size,rounded:G.defaultOptions.rounded,fillMode:G.defaultOptions.fillMode,separators:!0},ge=e=>{let{size:t=We.size,rounded:o=We.rounded,fillMode:r=We.fillMode,separators:n=We.separators,showClearButton:i=We.showClearButton,showValidationIcon:d=We.showValidationIcon,prefix:m,suffix:f,type:T,value:x,placeholder:k,hover:c,focus:N,valid:g,invalid:L,required:w,loading:M,disabled:R,readonly:D,...V}=e;return qo(G,{...V,size:t,rounded:o,fillMode:r,hover:c,focus:N,valid:g,invalid:L,required:w,loading:M,disabled:R,readonly:D,className:a(e.className,bl),children:[m&&qo(fl,{children:[Pe(he,{children:m}),n&&Pe(ye,{})]}),Pe(ne,{placeholder:k,value:x,type:T}),d&&Pe(Z,{valid:g,invalid:L,loading:M,disabled:R}),Pe(j,{loading:M,disabled:R}),i&&Pe(ie,{loading:M,disabled:R,readonly:D,value:x}),f&&qo(fl,{children:[n&&Pe(ye,{}),Pe(Ne,{children:f})]})]})};ge.states=Jr;ge.options=Wr;ge.className=bl;ge.defaultOptions=We;import{jsx as ab}from"react/jsx-runtime";import{Fragment as db,jsx as nb}from"react/jsx-runtime";import{Fragment as Tb,jsx as bb}from"react/jsx-runtime";import{jsx as ze,jsxs as Qo}from"react/jsx-runtime";var xl="k-actionsheet-titlebar",Ur={},ee=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:n,filter:i,input:d,inputValue:m,inputPlaceholder:f,adaptive:T,children:x,...k}=e;return Qo("div",{...k,className:a(e.className,xl),children:[Qo("div",{className:"k-actionsheet-titlebar-group",children:[r&&ze("div",{className:"k-actionsheet-actions",children:r}),!x&&Qo("div",{className:"k-actionsheet-title",children:[t&&ze("div",{className:"k-text-center",children:t}),o&&ze("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&ze("div",{className:"k-actionsheet-title",children:x}),n&&ze("div",{className:"k-actionsheet-actions",children:n})]}),(d||i)&&ze("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ze(ge,{value:m,placeholder:f,size:T?"large":"medium"}):ze(Se,{placeholder:"Filter",size:T?"large":"medium"})})]})};ee.className=xl;ee.defaultOptions=Ur;import{jsx as Yo,jsxs as Zr}from"react/jsx-runtime";var Zo="k-actionsheet-view",qr=[],Qr={},Yr={},nt=e=>{let{adaptive:t,animated:o,children:r,header:n,footer:i,...d}=e,m=n?.type===ee&&Yo(ee,{adaptive:t,...n?.props}),f=i?.type===zt&&Yo(zt,{...i?.props});return Zr("div",{...d,className:a(e.className,Zo,{[`${Zo}-animated`]:o}),children:[m,Yo("div",{className:"k-actionsheet-content",children:r}),f]})};nt.states=qr;nt.options=Qr;nt.className=Zo;nt.defaultOptions=Yr;import{jsx as uo,jsxs as ti}from"react/jsx-runtime";var hl="k-actionsheet",jr=[],ei={},Et={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},de=e=>{let{side:t=Et.side,fullscreen:o=Et.fullscreen,adaptive:r=Et.adaptive,overlay:n=Et.overlay,template:i,children:d,header:m,footer:f,...T}=e;return ti("div",{className:"k-actionsheet-container",children:[n&&uo("div",{className:"k-overlay"}),uo(Ge,{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:uo("div",{...T,className:a(e.className,hl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:i||uo(nt,{header:m,footer:f,adaptive:r,...e,children:d})})})]})};de.states=jr;de.options=ei;de.className=hl;de.defaultOptions=Et;import{jsx as Db}from"react/jsx-runtime";import{Fragment as ai,jsx as Ot,jsxs as jo}from"react/jsx-runtime";var ea="k-actionsheet-item",oi=[l.hover,l.focus,l.selected,l.disabled],ta=e=>{let{iconName:t,text:o,description:r,hover:n,focus:i,selected:d,disabled:m,...f}=e;return jo("span",{...f,className:a(e.className,ea,S(ea,{hover:n,focus:i,selected:d,disabled:m})),children:[!e.children&&Ot(ai,{children:jo("span",{className:"k-actionsheet-action",children:[t&&Ot("span",{className:"k-icon-wrap",children:Ot(y,{className:"k-actionsheet-item-icon",icon:t})}),jo("span",{className:"k-actionsheet-item-text",children:[o&&Ot("span",{className:"k-actionsheet-item-title",children:o}),r&&Ot("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};ta.states=oi;ta.className=ea;import{jsx as qb,jsxs as Qb}from"react/jsx-runtime";import{jsx as eT}from"react/jsx-runtime";import{jsx as lT}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";import{jsx as si}from"react/jsx-runtime";var li="k-no-data",Kt=e=>si("span",{className:a(li,e.className),children:e.children});import{jsx as dt,jsxs as gl}from"react/jsx-runtime";var oa="k-list",ri=[],ii={size:[s.small,s.medium,s.large]},kl={size:s.medium},H=e=>{let{size:t=kl.size,virtualization:o,children:r,optionLabel:n,customValue:i,screenReaders:d,...m}=e,f,T,x,k,c=[];return r?r.map((N,g)=>{N.type===_?(N.props.root===!0?(f=N.props.label,N.props.children.map((L,w)=>{c.push(dt(C,{...L.props},`optChild-${w}-${new Date().getTime()}`))})):N.props.children.forEach((L,w)=>{let M="";w===0&&(M=N.props.label),c.push(dt(C,{className:w===0?"k-first":"",...L.props,groupLabel:M},`groupLabel-${w}-${new Date().getTime()}`))}),T=dt(_,{label:f,virtualization:o,children:c})):N.type===C&&(c.push(dt(C,{...N.props},`${N.type}-${g}`)),x=dt(ct,{virtualization:o,children:c}),d&&(k=gl(Kt,{className:"k-sr-only",children:[c.length," items found."]})))}):k=dt(Kt,{children:"No data found."}),gl("div",{...m,className:a(e.className,oa,v(oa,{size:t}),{"k-virtual-list":o}),children:[n,i,T,x,k]})};H.states=ri;H.options=ii;H.className=oa;H.defaultOptions=kl;import{jsx as Ue,jsxs as ci}from"react/jsx-runtime";var aa="k-list",ni=[],di={size:[s.small,s.medium,s.large]},vl={size:s.medium},qe=e=>{let{size:t=vl.size,virtualization:o,children:r,...n}=e,i,d,m,f=[];return r?r.map((T,x)=>{T.type===_?(T.props.root===!0?(i=T.props.label,T.props.children.map((k,c)=>{f.push(Ue(C,{...k.props},`optChild-${c}-${new Date().getTime()}`))})):(f.push(Ue(Ll,{...T.props,children:T.props.label},`listChild-${x}`)),T.props.children.map((k,c)=>{f.push(Ue(C,{...k.props},`fwOptChild-${c}-${new Date().getTime()}`))})),d=Ue(_,{label:i,virtualization:o,children:f})):T.type===C&&(f.push(Ue(C,{...T.props},`${T.type}-${x}`)),m=Ue(ct,{virtualization:o,children:f}))}):m=Ue(Kt,{children:"No data found."}),ci("div",{...n,className:a(e.className,aa,v(aa,{size:t}),{"k-virtual-list":o}),children:[d,m]})};qe.states=ni;qe.options=di;qe.className=aa;qe.defaultOptions=vl;import{jsx as yl}from"react/jsx-runtime";var fo="k-checkbox",pi=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],mi={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full]},la={size:s.medium,rounded:b.medium},we=e=>{let{id:t,checked:o,indeterminate:r,hover:n,focus:i,disabled:d,invalid:m,valid:f,required:T,size:x=la.size,rounded:k=la.rounded,...c}=e;return yl("span",{className:"k-checkbox-wrap",children:yl("input",{...c,id:t,type:"checkbox",defaultChecked:o,required:T,className:a(e.className,fo,v(fo,{size:x,rounded:k}),S(fo,{hover:n,focus:i,disabled:d,invalid:m,valid:f,indeterminate:r,checked:o}))})})};we.states=pi;we.options=mi;we.className=fo;we.defaultOptions=la;import{jsx as bi}from"react/jsx-runtime";var Sl="k-checkbox-list",ui=[],fi={},wl={layout:"vertical"},pt=e=>{let{layout:t=wl.layout,...o}=e;return bi("ul",{...o,className:a(e.className,Sl,{[`k-list-${t}`]:t}),children:e.children})};pt.states=ui;pt.options=fi;pt.className=Sl;pt.defaultOptions=wl;import{jsx as Ni}from"react/jsx-runtime";var Cl="k-checkbox-list-item",Ti=[],xi={},hi={},mt=e=>{let{...t}=e;return Ni("li",{...t,className:a(e.className,Cl),children:e.children})};mt.states=Ti;mt.options=xi;mt.className=Cl;mt.defaultOptions=hi;import{Fragment as UT,jsx as WT,jsxs as qT}from"react/jsx-runtime";import{Fragment as ex,jsx as jT,jsxs as tx}from"react/jsx-runtime";import{Fragment as rx,jsx as sx,jsxs as ix}from"react/jsx-runtime";import{Fragment as mx,jsx as px,jsxs as ux}from"react/jsx-runtime";import{jsx as xx}from"react/jsx-runtime";import{jsx as kx}from"react/jsx-runtime";import{jsx as bo,jsxs as Li}from"react/jsx-runtime";var ra="k-list-item",gi=[l.hover,l.focus,l.selected,l.disabled],ki={},vi={},C=e=>{let{text:t,groupLabel:o,group:r,showIcon:n,iconName:i,showCheckbox:d,checked:m,hover:f,focus:T,selected:x,disabled:k,...c}=e,N=t||e.children;return Li("li",{...c,className:a(e.className,r?"k-list-group-item":ra,S(ra,{hover:f,focus:T,disabled:k,selected:x})),children:[d&&bo(we,{checked:m}),n&&bo(y,{icon:i}),bo("span",{className:"k-list-item-text",children:N}),o&&o!==""&&bo("div",{className:"k-list-item-group-label",children:o})]})};C.states=gi;C.options=ki;C.className=ra;C.defaultOptions=vi;import{jsx as ia,jsxs as Si}from"react/jsx-runtime";var yi="k-list-content",ct=e=>{let{virtualization:t,...o}=e;return Si("div",{...o,className:a(yi,e.className),children:[ia("ul",{className:a("k-list-ul"),children:e.children}),t&&ia("div",{className:"k-height-container",children:ia("div",{})})]})};import{jsx as Ml}from"react/jsx-runtime";var wi="k-list-group-sticky-header",Il=e=>Ml("div",{className:a(wi,e.className),children:Ml("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Ci,jsx as Al,jsxs as Mi}from"react/jsx-runtime";var _=e=>{let{virtualization:t,label:o}=e;return Mi(Ci,{children:[o&&Al(Il,{children:o}),e.children&&Al(ct,{virtualization:t,children:e.children})]})};import{jsx as Rl}from"react/jsx-runtime";var Ii="k-list-group-item",Ll=e=>Rl("li",{className:a(Ii,e.className),children:Rl("span",{className:"k-list-item-text",children:e.children})});import{jsx as Hi}from"react/jsx-runtime";var na="k-list-optionlabel",Ai=[l.hover,l.focus,l.selected,l.disabled],Ri={},Gi={},To=e=>{let{text:t,hover:o,focus:r,selected:n,disabled:i,...d}=e;return Hi("div",{...d,className:a(na,S(na,{hover:o,focus:r,selected:n,disabled:i})),children:t})};To.states=Ai;To.options=Ri;To.className=na;To.defaultOptions=Gi;import{jsx as Ei}from"react/jsx-runtime";var da="k-list-custom-value",Pi=[l.hover,l.focus,l.selected,l.disabled],zi={},Bi={},Be=e=>{let{text:t,hover:o,focus:r,selected:n,disabled:i,...d}=e;return Ei("div",{...d,className:a(da,S(da,{hover:o,focus:r,selected:n,disabled:i})),children:t})};Be.states=Pi;Be.options=zi;Be.className=da;Be.defaultOptions=Bi;import{jsx as lh}from"react/jsx-runtime";import{jsx as nh}from"react/jsx-runtime";import{jsx as mh,jsxs as uh}from"react/jsx-runtime";import{jsx as xh,jsxs as hh}from"react/jsx-runtime";import{jsx as vh}from"react/jsx-runtime";import{jsx as wh,jsxs as Ch}from"react/jsx-runtime";import{jsx as Rh,jsxs as Gh}from"react/jsx-runtime";import{Fragment as Di,jsx as J,jsxs as ca}from"react/jsx-runtime";var Gl="k-dropdownlist",Oi=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ki={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},ut={showValue:!0,arrowIconName:"caret-alt-down",size:s.medium,rounded:b.medium,fillMode:u.solid},ce=e=>{let{size:t=ut.size,rounded:o=ut.rounded,fillMode:r=ut.fillMode,arrowIconName:n=ut.arrowIconName,showValue:i=ut.showValue,valueIconName:d,prefix:m,suffix:f,value:T,placeholder:x,hover:k,focus:c,valid:N,invalid:g,required:L,loading:w,disabled:M,readonly:R,popup:D,opened:V,adaptive:It,adaptiveSettings:At,adaptiveTitle:Mo,adaptiveSubtitle:Io,adaptiveFilter:fs,...bs}=e;return ca(Di,{children:[ca(re,{...bs,size:t,rounded:o,fillMode:r,hover:k,focus:c,valid:N,invalid:g,required:L,loading:w,disabled:M,readonly:R,className:a(e.className,Gl,{"k-icon-picker":!i&&d}),children:[J(he,{children:m}),J(Je,{placeholder:x,value:T,showValue:i,valueIconName:d}),J(Z,{valid:N,invalid:g,loading:w,disabled:M}),J(j,{loading:w,disabled:M}),J(Ne,{children:f}),J(h,{className:"k-input-button",icon:n,rounded:null,size:e.size,fillMode:e.fillMode})]}),V&&D&&J($,{className:"k-list-container k-dropdownlist-popup",children:D}),It&&J(de,{adaptive:!0,...At,header:J(ee,{actionsEnd:J(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:fs,inputValue:T,inputPlaceholder:x,title:Mo,subtitle:Io}),children:J("div",{className:"k-list-container",children:ca(H,{size:"large",children:[J(C,{text:"List item"}),J(C,{text:"List item"}),J(C,{text:"List item"})]})})})]})};ce.states=Oi;ce.options=Ki;ce.className=Gl;ce.defaultOptions=ut;import{jsx as nN}from"react/jsx-runtime";import{jsx as uN,jsxs as fN}from"react/jsx-runtime";import{Fragment as vN,jsx as gN,jsxs as kN}from"react/jsx-runtime";import{jsx as wN}from"react/jsx-runtime";import{jsx as RN,jsxs as GN}from"react/jsx-runtime";import{jsx as EN,jsxs as ON}from"react/jsx-runtime";import{Fragment as JN,jsx as XN,jsxs as FN}from"react/jsx-runtime";import{Fragment as eg,jsx as ZN,jsxs as jN}from"react/jsx-runtime";import{jsx as Hl,jsxs as Vi}from"react/jsx-runtime";var Pl="k-spin-button",$i=[],_i={size:[s.small,s.medium,s.large],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},pa={size:s.medium,fillMode:u.solid},ft=e=>{let{size:t=pa.size,fillMode:o=pa.fillMode,...r}=e;return Vi("span",{...r,className:a(Pl,e.className),children:[Hl(h,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Hl(h,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};ft.states=$i;ft.options=_i;ft.className=Pl;ft.defaultOptions=pa;import{Fragment as zl,jsx as Ce,jsxs as ma}from"react/jsx-runtime";var Bl="k-numerictextbox",Xi=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Fi={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[u.solid,u.flat,u.outline]},Ye={showSpinButton:!0,showClearButton:!0,size:G.defaultOptions.size,rounded:G.defaultOptions.rounded,fillMode:G.defaultOptions.fillMode,separators:!0},P=e=>{let{size:t=Ye.size,rounded:o=Ye.rounded,fillMode:r=Ye.fillMode,separators:n=Ye.separators,showClearButton:i=Ye.showClearButton,showSpinButton:d=Ye.showSpinButton,prefix:m,suffix:f,value:T,placeholder:x,hover:k,focus:c,valid:N,invalid:g,required:L,loading:w,disabled:M,readonly:R,...D}=e;return ma(G,{...D,size:t,rounded:o,fillMode:r,hover:k,focus:c,valid:N,invalid:g,required:L,loading:w,disabled:M,readonly:R,className:a(e.className,Bl),children:[m&&ma(zl,{children:[Ce(he,{children:m}),n&&Ce(ye,{})]}),Ce(ne,{placeholder:x,value:T}),Ce(Z,{valid:N,invalid:g,loading:w,disabled:M}),Ce(j,{loading:w,disabled:M}),i&&Ce(ie,{loading:w,disabled:M,readonly:R,value:T}),f&&ma(zl,{children:[n&&Ce(ye,{}),Ce(Ne,{children:f})]}),d&&Ce(ft,{className:"k-input-spinner",size:t,fillMode:r})]})};P.states=Xi;P.options=Fi;P.className=Bl;P.defaultOptions=Ye;import{jsx as Sg}from"react/jsx-runtime";import{Fragment as Rg,jsx as Ag}from"react/jsx-runtime";import{Fragment as Og,jsx as Eg}from"react/jsx-runtime";import{Fragment as Ol,jsx as W,jsxs as bt}from"react/jsx-runtime";var xo="k-pager",Ji=[l.focus,l.disabled],Wi={size:[s.small,s.medium,s.large]},U={responsive:!0,size:s.medium,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},Ee=e=>{let{responsive:t=U.responsive,size:o=U.size,pagerSizeInfo:r=U.pagerSizeInfo,pageTitleInfo:n=U.pageTitleInfo,maxPagesInfo:i=U.maxPagesInfo,itemsPerPage:d=U.itemsPerPage,maxPages:m=U.maxPages,currentPage:f=U.currentPage,previousNext:T=U.previousNext,type:x=U.type,pageSizes:k=U.pageSizes,refresh:c=U.refresh,info:N=U.info,focus:g,disabled:L,dir:w,...M}=e,R=[],D=[];for(let V=1;V<=m;V++)R.push(W(h,{selected:V===f,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:V})),D.push(W("option",{selected:V===f,children:V}));return bt("div",{dir:w,...M,className:a(e.className,xo,v(xo,{size:o}),S(xo,{focus:g,disabled:L}),{"k-pager-responsive":t}),children:[bt("div",{className:a("k-pager-numbers-wrap"),children:[T&&bt(Ol,{children:[W(h,{className:a("k-pager-nav","k-pager-first"),disabled:f===1&&!L,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),W(h,{className:a("k-pager-nav"),disabled:f===1&&!L,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-right":"caret-alt-left"})]}),x==="numeric"&&W("div",{className:a("k-pager-numbers"),children:R}),x==="input"&&bt("span",{className:a("k-pager-input"),children:[n&&W("span",{children:"Page"}),W(P,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1}),W("span",{children:i&&`of ${m}`})]}),T&&bt(Ol,{children:[W(h,{className:a("k-pager-nav"),disabled:f===m&&!L,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-left":"caret-alt-right"}),W(h,{className:a("k-pager-nav","k-pager-last"),disabled:f===m&&!L,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&bt("span",{className:a("k-pager-sizes"),children:[W(ce,{value:`${d}`,size:o}),r&&W("span",{children:"items per page"})]}),c&&W(h,{className:a("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),N&&W("span",{className:a("k-pager-info"),children:N})]})};Ee.states=Ji;Ee.options=Wi;Ee.className=xo;Ee.defaultOptions=U;import{jsx as jg}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as ik}from"react/jsx-runtime";import{jsx as hk}from"react/jsx-runtime";import{jsx as Qi}from"react/jsx-runtime";var Dt="k-button-group",Ui=[l.disabled],qi={fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},Kl={fillMode:u.solid},z=e=>{let{fillMode:t=Kl.fillMode,disabled:o,stretched:r,...n}=e;return Qi("div",{...n,className:a(e.className,Dt,v(Dt,{fillMode:t}),S(Dt,{disabled:o}),{[`${Dt}-stretched`]:r}),children:e.children})};z.states=Ui;z.options=qi;z.className=Dt;z.defaultOptions=Kl;import{Fragment as Ck,jsx as wk,jsxs as Mk}from"react/jsx-runtime";import{Fragment as Pk,jsx as Hk,jsxs as zk}from"react/jsx-runtime";import{Fragment as $k,jsx as Dk,jsxs as _k}from"react/jsx-runtime";import{Fragment as Uk,jsx as Wk,jsxs as qk}from"react/jsx-runtime";import{jsx as Dl,jsxs as ji}from"react/jsx-runtime";var $l="k-color-preview",Yi=[],Zi={},Oe=e=>{let{color:t,iconName:o,...r}=e;return ji("span",{...r,className:a(e.className,$l,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Dl(y,{icon:o,className:"k-color-preview-icon"}),Dl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Oe.states=Yi;Oe.options=Zi;Oe.className=$l;import{jsx as Tt,jsxs as ua}from"react/jsx-runtime";var $t="k-slider",en=[l.hover,l.focus,l.active,l.disabled,l.readonly],tn={},Ke={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},te=e=>{let{type:t=Ke.type,orientation:o=Ke.orientation,readonly:r=Ke.readonly,disabled:n=Ke.disabled,handlePosition:i=Ke.handlePosition,showButtons:d=Ke.showButtons,showTicks:m=Ke.showTicks,hover:f,focus:T,active:x,trackStyle:k,dir:c,...N}=e,g,L;return o==="horizontal"?(g=c==="rtl"?"caret-alt-left":"caret-alt-right",L=c==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(g="caret-alt-up",L="caret-alt-down"),ua("div",{...N,className:a($t,e.className,S($t,{readonly:r,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:c,children:[d&&Tt(h,{className:"k-button-decrease",rounded:"full",icon:L}),ua("div",{className:"k-slider-track-wrap",children:[m&&Tt("ul",{className:"k-reset k-slider-items",children:e.children}),ua("div",{className:"k-slider-track",style:k,children:[Tt("div",{className:"k-slider-selection"}),t==="range"&&Tt("span",{className:a("k-draghandle","k-draghandle-start",S($t,{hover:f,focus:T,active:x}))}),Tt("span",{className:a("k-draghandle",`k-draghandle-${i}`,S($t,{hover:f,focus:T,active:x}))})]})]}),d&&Tt(h,{className:"k-button-increase",rounded:"full",icon:g})]})};te.states=en;te.options=tn;te.className=$t;te.defaultOptions=Ke;import{jsx as _l}from"react/jsx-runtime";var Vl="k-tick",on=[],an={},Xl={label:!1},De=e=>{let{style:t,label:o=Xl.label,orientation:r,large:n,text:i,...d}=e;return _l("li",{...d,className:a(e.className,Vl,{[`k-tick-${r}`]:r,"k-tick-large":n}),style:t,children:o&&_l("span",{className:"k-label",children:i})})};De.states=on;De.options=an;De.className=Vl;De.defaultOptions=Xl;import{Fragment as Nv,jsx as hv,jsxs as gv}from"react/jsx-runtime";import{Fragment as Sv,jsx as yv,jsxs as wv}from"react/jsx-runtime";import{Fragment as Rv,jsx as Av,jsxs as Gv}from"react/jsx-runtime";import{Fragment as Ev,jsx as Bv,jsxs as Ov}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var fa=e=>ln(te,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as sn}from"react/jsx-runtime";var ba=e=>sn(te,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{Fragment as _t,jsx as I,jsxs as B}from"react/jsx-runtime";var Fl="k-colorgradient-inputs",rn=[],nn={size:[s.small,s.medium,s.large]},Jl={mode:"rgba",size:s.medium},xt=e=>{let{mode:t=Jl.mode,size:o,...r}=e;return B("div",{...r,className:a(Fl,"k-hstack"),children:[I("div",{className:"k-vstack",children:I(h,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&B(_t,{children:[B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"B"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&B(_t,{children:[B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&B(_t,{children:[B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&B(_t,{children:[B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),B("div",{className:"k-vstack",children:[I(P,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&I(_t,{children:B("div",{className:"k-vstack k-flex-1",children:[I(ge,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),I("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};xt.states=rn;xt.options=nn;xt.className=Fl;xt.defaultOptions=Jl;import{jsx as Ze,jsxs as je}from"react/jsx-runtime";var Wl="k-colorgradient-color-contrast",dn=[],cn={},pn={},ht=()=>je("div",{className:a(Wl,"k-vbox"),children:[je("div",{className:"k-contrast-ratio",children:[Ze("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),je("span",{className:"k-contrast-validation !k-text-success",children:[Ze(y,{icon:"check"}),Ze(y,{icon:"check"})]})]}),je("div",{children:[Ze("span",{children:"AA: 4.5"}),je("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ze(y,{icon:"check"})]})]}),je("div",{children:[Ze("span",{children:"AAA: 7.0"}),je("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ze(y,{icon:"x"})]})]})]});ht.states=dn;ht.options=cn;ht.className=Wl;ht.defaultOptions=pn;import{jsx as oe,jsxs as Vt}from"react/jsx-runtime";var ho="k-colorgradient",mn=[l.hover,l.focus,l.readonly,l.disabled],un={size:[s.small,s.medium,s.large]},pe={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"},$e=e=>{let{size:t=pe.size,mode:o=pe.mode,readonly:r=pe.readonly,disabled:n=pe.disabled,gradientStyle:i=pe.gradientStyle,dragHandleStyle:d=pe.dragHandleStyle,alphaStyle:m=pe.alphaStyle,alphaStyleHorizontal:f=pe.alphaStyleHorizontal,contrast:T=pe.contrast,dir:x,hover:k,focus:c,hoverHandle:N,focusHandle:g,canvasOrientation:L=pe.canvasOrientation,...w}=e;return Vt("div",{...w,className:a(e.className,ho,v(ho,{size:t}),S(ho,{hover:k,focus:c,readonly:r,disabled:n})),dir:x,children:[!L||L==="horizontal"&&Vt("div",{className:"k-colorgradient-canvas k-hstack",children:[oe("div",{className:"k-hsv-rectangle",style:i,children:oe("div",{className:"k-hsv-gradient",children:oe("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":N,"k-focus":g}),style:d})})}),Vt("div",{className:"k-hsv-controls k-hstack",children:[oe(ba,{className:"k-hue-slider",hover:N,focus:g}),o!=="rgb"&&o!=="hsv"&&oe(ba,{className:"k-alpha-slider",hover:N,focus:g,trackStyle:m})]})]}),L==="vertical"&&Vt("div",{className:"k-colorgradient-canvas k-vstack",children:[oe("div",{className:"k-hsv-rectangle",style:i,children:oe("div",{className:"k-hsv-gradient",children:oe("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":N,"k-focus":g}),style:d})})}),Vt("div",{className:"k-hsv-controls k-vstack",children:[oe(fa,{className:"k-hue-slider",hover:N,focus:g}),o!=="rgb"&&o!=="hsv"&&oe(fa,{className:"k-alpha-slider",hover:N,focus:g,trackStyle:f})]})]}),oe(xt,{mode:e.mode,size:t}),T&&oe(ht,{})]})};$e.states=mn;$e.options=un;$e.className=ho;$e.defaultOptions=pe;import{jsx as NL}from"react/jsx-runtime";import{jsx as LL}from"react/jsx-runtime";import{jsx as fn}from"react/jsx-runtime";var Ul=e=>fn("tr",{children:e.children});import{jsx as xn}from"react/jsx-runtime";var Ta="k-colorpalette-tile",bn=[l.hover,l.focus,l.selected],Tn={},Xt=e=>{let{color:t,tileSize:o,hover:r,focus:n,selected:i,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return xn("td",{...d,className:a(e.className,Ta,S(Ta,{hover:r,focus:n,selected:i})),style:m})};Xt.states=bn;Xt.options=Tn;Xt.className=Ta;import{jsx as Ft}from"react/jsx-runtime";var No="k-colorpalette",hn=[l.disabled],Nn={size:[s.small,s.medium,s.large]},xa={columns:10,size:s.medium},Nt=e=>{let{size:t=xa.size,palette:o,columns:r=xa.columns,tileSize:n,disabled:i,...d}=e,m=[];if(o){let f=r||o.columns,T=o.colors?o.colors:o;Array.isArray(T)&&Array.from({length:Math.ceil(T.length/f)},(x,k)=>{let c=[];T.slice(k*f,(k+1)*f).map((g,L)=>{c.push(Ft(Xt,{color:g,tileSize:n},L))});let N=Ft(Ul,{children:c},k);m.push(N)})}return Ft("div",{...d,className:a(e.className,No,S(No,{disabled:i}),v(No,{size:t})),children:Ft("table",{className:"k-colorpalette-table",children:Ft("tbody",{children:m.length>0?m:e.children})})})};Nt.states=hn;Nt.options=Nn;Nt.className=No;Nt.defaultOptions=xa;var ha={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2