@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 79.5 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,"k-highlighted":t.highlighted});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"},f={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",highlighted:"highlighted"};import{Fragment as Is,jsx as Wa}from"react/jsx-runtime";var Ho="k-icon k-font-icon",Cs=[],ws={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]},Ms={},Bt=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:i,...d}=e;return r?Wa("span",{...d,className:a(e.className,Ho,v(Ho,{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"})}):Wa(Is,{})};Bt.states=Cs;Bt.options=ws;Bt.className=Ho;Bt.defaultOptions=Ms;var Ua=Bt;import{Fragment as Gs,jsx as lo}from"react/jsx-runtime";var Po="k-icon k-svg-icon",As=[],Rs={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]},qa={viewBox:"0 0 24 24"},Et=e=>{let{size:t,themeColor:o,rotate:r,flip:n,viewBox:i=qa.viewBox,icon:d,...m}=e;if(!d)return lo(Gs,{});d==="none"&&{...m,className:a(e.className,Po,"k-none")};let u=typeof d=="object"&&d.name&&d.name;return lo("span",{...m,className:a(e.className,Po,v("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),children:lo("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})})};Et.states=As;Et.options=Rs;Et.className=Po;Et.defaultOptions=qa;var zo=Et;import*as Qa from"@progress/kendo-svg-icons";import{Fragment as Ya,jsx as Ot}from"react/jsx-runtime";var Hs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ps=[],zs={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]},Bo={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{size:t,themeColor:o,icon:r,type:n=Bo.type,rotate:i,flip:d,viewBox:m=Bo.viewBox,...u}=e;if(!r)return Ot(Ya,{});if(n==="svg"){if(r==="none")return Ot(zo,{...u,icon:r,size:t});let T=Hs(`${r}-icon`);return Qa[T]?Ot(zo,{...u,icon:Qa[T],size:t,themeColor:o,rotate:i,flip:d,viewBox:m}):Ot(Ya,{})}return Ot(Ua,{...u,icon:r,size:t,themeColor:o,rotate:i,flip:d})};L.states=Ps;L.options=zs;L.defaultOptions=Bo;import{jsx as so}from"react/jsx-runtime";var Bs="k-chip-action";var Fe=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=so(L,{icon:"x-circle",size:"small"});break;case"more":r=so(L,{icon:"more-vertical",size:"small"});break;default:return so(L,{icon:t,size:"small"})}return so("span",{...o,className:a(e.className,Bs,`k-chip-${t}-action`),children:r})};import{jsx as Za}from"react/jsx-runtime";var Kt="k-avatar";var Es=[l.hover,l.focus,l.active,l.selected,l.disabled],Os={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark,p.inverse]},Je={type:"text",size:s.medium,rounded:b.full,fillMode:f.solid,themeColor:p.primary,border:!1},ct=e=>{let{size:t=Je.size,rounded:o=Je.rounded,fillMode:r=Je.fillMode,themeColor:n=Je.themeColor,type:i=Je.type,border:d=Je.border,...m}=e;return Za("div",{...m,className:a(e.className,Kt,v(Kt,{size:t,rounded:o,fillMode:r,themeColor:n}),{[`${Kt}-bordered`]:d}),children:Za("span",{className:`${Kt}-${i}`,children:e.children})})};ct.states=Es;ct.options=Os;ct.className=Kt;ct.defaultOptions=Je;import{jsx as Sc}from"react/jsx-runtime";import{jsx as Ic}from"react/jsx-runtime";import{jsx as Hc}from"react/jsx-runtime";import{jsx as pt,jsxs as $s}from"react/jsx-runtime";var ro="k-chip",Ks=[l.hover,l.focus,l.active,l.selected,l.disabled],Ds={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.outline],themeColor:[p.base,p.success,p.warning,p.error,p.info]},mt={size:s.medium,rounded:b.medium,fillMode:f.solid,themeColor:p.base,avatarImage:"/packages/html/assets/avatar.jpg"},We=e=>{let{size:t=mt.size,rounded:o=mt.rounded,fillMode:r=mt.fillMode,themeColor:n=mt.themeColor,text:i,icon:d,actions:m,showAvatar:u,avatarImage:T=mt.avatarImage,hover:x,focus:k,active:c,selected:N,disabled:g,...y}=e;return $s("div",{...y,className:a(e.className,ro,v(ro,{size:t,rounded:o,fillMode:r,themeColor:n}),S(ro,{hover:x,focus:k,active:c,disabled:g,selected:N})),children:[d&&pt(L,{className:"k-chip-icon",icon:d,size:"small"}),u&&pt(ct,{className:"k-chip-avatar",type:"image",children:pt("img",{src:T})}),pt("span",{className:"k-chip-content",children:e.children?e.children:i&&pt("span",{className:"k-chip-label",children:i})}),m&&pt("span",{className:"k-chip-actions",children:m})]})};We.states=Ks;We.options=Ds;We.className=ro;We.defaultOptions=mt;import{jsx as Xs}from"react/jsx-runtime";var Eo="k-chip-list",_s=[],Vs={size:[s.small,s.medium,s.large]},el={size:s.medium},ut=e=>{let{size:t=el.size,...o}=e;return Xs("div",{...o,className:a(e.className,Eo,v(Eo,{size:t})),children:e.children})};ut.states=_s;ut.options=Vs;ut.className=Eo;ut.defaultOptions=el;import{jsx as Qc}from"react/jsx-runtime";import{jsx as ep}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";import{jsx as dp}from"react/jsx-runtime";import{Fragment as bp,jsx as fp,jsxs as Tp}from"react/jsx-runtime";import{jsx as Ws,jsxs as Us}from"react/jsx-runtime";var no="k-grid",Fs=[],Js={size:[s.small,s.medium,s.large]},Oo={size:s.medium,pagerPosition:"bottom"},$=e=>{let{size:t=Oo.size,pagerPosition:o=Oo.pagerPosition,toolbar:r,pager:n,groupingHeader:i,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:u,...T}=e;return Us("div",{...T,className:a(e.className,no,{[`${no}-resizable`]:u},v(no,{size:t})),children:[r,o==="top"&&n,i,e.children&&m?Ws("div",{className:"k-grid-aria-root",children:e.children}):e.children,d,o==="bottom"&&n]})};$.states=Fs;$.options=Js;$.className=no;$.defaultOptions=Oo;import{jsx as Qs}from"react/jsx-runtime";var qs="k-grid-header",ae=e=>{let{draggable:t}=e;return Qs("div",{...e,className:a(e.className,qs,{"k-grid-draggable-header":t}),children:e.children})};import{jsx as tl,jsxs as Zs}from"react/jsx-runtime";var Ys="k-grouping-header",Ko=e=>{let{dropHint:t,dropClue:o,...r}=e;return Zs("div",{...r,className:a(e.className,Ys),children:[o&&tl("div",{className:"k-grouping-dropclue"}),e.children,tl("div",{className:"k-grouping-drop-container",children:t})]})};import{jsx as tr}from"react/jsx-runtime";var ol="k-data-table",js=[],er={size:[s.small,s.medium,s.large]},al={size:s.medium},Ue=e=>{let{size:t=al.size,...o}=e;return tr("div",{...o,className:a(e.className,ol,v("k-table",{size:t})),children:e.children})};Ue.states=js;Ue.options=er;Ue.className=ol;Ue.defaultOptions=al;import{jsx as _p}from"react/jsx-runtime";import{jsx as Jp}from"react/jsx-runtime";import{jsx as Qp}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var Do="k-table",or=[],ar={size:[s.small,s.medium,s.large]},lr={},re=e=>{let{size:t,...o}=e;return sr("table",{...o,className:a(e.className,Do,v(Do,{size:t})),children:e.children})};re.states=or;re.options=ar;re.className=Do;re.defaultOptions=lr;import{jsx as dr}from"react/jsx-runtime";var $o="k-table-list",rr=[],ir={size:[s.small,s.medium,s.large]},nr={},ft=e=>{let{size:t,virtualization:o,...r}=e;return dr("ul",{...r,className:a(e.className,"k-table",$o,v($o,{size:t}),{"k-virtual-table":o}),children:e.children})};ft.states=rr;ft.options=ir;ft.className=$o;ft.defaultOptions=nr;import{jsx as pr}from"react/jsx-runtime";var cr="k-table-thead",X=e=>pr("thead",{className:a(e.className,cr),children:e.children});import{jsx as ur}from"react/jsx-runtime";var mr="k-table-tbody",W=e=>ur("tbody",{className:a(e.className,mr),children:e.children});import{jsx as mm}from"react/jsx-runtime";import{jsx as br}from"react/jsx-runtime";var _o="k-table-row",fr=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],P=e=>{let{hover:t,focus:o,selected:r,highlighted:n,disabled:i,alt:d,...m}=e;return br("tr",{...m,className:a(e.className,_o,{"k-table-alt-row":d},S(_o,{hover:t,focus:o,disabled:i,selected:r,highlighted:n})),children:e.children})};P.states=fr;P.className=_o;import{jsx as hr}from"react/jsx-runtime";var Vo="k-table-row",Tr=[l.hover,l.focus,l.selected,l.disabled],co=e=>{let{hover:t,focus:o,selected:r,disabled:n,alt:i,...d}=e;return hr("li",{...d,className:a(e.className,Vo,{"k-table-alt-row":i},S(Vo,{hover:t,focus:o,disabled:n,selected:r})),children:e.children})};co.states=Tr;co.className=Vo;import{jsx as Nr}from"react/jsx-runtime";var xr="k-table-th",bt=e=>{let{text:t,colspan:o,rowspan:r,...n}=e,i=t||e.children;return Nr("th",{colSpan:o,rowSpan:r,...n,className:a(e.className,xr),children:i})};import{jsx as Sm}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var Xo="k-table-td",gr=[l.focus,l.selected,l.highlighted],G=e=>{let{focus:t,selected:o,highlighted:r,text:n,colspan:i,rowspan:d,...m}=e,u=n||e.children;return kr("td",{colSpan:i,rowSpan:d,...m,className:a(e.className,Xo,S(Xo,{focus:t,selected:o,highlighted:r})),children:u})};G.states=gr;G.className=Xo;import{jsx as Gm}from"react/jsx-runtime";import{jsx as Bm}from"react/jsx-runtime";import{jsx as Dm}from"react/jsx-runtime";import{jsx as Xm}from"react/jsx-runtime";import{jsx as Um}from"react/jsx-runtime";import{jsx as tu,jsxs as ou}from"react/jsx-runtime";import{jsx as ru,jsxs as iu}from"react/jsx-runtime";import{jsx as pu,jsxs as mu}from"react/jsx-runtime";import{Fragment as xu,jsx as Tu,jsxs as hu}from"react/jsx-runtime";import{jsx as wr}from"react/jsx-runtime";var Cr="k-grid-header-table",le=e=>wr(re,{size:"medium",...e,className:a(e.className,Cr),children:e.children});import{jsx as qe,jsxs as Fo}from"react/jsx-runtime";var Jo="k-header",Mr=[l.hover,l.focus,l.active],rl={sortIcon:"sort-asc-small"},O=e=>{let{menu:t,sortable:o,filterable:r,sticky:n,resizable:i,columnTitle:d,hover:m,focus:u,active:T,sortIcon:x=rl.sortIcon,sortOrder:k,...c}=e;return Fo(bt,{...c,className:a(e.className,Jo,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},S(Jo,{hover:m,focus:u,active:T})),children:[d&&Fo("span",{className:"k-cell-inner",children:[Fo("span",{className:"k-link",children:[qe("span",{className:"k-column-title",children:d}),o&&qe("span",{className:"k-sort-icon",children:qe(L,{icon:x})}),k&&qe("span",{className:"k-sort-order",children:k})]}),t&&qe("a",{href:"#",className:a("k-grid-header-menu",{"k-active":T,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:qe(L,{icon:t==="filter"?"filter":"more-vertical"})})]}),e.children,i&&qe("span",{className:"k-column-resizer k-touch-action-none"})]})};O.states=Mr;O.className=Jo;O.defaultOptions=rl;import{jsx as Ar}from"react/jsx-runtime";var Ir="k-grid-container",Q=e=>Ar("div",{...e,className:a(e.className,Ir),children:e.children});import{jsx as Gr}from"react/jsx-runtime";var Rr="k-grid-content",Y=e=>Gr("div",{...e,className:a(e.className,Rr),children:e.children});import{jsx as Pr}from"react/jsx-runtime";var Hr="k-grid-table",Z=e=>Pr(re,{size:"medium",...e,className:a(e.className,Hr),children:e.children});import{jsx as bf}from"react/jsx-runtime";import{jsx as kf}from"react/jsx-runtime";import{Fragment as Er,jsx as Dt,jsxs as il}from"react/jsx-runtime";var po="k-button",zr=[l.hover,l.focus,l.active,l.selected,l.disabled],Br={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark,p.inverse]},Qe={size:s.medium,rounded:b.medium,fillMode:f.solid,themeColor:p.base,showArrow:!1,arrowIconName:"caret-alt-down"},h=e=>{let{size:t=Qe.size,rounded:o=Qe.rounded,fillMode:r=Qe.fillMode,themeColor:n=Qe.themeColor,showArrow:i=Qe.showArrow,arrowIconName:d=Qe.arrowIconName,hover:m,focus:u,active:T,selected:x,disabled:k,icon:c,text:N,iconClassName:g,...y}=e,w=c!==void 0,I=e.children!==void 0;return il("button",{...y,className:a(e.className,po,v(po,{size:t,rounded:o,fillMode:r,themeColor:n}),S(po,{hover:m,focus:u,active:T,disabled:k,selected:x}),{"k-icon-button":!N&&!I&&w}),children:[c&&Dt(L,{className:a(g,"k-button-icon"),icon:c}),N?il(Er,{children:[N&&Dt("span",{className:"k-button-text",children:N}),e.children]}):e.children&&Dt("span",{className:"k-button-text",children:e.children}),i&&Dt("span",{className:"k-menu-button-arrow k-button-arrow",children:Dt(L,{icon:d})})]})};h.states=zr;h.options=Br;h.className=po;h.defaultOptions=Qe;import{jsx as Or}from"react/jsx-runtime";var mo=e=>Or(h,{icon:"folder",...e,children:void 0});import{jsx as Kr}from"react/jsx-runtime";var Wo=e=>Kr(h,{icon:"folder",children:"Button",...e});import{jsx as zf}from"react/jsx-runtime";import{jsx as _r}from"react/jsx-runtime";var uo="k-input",Dr=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],$r={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},fo={size:s.medium,rounded:s.medium,fillMode:f.solid},z=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m,size:u=fo.size,rounded:T=fo.rounded,fillMode:x=fo.fillMode,...k}=e;return _r("span",{...k,className:a(e.className,uo,v(uo,{size:u,rounded:T,fillMode:x}),S(uo,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m}))})};z.states=Dr;z.options=$r;z.className=uo;z.defaultOptions=fo;import{jsx as Fr}from"react/jsx-runtime";var bo="k-picker",Vr=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Xr={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},To={size:s.medium,rounded:b.medium,fillMode:f.solid},fe=e=>{let{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m,size:u=To.size,rounded:T=To.rounded,fillMode:x=To.fillMode,...k}=e;return Fr("span",{...k,className:a(e.className,bo,v(bo,{size:u,rounded:T,fillMode:x}),S(bo,{hover:t,focus:o,disabled:r,invalid:n,valid:i,loading:d,readonly:m})),children:e.children})};fe.states=Vr;fe.options=Xr;fe.className=bo;fe.defaultOptions=To;import{Fragment as Ur,jsx as Uo}from"react/jsx-runtime";var nl="k-clear-value",Jr=[l.disabled,l.loading,l.readonly],Wr={},be=e=>{let{disabled:t,loading:o,readonly:r,value:n}=e;return t||r||o||!n?Uo(Ur,{}):Uo("span",{className:a(e.className,nl),children:Uo(L,{icon:"x"})})};be.states=Jr;be.options=Wr;be.className=nl;import{jsx as Yr}from"react/jsx-runtime";var qo="k-input-inner",qr=[],Qr={},ho={type:"text",autocomplete:"off",value:"",placeholder:""},Te=e=>{let{value:t=ho.value,type:o=ho.type,placeholder:r=ho.placeholder,autocomplete:n=ho.autocomplete,...i}=e;return Yr("input",{...i,type:o,className:a(e.className,qo,v(qo,e)),placeholder:r,autoComplete:n,defaultValue:t})};Te.states=qr;Te.options=Qr;Te.className=qo;import{jsx as dl,jsxs as ei}from"react/jsx-runtime";var Qo="k-input-inner",Zr=[],jr={},Ye=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:n,valueIconName:i,...d}=e;return ei("span",{...d,className:a(e.className,Qo,v(Qo,e)),children:[n,!n&&i&&dl(L,{className:"k-input-value-icon",icon:i}),r&&!t&&o,r&&t&&dl("span",{className:"k-input-value-text",children:t})]})};Ye.states=Zr;Ye.options=jr;Ye.className=Qo;import{jsx as ai}from"react/jsx-runtime";var Yo="k-input-inner",ti=[],oi={},cl={value:"",placeholder:""},Zo=e=>{let{value:t=cl.value,placeholder:o=cl.placeholder,rows:r,...n}=e;return ai("textarea",{...n,className:a(e.className,Yo,v(Yo,e)),placeholder:o,rows:r,defaultValue:t})};Zo.states=ti;Zo.options=oi;Zo.className=Yo;import{Fragment as si,jsx as pl}from"react/jsx-runtime";var ml="k-input-loading-icon",li=[l.disabled,l.loading],ie=e=>{let{disabled:t,loading:o}=e;return t||!o?pl(si,{}):pl("span",{className:a(e.className,ml,"k-icon k-i-loading")})};ie.states=li;ie.className=ml;import{Fragment as ni,jsx as ul}from"react/jsx-runtime";var fl="k-input-validation-icon",ri=[l.valid,l.invalid,l.disabled,l.loading],ii={},se=e=>{let{valid:t,invalid:o,disabled:r,loading:n}=e,i=o?"warning-circle":"check-circle";return r||n||!!!(t||o)?ul(ni,{}):ul(L,{className:a(fl),icon:i})};se.states=ri;se.options=ii;se.className=fl;import{Fragment as pi,jsx as bl}from"react/jsx-runtime";var di="k-input-prefix",ci={direction:"horizontal"},ge=e=>{let{direction:t=ci.direction,...o}=e;return e.children?bl("span",{...o,className:a(di,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):bl(pi,{})};import{Fragment as fi,jsx as Tl}from"react/jsx-runtime";var mi="k-input-suffix",ui={direction:"horizontal"},ke=e=>{let{direction:t=ui.direction,...o}=e;return e.children?Tl("span",{...o,className:a(mi,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Tl(fi,{})};import{jsx as Lb}from"react/jsx-runtime";import{jsx as wb}from"react/jsx-runtime";import{jsx as Ti}from"react/jsx-runtime";var hl="k-input-separator",bi={direction:"vertical"},Ce=e=>{let{direction:t=bi.direction,...o}=e;return Ti("span",{...o,className:a(hl,e.className,{[`${hl}-${t}`]:t})})};import{jsx as xl}from"react/jsx-runtime";var Nl="k-animation-container",hi=[],xi={},gl={positionMode:"absolute"},Pe=e=>{let{positionMode:t=gl.positionMode,animationStyle:o,offset:r,...n}=e;return xl("div",{...n,style:{...r,...e.style},className:a(e.className,Nl,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:xl("div",{className:"k-child-animation-container",style:o,children:e.children})})};Pe.states=hi;Pe.options=xi;Pe.className=Nl;Pe.defaultOptions=gl;import{jsx as kl}from"react/jsx-runtime";var vl="k-popup",Ni=[],gi={},Ll={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Ll.positionMode,animationStyle:r,...n}=e;return kl(Pe,{positionMode:o,offset:t,animationStyle:r,children:kl("div",{...n,className:a(e.className,vl),children:e.children})})};F.states=Ni;F.options=gi;F.className=vl;F.defaultOptions=Ll;import{jsx as Li}from"react/jsx-runtime";var xo="k-actions",ki=[],vi={},jo={alignment:"start",orientation:"horizontal"},ze=e=>{let{alignment:t=jo.alignment,orientation:o=jo.orientation,...r}=e;return Li("div",{...r,className:a(xo,{[`${xo}-${t}`]:t,[`${xo}-${o}`]:o},e.className),children:e.children})};ze.states=ki;ze.options=vi;ze.className=xo;ze.defaultOptions=jo;import{jsx as Si}from"react/jsx-runtime";var yi="k-actionsheet-footer",yl={alignment:"stretched",orientation:"horizontal"},$t=e=>{let{alignment:t=yl.alignment,orientation:o=yl.orientation,template:r,as:n=r?"div":ze,...i}=e;return Si(n,{...i,...!r&&{alignment:t,orientation:o},className:a(e.className,yi),children:e.children})};import{jsx as _t,jsxs as Mi}from"react/jsx-runtime";var Sl="k-searchbox",Ci=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],wi={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},ea={showIcon:!0,icon:"search",size:z.defaultOptions.size,rounded:z.defaultOptions.rounded,fillMode:z.defaultOptions.fillMode},we=e=>{let{value:t,placeholder:o,size:r,rounded:n,fillMode:i,hover:d,focus:m,valid:u,invalid:T,required:x,loading:k,disabled:c,showIcon:N=ea.showIcon,icon:g=ea.icon,...y}=e;return Mi(z,{...y,size:r,rounded:n,fillMode:i,hover:d,focus:m,valid:u,invalid:T,required:x,loading:k,disabled:c,className:a(e.className,Sl),children:[N&&_t(L,{className:"k-input-icon",icon:g}),_t(Te,{placeholder:o,value:t}),_t(ie,{...e}),_t(se,{...e}),_t(be,{...e})]})};we.states=Ci;we.options=wi;we.className=Sl;we.defaultOptions=ea;import{jsx as gT}from"react/jsx-runtime";import{Fragment as Cl,jsx as Be,jsxs as ta}from"react/jsx-runtime";var wl="k-textbox",Ii=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ai={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},Ze={showClearButton:!0,showValidationIcon:!0,size:z.defaultOptions.size,rounded:z.defaultOptions.rounded,fillMode:z.defaultOptions.fillMode,separators:!0},ve=e=>{let{size:t=Ze.size,rounded:o=Ze.rounded,fillMode:r=Ze.fillMode,separators:n=Ze.separators,showClearButton:i=Ze.showClearButton,showValidationIcon:d=Ze.showValidationIcon,prefix:m,suffix:u,type:T,value:x,placeholder:k,hover:c,focus:N,valid:g,invalid:y,required:w,loading:I,disabled:H,readonly:V,...U}=e;return ta(z,{...U,size:t,rounded:o,fillMode:r,hover:c,focus:N,valid:g,invalid:y,required:w,loading:I,disabled:H,readonly:V,className:a(e.className,wl),children:[m&&ta(Cl,{children:[Be(ge,{children:m}),n&&Be(Ce,{})]}),Be(Te,{placeholder:k,value:x,type:T}),d&&Be(se,{valid:g,invalid:y,loading:I,disabled:H}),Be(ie,{loading:I,disabled:H}),i&&Be(be,{loading:I,disabled:H,readonly:V,value:x}),u&&ta(Cl,{children:[n&&Be(Ce,{}),Be(ke,{children:u})]})]})};ve.states=Ii;ve.options=Ai;ve.className=wl;ve.defaultOptions=Ze;import{jsx as RT}from"react/jsx-runtime";import{Fragment as ET,jsx as BT}from"react/jsx-runtime";import{Fragment as XT,jsx as VT}from"react/jsx-runtime";import{jsx as Ee,jsxs as oa}from"react/jsx-runtime";var Il="k-actionsheet-titlebar",Ri={},ne=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:n,filter:i,input:d,inputValue:m,inputPlaceholder:u,adaptive:T,children:x,...k}=e;return oa("div",{...k,className:a(e.className,Il),children:[oa("div",{className:"k-actionsheet-titlebar-group",children:[r&&Ee("div",{className:"k-actionsheet-actions",children:r}),!x&&oa("div",{className:"k-actionsheet-title",children:[t&&Ee("div",{className:"k-text-center",children:t}),o&&Ee("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Ee("div",{className:"k-actionsheet-title",children:x}),n&&Ee("div",{className:"k-actionsheet-actions",children:n})]}),(d||i)&&Ee("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ee(ve,{value:m,placeholder:u,size:T?"large":"medium"}):Ee(we,{placeholder:"Filter",size:T?"large":"medium"})})]})};ne.className=Il;ne.defaultOptions=Ri;import{jsx as aa,jsxs as zi}from"react/jsx-runtime";var la="k-actionsheet-view",Gi=[],Hi={},Pi={},Tt=e=>{let{adaptive:t,animated:o,children:r,header:n,footer:i,...d}=e,m=n?.type===ne&&aa(ne,{adaptive:t,...n?.props}),u=i?.type===$t&&aa($t,{...i?.props});return zi("div",{...d,className:a(e.className,la,{[`${la}-animated`]:o}),children:[m,aa("div",{className:"k-actionsheet-content",children:r}),u]})};Tt.states=Gi;Tt.options=Hi;Tt.className=la;Tt.defaultOptions=Pi;import{jsx as No,jsxs as Oi}from"react/jsx-runtime";var Al="k-actionsheet",Bi=[],Ei={},Vt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=Vt.side,fullscreen:o=Vt.fullscreen,adaptive:r=Vt.adaptive,overlay:n=Vt.overlay,template:i,children:d,header:m,footer:u,...T}=e;return Oi("div",{className:"k-actionsheet-container",children:[n&&No("div",{className:"k-overlay"}),No(Pe,{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:No("div",{...T,className:a(e.className,Al,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:i||No(Tt,{header:m,footer:u,adaptive:r,...e,children:d})})})]})};he.states=Bi;he.options=Ei;he.className=Al;he.defaultOptions=Vt;import{jsx as fh}from"react/jsx-runtime";import{Fragment as Di,jsx as Xt,jsxs as sa}from"react/jsx-runtime";var ra="k-actionsheet-item",Ki=[l.hover,l.focus,l.selected,l.disabled],ia=e=>{let{iconName:t,text:o,description:r,hover:n,focus:i,selected:d,disabled:m,...u}=e;return sa("span",{...u,className:a(e.className,ra,S(ra,{hover:n,focus:i,selected:d,disabled:m})),children:[!e.children&&Xt(Di,{children:sa("span",{className:"k-actionsheet-action",children:[t&&Xt("span",{className:"k-icon-wrap",children:Xt(L,{className:"k-actionsheet-item-icon",icon:t})}),sa("span",{className:"k-actionsheet-item-text",children:[o&&Xt("span",{className:"k-actionsheet-item-title",children:o}),r&&Xt("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};ia.states=Ki;ia.className=ra;import{jsx as Lh,jsxs as yh}from"react/jsx-runtime";import{jsx as Mh}from"react/jsx-runtime";import{jsx as Gh}from"react/jsx-runtime";import{jsx as Bh}from"react/jsx-runtime";import{jsx as _i}from"react/jsx-runtime";var $i="k-no-data",Ft=e=>_i("span",{className:a($i,e.className),children:e.children});import{jsx as ht,jsxs as Gl}from"react/jsx-runtime";var na="k-list",Vi=[],Xi={size:[s.small,s.medium,s.large]},Hl={size:s.medium},B=e=>{let{size:t=Hl.size,virtualization:o,children:r,optionLabel:n,customValue:i,screenReaders:d,...m}=e,u,T,x,k,c=[];return r?r.map((N,g)=>{N.type===J?(N.props.root===!0?(u=N.props.label,N.props.children.map((y,w)=>{c.push(ht(M,{...y.props},`optChild-${w}-${new Date().getTime()}`))})):N.props.children.forEach((y,w)=>{let I="";w===0&&(I=N.props.label),c.push(ht(M,{className:w===0?"k-first":"",...y.props,groupLabel:I},`groupLabel-${w}-${new Date().getTime()}`))}),T=ht(J,{label:u,virtualization:o,children:c})):N.type===M&&(c.push(ht(M,{...N.props},`${N.type}-${g}`)),x=ht(xt,{virtualization:o,children:c}),d&&(k=Gl(Ft,{className:"k-sr-only",children:[c.length," items found."]})))}):k=ht(Ft,{children:"No data found."}),Gl("div",{...m,className:a(e.className,na,v(na,{size:t}),{"k-virtual-list":o}),children:[n,i,T,x,k]})};B.states=Vi;B.options=Xi;B.className=na;B.defaultOptions=Hl;import{jsx as je,jsxs as Wi}from"react/jsx-runtime";var da="k-list",Fi=[],Ji={size:[s.small,s.medium,s.large]},Pl={size:s.medium},et=e=>{let{size:t=Pl.size,virtualization:o,children:r,...n}=e,i,d,m,u=[];return r?r.map((T,x)=>{T.type===J?(T.props.root===!0?(i=T.props.label,T.props.children.map((k,c)=>{u.push(je(M,{...k.props},`optChild-${c}-${new Date().getTime()}`))})):(u.push(je(zl,{...T.props,children:T.props.label},`listChild-${x}`)),T.props.children.map((k,c)=>{u.push(je(M,{...k.props},`fwOptChild-${c}-${new Date().getTime()}`))})),d=je(J,{label:i,virtualization:o,children:u})):T.type===M&&(u.push(je(M,{...T.props},`${T.type}-${x}`)),m=je(xt,{virtualization:o,children:u}))}):m=je(Ft,{children:"No data found."}),Wi("div",{...n,className:a(e.className,da,v(da,{size:t}),{"k-virtual-list":o}),children:[d,m]})};et.states=Fi;et.options=Ji;et.className=da;et.defaultOptions=Pl;import{jsx as Bl}from"react/jsx-runtime";var go="k-checkbox",Ui=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],qi={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full]},ca={size:s.medium,rounded:b.medium},Me=e=>{let{id:t,checked:o,indeterminate:r,hover:n,focus:i,disabled:d,invalid:m,valid:u,required:T,size:x=ca.size,rounded:k=ca.rounded,...c}=e;return Bl("span",{className:"k-checkbox-wrap",children:Bl("input",{...c,id:t,type:"checkbox",defaultChecked:o,required:T,className:a(e.className,go,v(go,{size:x,rounded:k}),S(go,{hover:n,focus:i,disabled:d,invalid:m,valid:u,indeterminate:r,checked:o}))})})};Me.states=Ui;Me.options=qi;Me.className=go;Me.defaultOptions=ca;import{jsx as Zi}from"react/jsx-runtime";var El="k-checkbox-list",Qi=[],Yi={},Ol={layout:"vertical"},Nt=e=>{let{layout:t=Ol.layout,...o}=e;return Zi("ul",{...o,className:a(e.className,El,{[`k-list-${t}`]:t}),children:e.children})};Nt.states=Qi;Nt.options=Yi;Nt.className=El;Nt.defaultOptions=Ol;import{jsx as on}from"react/jsx-runtime";var Kl="k-checkbox-list-item",ji=[],en={},tn={},gt=e=>{let{...t}=e;return on("li",{...t,className:a(e.className,Kl),children:e.children})};gt.states=ji;gt.options=en;gt.className=Kl;gt.defaultOptions=tn;import{Fragment as vx,jsx as kx,jsxs as Lx}from"react/jsx-runtime";import{Fragment as Mx,jsx as wx,jsxs as Ix}from"react/jsx-runtime";import{Fragment as Px,jsx as Hx,jsxs as zx}from"react/jsx-runtime";import{Fragment as Dx,jsx as Kx,jsxs as $x}from"react/jsx-runtime";import{jsx as Fx}from"react/jsx-runtime";import{jsx as qx}from"react/jsx-runtime";import{jsx as ko,jsxs as rn}from"react/jsx-runtime";var ma="k-list-item",an=[l.hover,l.focus,l.selected,l.disabled],ln={},sn={},M=e=>{let{text:t,groupLabel:o,group:r,showIcon:n,iconName:i,showCheckbox:d,checked:m,hover:u,focus:T,selected:x,disabled:k,...c}=e,N=t||e.children;return rn("li",{...c,className:a(e.className,r?"k-list-group-item":ma,S(ma,{hover:u,focus:T,disabled:k,selected:x})),children:[d&&ko(Me,{checked:m}),n&&ko(L,{icon:i}),ko("span",{className:"k-list-item-text",children:N}),o&&o!==""&&ko("div",{className:"k-list-item-group-label",children:o})]})};M.states=an;M.options=ln;M.className=ma;M.defaultOptions=sn;import{jsx as ua,jsxs as dn}from"react/jsx-runtime";var nn="k-list-content",xt=e=>{let{virtualization:t,...o}=e;return dn("div",{...o,className:a(nn,e.className),children:[ua("ul",{className:a("k-list-ul"),children:e.children}),t&&ua("div",{className:"k-height-container",children:ua("div",{})})]})};import{jsx as Dl}from"react/jsx-runtime";var cn="k-list-group-sticky-header",$l=e=>Dl("div",{className:a(cn,e.className),children:Dl("div",{className:"k-list-header-text",children:e.children})});import{Fragment as pn,jsx as _l,jsxs as mn}from"react/jsx-runtime";var J=e=>{let{virtualization:t,label:o}=e;return mn(pn,{children:[o&&_l($l,{children:o}),e.children&&_l(xt,{virtualization:t,children:e.children})]})};import{jsx as Vl}from"react/jsx-runtime";var un="k-list-group-item",zl=e=>Vl("li",{className:a(un,e.className),children:Vl("span",{className:"k-list-item-text",children:e.children})});import{jsx as hn}from"react/jsx-runtime";var fa="k-list-optionlabel",fn=[l.hover,l.focus,l.selected,l.disabled],bn={},Tn={},vo=e=>{let{text:t,hover:o,focus:r,selected:n,disabled:i,...d}=e;return hn("div",{...d,className:a(fa,S(fa,{hover:o,focus:r,selected:n,disabled:i})),children:t})};vo.states=fn;vo.options=bn;vo.className=fa;vo.defaultOptions=Tn;import{jsx as kn}from"react/jsx-runtime";var ba="k-list-custom-value",xn=[l.hover,l.focus,l.selected,l.disabled],Nn={},gn={},Oe=e=>{let{text:t,hover:o,focus:r,selected:n,disabled:i,...d}=e;return kn("div",{...d,className:a(ba,S(ba,{hover:o,focus:r,selected:n,disabled:i})),children:t})};Oe.states=xn;Oe.options=Nn;Oe.className=ba;Oe.defaultOptions=gn;import{jsx as GN}from"react/jsx-runtime";import{jsx as BN}from"react/jsx-runtime";import{jsx as DN,jsxs as $N}from"react/jsx-runtime";import{jsx as FN,jsxs as JN}from"react/jsx-runtime";import{jsx as QN}from"react/jsx-runtime";import{jsx as eg,jsxs as tg}from"react/jsx-runtime";import{jsx as sg,jsxs as rg}from"react/jsx-runtime";import{Fragment as yn,jsx as j,jsxs as Ta}from"react/jsx-runtime";var Xl="k-dropdownlist",vn=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ln={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},kt={showValue:!0,arrowIconName:"caret-alt-down",size:s.medium,rounded:b.medium,fillMode:f.solid},xe=e=>{let{size:t=kt.size,rounded:o=kt.rounded,fillMode:r=kt.fillMode,arrowIconName:n=kt.arrowIconName,showValue:i=kt.showValue,valueIconName:d,prefix:m,suffix:u,value:T,placeholder:x,hover:k,focus:c,valid:N,invalid:g,required:y,loading:w,disabled:I,readonly:H,popup:V,opened:U,adaptive:Pt,adaptiveSettings:zt,adaptiveTitle:Ro,adaptiveSubtitle:Go,adaptiveFilter:ys,...Ss}=e;return Ta(yn,{children:[Ta(fe,{...Ss,size:t,rounded:o,fillMode:r,hover:k,focus:c,valid:N,invalid:g,required:y,loading:w,disabled:I,readonly:H,className:a(e.className,Xl,{"k-icon-picker":!i&&d}),children:[j(ge,{children:m}),j(Ye,{placeholder:x,value:T,showValue:i,valueIconName:d}),j(se,{valid:N,invalid:g,loading:w,disabled:I}),j(ie,{loading:w,disabled:I}),j(ke,{children:u}),j(h,{className:"k-input-button",icon:n,rounded:null,size:e.size,fillMode:e.fillMode})]}),U&&V&&j(F,{className:"k-list-container k-dropdownlist-popup",children:V}),Pt&&j(he,{adaptive:!0,...zt,header:j(ne,{actionsEnd:j(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:ys,inputValue:T,inputPlaceholder:x,title:Ro,subtitle:Go}),children:j("div",{className:"k-list-container",children:Ta(B,{size:"large",children:[j(M,{text:"List item"}),j(M,{text:"List item"}),j(M,{text:"List item"})]})})})]})};xe.states=vn;xe.options=Ln;xe.className=Xl;xe.defaultOptions=kt;import{jsx as Bg}from"react/jsx-runtime";import{jsx as $g,jsxs as _g}from"react/jsx-runtime";import{Fragment as Qg,jsx as Ug,jsxs as qg}from"react/jsx-runtime";import{jsx as ek}from"react/jsx-runtime";import{jsx as sk,jsxs as rk}from"react/jsx-runtime";import{jsx as pk,jsxs as mk}from"react/jsx-runtime";import{Fragment as gk,jsx as xk,jsxs as Nk}from"react/jsx-runtime";import{Fragment as Mk,jsx as Ck,jsxs as wk}from"react/jsx-runtime";import{jsx as Fl,jsxs as wn}from"react/jsx-runtime";var Jl="k-spin-button",Sn=[],Cn={size:[s.small,s.medium,s.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},ha={size:s.medium,fillMode:f.solid},vt=e=>{let{size:t=ha.size,fillMode:o=ha.fillMode,...r}=e;return wn("span",{...r,className:a(Jl,e.className),children:[Fl(h,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Fl(h,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};vt.states=Sn;vt.options=Cn;vt.className=Jl;vt.defaultOptions=ha;import{Fragment as Wl,jsx as Ie,jsxs as xa}from"react/jsx-runtime";var Ul="k-numerictextbox",Mn=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],In={size:[s.small,s.medium,s.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},ot={showSpinButton:!0,showClearButton:!0,size:z.defaultOptions.size,rounded:z.defaultOptions.rounded,fillMode:z.defaultOptions.fillMode,separators:!0},E=e=>{let{size:t=ot.size,rounded:o=ot.rounded,fillMode:r=ot.fillMode,separators:n=ot.separators,showClearButton:i=ot.showClearButton,showSpinButton:d=ot.showSpinButton,prefix:m,suffix:u,value:T,placeholder:x,hover:k,focus:c,valid:N,invalid:g,required:y,loading:w,disabled:I,readonly:H,...V}=e;return xa(z,{...V,size:t,rounded:o,fillMode:r,hover:k,focus:c,valid:N,invalid:g,required:y,loading:w,disabled:I,readonly:H,className:a(e.className,Ul),children:[m&&xa(Wl,{children:[Ie(ge,{children:m}),n&&Ie(Ce,{})]}),Ie(Te,{placeholder:x,value:T}),Ie(se,{valid:N,invalid:g,loading:w,disabled:I}),Ie(ie,{loading:w,disabled:I}),i&&Ie(be,{loading:w,disabled:I,readonly:H,value:T}),u&&xa(Wl,{children:[n&&Ie(Ce,{}),Ie(ke,{children:u})]}),d&&Ie(vt,{className:"k-input-spinner",size:t,fillMode:r})]})};E.states=Mn;E.options=In;E.className=Ul;E.defaultOptions=ot;import{jsx as jk}from"react/jsx-runtime";import{Fragment as sv,jsx as lv}from"react/jsx-runtime";import{Fragment as mv,jsx as pv}from"react/jsx-runtime";import{Fragment as Ql,jsx as ee,jsxs as Lt}from"react/jsx-runtime";var Lo="k-pager",An=[l.focus,l.disabled],Rn={size:[s.small,s.medium,s.large]},te={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},Ke=e=>{let{responsive:t=te.responsive,size:o=te.size,pagerSizeInfo:r=te.pagerSizeInfo,pageTitleInfo:n=te.pageTitleInfo,maxPagesInfo:i=te.maxPagesInfo,itemsPerPage:d=te.itemsPerPage,maxPages:m=te.maxPages,currentPage:u=te.currentPage,previousNext:T=te.previousNext,type:x=te.type,pageSizes:k=te.pageSizes,refresh:c=te.refresh,info:N=te.info,focus:g,disabled:y,dir:w,...I}=e,H=[],V=[];for(let U=1;U<=m;U++)H.push(ee(h,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:U})),V.push(ee("option",{selected:U===u,children:U}));return Lt("div",{dir:w,...I,className:a(e.className,Lo,v(Lo,{size:o}),S(Lo,{focus:g,disabled:y}),{"k-pager-responsive":t}),children:[Lt("div",{className:a("k-pager-numbers-wrap"),children:[T&&Lt(Ql,{children:[ee(h,{className:a("k-pager-nav","k-pager-first"),disabled:u===1&&!y,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),ee(h,{className:a("k-pager-nav"),disabled:u===1&&!y,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-right":"caret-alt-left"})]}),x==="numeric"&&ee("div",{className:a("k-pager-numbers"),children:H}),x==="input"&&Lt("span",{className:a("k-pager-input"),children:[n&&ee("span",{children:"Page"}),ee(E,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),ee("span",{children:i&&`of ${m}`})]}),T&&Lt(Ql,{children:[ee(h,{className:a("k-pager-nav"),disabled:u===m&&!y,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-left":"caret-alt-right"}),ee(h,{className:a("k-pager-nav","k-pager-last"),disabled:u===m&&!y,fillMode:"flat",size:o,rounded:null,icon:w==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),k&&Lt("span",{className:a("k-pager-sizes"),children:[ee(xe,{value:`${d}`,size:o}),r&&ee("span",{children:"items per page"})]}),c&&ee(h,{className:a("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),N&&ee("span",{className:a("k-pager-info"),children:N})]})};Ke.states=An;Ke.options=Rn;Ke.className=Lo;Ke.defaultOptions=te;import{jsx as wv}from"react/jsx-runtime";import{jsx as Rv}from"react/jsx-runtime";import{jsx as zv}from"react/jsx-runtime";import{jsx as Jv}from"react/jsx-runtime";import{jsx as Pn}from"react/jsx-runtime";var Jt="k-button-group",Gn=[l.disabled],Hn={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},Yl={fillMode:f.solid},K=e=>{let{fillMode:t=Yl.fillMode,disabled:o,stretched:r,...n}=e;return Pn("div",{...n,className:a(e.className,Jt,v(Jt,{fillMode:t}),S(Jt,{disabled:o}),{[`${Jt}-stretched`]:r}),children:e.children})};K.states=Gn;K.options=Hn;K.className=Jt;K.defaultOptions=Yl;import{Fragment as tL,jsx as eL,jsxs as oL}from"react/jsx-runtime";import{Fragment as nL,jsx as iL,jsxs as dL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL,jsxs as TL}from"react/jsx-runtime";import{Fragment as vL,jsx as kL,jsxs as LL}from"react/jsx-runtime";import{jsx as Zl,jsxs as En}from"react/jsx-runtime";var jl="k-color-preview",zn=[],Bn={},De=e=>{let{color:t,iconName:o,...r}=e;return En("span",{...r,className:a(e.className,jl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Zl(L,{icon:o,className:"k-color-preview-icon"}),Zl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};De.states=zn;De.options=Bn;De.className=jl;import{jsx as yt,jsxs as Na}from"react/jsx-runtime";var Wt="k-slider",On=[l.hover,l.focus,l.active,l.disabled,l.readonly],Kn={},$e={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},de=e=>{let{type:t=$e.type,orientation:o=$e.orientation,readonly:r=$e.readonly,disabled:n=$e.disabled,handlePosition:i=$e.handlePosition,showButtons:d=$e.showButtons,showTicks:m=$e.showTicks,hover:u,focus:T,active:x,trackStyle:k,dir:c,...N}=e,g,y;return o==="horizontal"?(g=c==="rtl"?"caret-alt-left":"caret-alt-right",y=c==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(g="caret-alt-up",y="caret-alt-down"),Na("div",{...N,className:a(Wt,e.className,S(Wt,{readonly:r,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:c,children:[d&&yt(h,{className:"k-button-decrease",rounded:"full",icon:y}),Na("div",{className:"k-slider-track-wrap",children:[m&&yt("ul",{className:"k-reset k-slider-items",children:e.children}),Na("div",{className:"k-slider-track",style:k,children:[yt("div",{className:"k-slider-selection"}),t==="range"&&yt("span",{className:a("k-draghandle","k-draghandle-start",S(Wt,{hover:u,focus:T,active:x}))}),yt("span",{className:a("k-draghandle",`k-draghandle-${i}`,S(Wt,{hover:u,focus:T,active:x}))})]})]}),d&&yt(h,{className:"k-button-increase",rounded:"full",icon:g})]})};de.states=On;de.options=Kn;de.className=Wt;de.defaultOptions=$e;import{jsx as es}from"react/jsx-runtime";var ts="k-tick",Dn=[],$n={},os={label:!1},_e=e=>{let{style:t,label:o=os.label,orientation:r,large:n,text:i,...d}=e;return es("li",{...d,className:a(e.className,ts,{[`k-tick-${r}`]:r,"k-tick-large":n}),style:t,children:o&&es("span",{className:"k-label",children:i})})};_e.states=Dn;_e.options=$n;_e.className=ts;_e.defaultOptions=os;import{Fragment as WL,jsx as JL,jsxs as UL}from"react/jsx-runtime";import{Fragment as jL,jsx as ZL,jsxs as ey}from"react/jsx-runtime";import{Fragment as sy,jsx as ly,jsxs as ry}from"react/jsx-runtime";import{Fragment as py,jsx as cy,jsxs as my}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var ga=e=>_n(de,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Vn}from"react/jsx-runtime";var ka=e=>Vn(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{Fragment as Ut,jsx as A,jsxs as D}from"react/jsx-runtime";var as="k-colorgradient-inputs",Xn=[],Fn={size:[s.small,s.medium,s.large]},ls={mode:"rgba",size:s.medium},St=e=>{let{mode:t=ls.mode,size:o,...r}=e;return D("div",{...r,className:a(as,"k-hstack"),children:[A("div",{className:"k-vstack",children:A(h,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&D(Ut,{children:[D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"B"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&D(Ut,{children:[D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&D(Ut,{children:[D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&D(Ut,{children:[D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),D("div",{className:"k-vstack",children:[A(E,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&A(Ut,{children:D("div",{className:"k-vstack k-flex-1",children:[A(ve,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),A("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};St.states=Xn;St.options=Fn;St.className=as;St.defaultOptions=ls;import{jsx as at,jsxs as lt}from"react/jsx-runtime";var ss="k-colorgradient-color-contrast",Jn=[],Wn={},Un={},Ct=()=>lt("div",{className:a(ss,"k-vbox"),children:[lt("div",{className:"k-contrast-ratio",children:[at("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),lt("span",{className:"k-contrast-validation !k-text-success",children:[at(L,{icon:"check"}),at(L,{icon:"check"})]})]}),lt("div",{children:[at("span",{children:"AA: 4.5"}),lt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",at(L,{icon:"check"})]})]}),lt("div",{children:[at("span",{children:"AAA: 7.0"}),lt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",at(L,{icon:"x"})]})]})]});Ct.states=Jn;Ct.options=Wn;Ct.className=ss;Ct.defaultOptions=Un;import{jsx as ce,jsxs as qt}from"react/jsx-runtime";var yo="k-colorgradient",qn=[l.hover,l.focus,l.readonly,l.disabled],Qn={size:[s.small,s.medium,s.large]},Ne={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"},Ve=e=>{let{size:t=Ne.size,mode:o=Ne.mode,readonly:r=Ne.readonly,disabled:n=Ne.disabled,gradientStyle:i=Ne.gradientStyle,dragHandleStyle:d=Ne.dragHandleStyle,alphaStyle:m=Ne.alphaStyle,alphaStyleHorizontal:u=Ne.alphaStyleHorizontal,contrast:T=Ne.contrast,dir:x,hover:k,focus:c,hoverHandle:N,focusHandle:g,canvasOrientation:y=Ne.canvasOrientation,...w}=e;return qt("div",{...w,className:a(e.className,yo,v(yo,{size:t}),S(yo,{hover:k,focus:c,readonly:r,disabled:n})),dir:x,children:[!y||y==="horizontal"&&qt("div",{className:"k-colorgradient-canvas k-hstack",children:[ce("div",{className:"k-hsv-rectangle",style:i,children:ce("div",{className:"k-hsv-gradient",children:ce("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":N,"k-focus":g}),style:d})})}),qt("div",{className:"k-hsv-controls k-hstack",children:[ce(ka,{className:"k-hue-slider",hover:N,focus:g}),o!=="rgb"&&o!=="hsv"&&ce(ka,{className:"k-alpha-slider",hover:N,focus:g,trackStyle:m})]})]}),y==="vertical"&&qt("div",{className:"k-colorgradient-canvas k-vstack",children:[ce("div",{className:"k-hsv-rectangle",style:i,children:ce("div",{className:"k-hsv-gradient",children:ce("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":N,"k-focus":g}),style:d})})}),qt("div",{className:"k-hsv-controls k-vstack",children:[ce(ga,{className:"k-hue-slider",hover:N,focus:g}),o!=="rgb"&&o!=="hsv"&&ce(ga,{className:"k-alpha-slider",hover:N,focus:g,trackStyle:u})]})]}),ce(St,{mode:e.mode,size:t}),T&&ce(Ct,{})]})};Ve.states=qn;Ve.options=Qn;Ve.className=yo;Ve.defaultOptions=Ne;import{jsx as Wy}from"react/jsx-runtime";import{jsx as Yy}from"react/jsx-runtime";import{jsx as Yn}from"react/jsx-runtime";var rs=e=>Yn("tr",{children:e.children});import{jsx as ed}from"react/jsx-runtime";var va="k-colorpalette-tile",Zn=[l.hover,l.focus,l.selected],jn={},Qt=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 ed("td",{...d,className:a(e.className,va,S(va,{hover:r,focus:n,selected:i})),style:m})};Qt.states=Zn;Qt.options=jn;Qt.className=va;import{jsx as Yt}from"react/jsx-runtime";var So="k-colorpalette",td=[l.disabled],od={size:[s.small,s.medium,s.large]},La={columns:10,size:s.medium},wt=e=>{let{size:t=La.size,palette:o,columns:r=La.columns,tileSize:n,disabled:i,...d}=e,m=[];if(o){let u=r||o.columns,T=o.colors?o.colors:o;Array.isArray(T)&&Array.from({length:Math.ceil(T.length/u)},(x,k)=>{let c=[];T.slice(k*u,(k+1)*u).map((g,y)=>{c.push(Yt(Qt,{color:g,tileSize:n},y))});let N=Yt(rs,{children:c},k);m.push(N)})}return Yt("div",{...d,className:a(e.className,So,S(So,{disabled:i}),v(So,{size:t})),children:Yt("table",{className:"k-colorpalette-table",children:Yt("tbody",{children:m.length>0?m:e.children})})})};wt.states=td;wt.options=od;wt.className=So;wt.defaultOptions=La;var ya={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",