@progress/kendo-themes-html/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>s({[`${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)=>s({"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 r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted"};import{Fragment as pn,jsx as Ba}from"react/jsx-runtime";var go="k-icon k-font-icon",nn=[],rn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},ln={},vt=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:l,...p}=e;return n?Ba("span",{...p,className:s(e.className,go,I(go,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):Ba(pn,{})};vt.states=nn;vt.options=rn;vt.className=go;vt.defaultOptions=ln;var za=vt;import{Fragment as mn,jsx as Ft}from"react/jsx-runtime";var vo="k-icon k-svg-icon",cn=[],dn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},wa={viewBox:"0 0 24 24"},St=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:l=wa.viewBox,icon:p,...m}=e;if(!p)return Ft(mn,{});p==="none"&&{...m,className:s(e.className,vo,"k-none")};let u=typeof p=="object"&&p.name&&p.name;return Ft("span",{...m,className:s(e.className,vo,I("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:Ft("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};St.states=cn;St.options=dn;St.className=vo;St.defaultOptions=wa;var So=St;import*as Ea from"@progress/kendo-svg-icons";import{Fragment as Oa,jsx as Lt}from"react/jsx-runtime";var un=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),fn=[],bn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Lo={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{size:t,themeColor:o,icon:n,type:i=Lo.type,rotate:l,flip:p,viewBox:m=Lo.viewBox,...u}=e;if(!n)return Lt(Oa,{});if(i==="svg"){if(n==="none")return Lt(So,{...u,icon:n,size:t});let b=un(`${n}-icon`);return Ea[b]?Lt(So,{...u,icon:Ea[b],size:t,themeColor:o,rotate:l,flip:p,viewBox:m}):Lt(Oa,{})}return Lt(za,{...u,icon:n,size:t,themeColor:o,rotate:l,flip:p})};M.states=fn;M.options=bn;M.defaultOptions=Lo;import{Fragment as Nn,jsx as Mt,jsxs as Ka}from"react/jsx-runtime";var Ut="k-button",hn=[a.hover,a.focus,a.active,a.selected,a.disabled],xn={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Ge={size:r.medium,rounded:x.medium,fillMode:f.solid,themeColor:h.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{size:t=Ge.size,rounded:o=Ge.rounded,fillMode:n=Ge.fillMode,themeColor:i=Ge.themeColor,showArrow:l=Ge.showArrow,arrowIconName:p=Ge.arrowIconName,hover:m,focus:u,active:b,selected:N,disabled:v,icon:c,text:k,iconClassName:g,...L}=e,C=c!==void 0,P=e.children!==void 0;return Ka("button",{...L,className:s(e.className,Ut,I(Ut,{size:t,rounded:o,fillMode:n,themeColor:i}),S(Ut,{hover:m,focus:u,active:b,disabled:v,selected:N}),{"k-icon-button":!k&&!P&&C}),children:[c&&Mt(M,{className:s(g,"k-button-icon"),icon:c}),k?Ka(Nn,{children:[k&&Mt("span",{className:"k-button-text",children:k}),e.children]}):e.children&&Mt("span",{className:"k-button-text",children:e.children}),l&&Mt("span",{className:"k-menu-button-arrow k-button-arrow",children:Mt(M,{icon:p})})]})};d.states=hn;d.options=xn;d.className=Ut;d.defaultOptions=Ge;import{jsx as kn}from"react/jsx-runtime";var Xt=e=>kn(d,{icon:"folder",...e,children:void 0});import{jsx as gn}from"react/jsx-runtime";var Mo=e=>gn(d,{icon:"folder",children:"Button",...e});import{jsx as Ap}from"react/jsx-runtime";import{jsx as Ln}from"react/jsx-runtime";var It="k-button-group",vn=[a.disabled],Sn={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},Ra={fillMode:f.solid},w=e=>{let{fillMode:t=Ra.fillMode,disabled:o,stretched:n,...i}=e;return Ln("div",{...i,className:s(e.className,It,I(It,{fillMode:t}),S(It,{disabled:o}),{[`${It}-stretched`]:n}),children:e.children})};w.states=vn;w.options=Sn;w.className=It;w.defaultOptions=Ra;import{Fragment as Vp,jsx as $p,jsxs as _p}from"react/jsx-runtime";import{Fragment as Wp,jsx as qp,jsxs as Zp}from"react/jsx-runtime";import{Fragment as oc,jsx as tc,jsxs as ac}from"react/jsx-runtime";import{Fragment as pc,jsx as lc,jsxs as cc}from"react/jsx-runtime";import{jsx as yn}from"react/jsx-runtime";var Jt="k-input",Mn=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],In={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},qt={size:r.medium,rounded:r.medium,fillMode:f.solid},E=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=qt.size,rounded:b=qt.rounded,fillMode:N=qt.fillMode,...v}=e;return yn("span",{...v,className:s(e.className,Jt,I(Jt,{size:u,rounded:b,fillMode:N}),S(Jt,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m}))})};E.states=Mn;E.options=In;E.className=Jt;E.defaultOptions=qt;import{jsx as Pn}from"react/jsx-runtime";var Wt="k-picker",Cn=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],An={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},Zt={size:r.medium,rounded:x.medium,fillMode:f.solid},se=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=Zt.size,rounded:b=Zt.rounded,fillMode:N=Zt.fillMode,...v}=e;return Pn("span",{...v,className:s(e.className,Wt,I(Wt,{size:u,rounded:b,fillMode:N}),S(Wt,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m})),children:e.children})};se.states=Cn;se.options=An;se.className=Wt;se.defaultOptions=Zt;import{Fragment as zn,jsx as Io}from"react/jsx-runtime";var Ha="k-clear-value",Tn=[a.disabled,a.loading,a.readonly],Bn={},ne=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?Io(zn,{}):Io("span",{className:s(e.className,Ha),children:Io(M,{icon:"x"})})};ne.states=Tn;ne.options=Bn;ne.className=Ha;import{jsx as On}from"react/jsx-runtime";var yo="k-input-inner",wn=[],En={},Qt={type:"text",autocomplete:"off",value:"",placeholder:""},re=e=>{let{value:t=Qt.value,type:o=Qt.type,placeholder:n=Qt.placeholder,autocomplete:i=Qt.autocomplete,...l}=e;return On("input",{...l,type:o,className:s(e.className,yo,I(yo,e)),placeholder:n,autoComplete:i,defaultValue:t})};re.states=wn;re.options=En;re.className=yo;import{jsx as Ga,jsxs as Hn}from"react/jsx-runtime";var Co="k-input-inner",Kn=[],Rn={},De=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:l,...p}=e;return Hn("span",{...p,className:s(e.className,Co,I(Co,e)),children:[i,!i&&l&&Ga(M,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Ga("span",{className:"k-input-value-text",children:t})]})};De.states=Kn;De.options=Rn;De.className=Co;import{jsx as $n}from"react/jsx-runtime";var Ao="k-input-inner",Gn=[],Dn={},Da={value:"",placeholder:""},Po=e=>{let{value:t=Da.value,placeholder:o=Da.placeholder,rows:n,...i}=e;return $n("textarea",{...i,className:s(e.className,Ao,I(Ao,e)),placeholder:o,rows:n,defaultValue:t})};Po.states=Gn;Po.options=Dn;Po.className=Ao;import{Fragment as _n,jsx as $a}from"react/jsx-runtime";var Va="k-input-loading-icon",Vn=[a.disabled,a.loading],Q=e=>{let{disabled:t,loading:o}=e;return t||!o?$a(_n,{}):$a("span",{className:s(e.className,Va,"k-icon k-i-loading")})};Q.states=Vn;Q.className=Va;import{Fragment as Xn,jsx as _a}from"react/jsx-runtime";var Fa="k-input-validation-icon",Fn=[a.valid,a.invalid,a.disabled,a.loading],Un={},Z=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,l=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?_a(Xn,{}):_a(M,{className:s(Fa),icon:l})};Z.states=Fn;Z.options=Un;Z.className=Fa;import{Fragment as Wn,jsx as Ua}from"react/jsx-runtime";var Jn="k-input-prefix",qn={direction:"horizontal"},ce=e=>{let{direction:t=qn.direction,...o}=e;return e.children?Ua("span",{...o,className:s(Jn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ua(Wn,{})};import{Fragment as Yn,jsx as Xa}from"react/jsx-runtime";var Zn="k-input-suffix",Qn={direction:"horizontal"},de=e=>{let{direction:t=Qn.direction,...o}=e;return e.children?Xa("span",{...o,className:s(Zn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xa(Yn,{})};import{jsx as jc}from"react/jsx-runtime";import{jsx as ad}from"react/jsx-runtime";import{jsx as er}from"react/jsx-runtime";var Ja="k-input-separator",jn={direction:"vertical"},xe=e=>{let{direction:t=jn.direction,...o}=e;return er("span",{...o,className:s(Ja,e.className,{[`${Ja}-${t}`]:t})})};import{jsx as qa}from"react/jsx-runtime";var Wa="k-animation-container",tr=[],or={},Za={positionMode:"absolute"},Ae=e=>{let{positionMode:t=Za.positionMode,animationStyle:o,offset:n,...i}=e;return qa("div",{...i,style:{...n,...e.style},className:s(e.className,Wa,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:qa("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ae.states=tr;Ae.options=or;Ae.className=Wa;Ae.defaultOptions=Za;import{jsx as Qa}from"react/jsx-runtime";var Ya="k-popup",ar=[],sr={},ja={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=ja.positionMode,animationStyle:n,...i}=e;return Qa(Ae,{positionMode:o,offset:t,animationStyle:n,children:Qa("div",{...i,className:s(e.className,Ya),children:e.children})})};V.states=ar;V.options=sr;V.className=Ya;V.defaultOptions=ja;import{jsx as ir}from"react/jsx-runtime";var Yt="k-actions",nr=[],rr={},To={alignment:"start",orientation:"horizontal"},Ne=e=>{let{alignment:t=To.alignment,orientation:o=To.orientation,...n}=e;return ir("div",{...n,className:s(Yt,{[`${Yt}-${t}`]:t,[`${Yt}-${o}`]:o},e.className),children:e.children})};Ne.states=nr;Ne.options=rr;Ne.className=Yt;Ne.defaultOptions=To;var es=Ne;import{jsx as pr}from"react/jsx-runtime";var lr="k-actionsheet-footer",ts={alignment:"stretched",orientation:"horizontal"},yt=e=>{let{alignment:t=ts.alignment,orientation:o=ts.orientation,template:n,as:i=n?"div":Ne,...l}=e;return pr(i,{...l,...!n&&{alignment:t,orientation:o},className:s(e.className,lr),children:e.children})};import{jsx as Ct,jsxs as mr}from"react/jsx-runtime";var os="k-searchbox",cr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],dr={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},Bo={showIcon:!0,icon:"search",size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode},ke=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:v,disabled:c,showIcon:k=Bo.showIcon,icon:g=Bo.icon,...L}=e;return mr(E,{...L,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:v,disabled:c,className:s(e.className,os),children:[k&&Ct(M,{className:"k-input-icon",icon:g}),Ct(re,{placeholder:o,value:t}),Ct(Q,{...e}),Ct(Z,{...e}),Ct(ne,{...e})]})};ke.states=cr;ke.options=dr;ke.className=os;ke.defaultOptions=Bo;import{jsx as Zd}from"react/jsx-runtime";import{Fragment as as,jsx as Pe,jsxs as zo}from"react/jsx-runtime";var ss="k-textbox",ur=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],fr={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},$e={showClearButton:!0,showValidationIcon:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},me=e=>{let{size:t=$e.size,rounded:o=$e.rounded,fillMode:n=$e.fillMode,separators:i=$e.separators,showClearButton:l=$e.showClearButton,showValidationIcon:p=$e.showValidationIcon,prefix:m,suffix:u,type:b,value:N,placeholder:v,hover:c,focus:k,valid:g,invalid:L,required:C,loading:P,disabled:z,readonly:$,...F}=e;return zo(E,{...F,size:t,rounded:o,fillMode:n,hover:c,focus:k,valid:g,invalid:L,required:C,loading:P,disabled:z,readonly:$,className:s(e.className,ss),children:[m&&zo(as,{children:[Pe(ce,{children:m}),i&&Pe(xe,{})]}),Pe(re,{placeholder:v,value:N,type:b}),p&&Pe(Z,{valid:g,invalid:L,loading:P,disabled:z}),Pe(Q,{loading:P,disabled:z}),l&&Pe(ne,{loading:P,disabled:z,readonly:$,value:N}),u&&zo(as,{children:[i&&Pe(xe,{}),Pe(de,{children:u})]})]})};me.states=ur;me.options=fr;me.className=ss;me.defaultOptions=$e;import{jsx as im}from"react/jsx-runtime";import{Fragment as um,jsx as mm}from"react/jsx-runtime";import{Fragment as gm,jsx as km}from"react/jsx-runtime";import{jsx as Te,jsxs as wo}from"react/jsx-runtime";var rs="k-actionsheet-titlebar",br={},Y=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:l,input:p,inputValue:m,inputPlaceholder:u,adaptive:b,children:N,...v}=e;return wo("div",{...v,className:s(e.className,rs),children:[wo("div",{className:"k-actionsheet-titlebar-group",children:[n&&Te("div",{className:"k-actionsheet-actions",children:n}),!N&&wo("div",{className:"k-actionsheet-title",children:[t&&Te("div",{className:"k-text-center",children:t}),o&&Te("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Te("div",{className:"k-actionsheet-title",children:N}),i&&Te("div",{className:"k-actionsheet-actions",children:i})]}),(p||l)&&Te("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Te(me,{value:m,placeholder:u,size:b?"large":"medium"}):Te(ke,{placeholder:"Filter",size:b?"large":"medium"})})]})};Y.className=rs;Y.defaultOptions=br;import{jsx as Eo,jsxs as kr}from"react/jsx-runtime";var Oo="k-actionsheet-view",hr=[],xr={},Nr={},et=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:l,...p}=e,m=i?.type===Y&&Eo(Y,{adaptive:t,...i?.props}),u=l?.type===yt&&Eo(yt,{...l?.props});return kr("div",{...p,className:s(e.className,Oo,{[`${Oo}-animated`]:o}),children:[m,Eo("div",{className:"k-actionsheet-content",children:n}),u]})};et.states=hr;et.options=xr;et.className=Oo;et.defaultOptions=Nr;import{jsx as jt,jsxs as Sr}from"react/jsx-runtime";var is="k-actionsheet",gr=[],vr={},At={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=At.side,fullscreen:o=At.fullscreen,adaptive:n=At.adaptive,overlay:i=At.overlay,template:l,children:p,header:m,footer:u,...b}=e;return Sr("div",{className:"k-actionsheet-container",children:[i&&jt("div",{className:"k-overlay"}),jt(Ae,{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:jt("div",{...b,className:s(e.className,is,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||jt(et,{header:m,footer:u,adaptive:n,...e,children:p})})})]})};ie.states=gr;ie.options=vr;ie.className=is;ie.defaultOptions=At;import{jsx as Fm}from"react/jsx-runtime";import{Fragment as Mr,jsx as Pt,jsxs as Ko}from"react/jsx-runtime";var Ro="k-actionsheet-item",Lr=[a.hover,a.focus,a.selected,a.disabled],Ho=e=>{let{iconName:t,text:o,description:n,hover:i,focus:l,selected:p,disabled:m,...u}=e;return Ko("span",{...u,className:s(e.className,Ro,S(Ro,{hover:i,focus:l,selected:p,disabled:m})),children:[!e.children&&Pt(Mr,{children:Ko("span",{className:"k-actionsheet-action",children:[t&&Pt("span",{className:"k-icon-wrap",children:Pt(M,{className:"k-actionsheet-item-icon",icon:t})}),Ko("span",{className:"k-actionsheet-item-text",children:[o&&Pt("span",{className:"k-actionsheet-item-title",children:o}),n&&Pt("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};Ho.states=Lr;Ho.className=Ro;import{jsx as jm,jsxs as eu}from"react/jsx-runtime";import{jsx as su}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";import{jsx as mu}from"react/jsx-runtime";import{jsx as yr}from"react/jsx-runtime";var Ir="k-no-data",Tt=e=>yr("span",{className:s(Ir,e.className),children:e.children});import{jsx as tt,jsxs as ps}from"react/jsx-runtime";var Go="k-list",Cr=[],Ar={size:[r.small,r.medium,r.large]},cs={size:r.medium},O=e=>{let{size:t=cs.size,virtualization:o,children:n,optionLabel:i,customValue:l,screenReaders:p,...m}=e,u,b,N,v,c=[];return n?n.map((k,g)=>{k.type===_?(k.props.root===!0?(u=k.props.label,k.props.children.map((L,C)=>{c.push(tt(A,{...L.props},`optChild-${C}-${new Date().getTime()}`))})):k.props.children.forEach((L,C)=>{let P="";C===0&&(P=k.props.label),c.push(tt(A,{className:C===0?"k-first":"",...L.props,groupLabel:P},`groupLabel-${C}-${new Date().getTime()}`))}),b=tt(_,{label:u,virtualization:o,children:c})):k.type===A&&(c.push(tt(A,{...k.props},`${k.type}-${g}`)),N=tt(ot,{virtualization:o,children:c}),p&&(v=ps(Tt,{className:"k-sr-only",children:[c.length," items found."]})))}):v=tt(Tt,{children:"No data found."}),ps("div",{...m,className:s(e.className,Go,I(Go,{size:t}),{"k-virtual-list":o}),children:[i,l,b,N,v]})};O.states=Cr;O.options=Ar;O.className=Go;O.defaultOptions=cs;import{jsx as Ve,jsxs as Br}from"react/jsx-runtime";var Do="k-list",Pr=[],Tr={size:[r.small,r.medium,r.large]},ds={size:r.medium},_e=e=>{let{size:t=ds.size,virtualization:o,children:n,...i}=e,l,p,m,u=[];return n?n.map((b,N)=>{b.type===_?(b.props.root===!0?(l=b.props.label,b.props.children.map((v,c)=>{u.push(Ve(A,{...v.props},`optChild-${c}-${new Date().getTime()}`))})):(u.push(Ve(ms,{...b.props,children:b.props.label},`listChild-${N}`)),b.props.children.map((v,c)=>{u.push(Ve(A,{...v.props},`fwOptChild-${c}-${new Date().getTime()}`))})),p=Ve(_,{label:l,virtualization:o,children:u})):b.type===A&&(u.push(Ve(A,{...b.props},`${b.type}-${N}`)),m=Ve(ot,{virtualization:o,children:u}))}):m=Ve(Tt,{children:"No data found."}),Br("div",{...i,className:s(e.className,Do,I(Do,{size:t}),{"k-virtual-list":o}),children:[p,m]})};_e.states=Pr;_e.options=Tr;_e.className=Do;_e.defaultOptions=ds;import{jsx as us}from"react/jsx-runtime";var eo="k-checkbox",zr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],wr={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full]},$o={size:r.medium,rounded:x.medium},Be=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:l,disabled:p,invalid:m,valid:u,required:b,size:N=$o.size,rounded:v=$o.rounded,...c}=e;return us("span",{className:"k-checkbox-wrap",children:us("input",{...c,id:t,type:"checkbox",defaultChecked:o,required:b,className:s(e.className,eo,I(eo,{size:N,rounded:v}),S(eo,{hover:i,focus:l,disabled:p,invalid:m,valid:u,indeterminate:n,checked:o}))})})};Be.states=zr;Be.options=wr;Be.className=eo;Be.defaultOptions=$o;import{jsx as Kr}from"react/jsx-runtime";var fs="k-checkbox-list",Er=[],Or={},bs={layout:"vertical"},at=e=>{let{layout:t=bs.layout,...o}=e;return Kr("ul",{...o,className:s(e.className,fs,{[`k-list-${t}`]:t}),children:e.children})};at.states=Er;at.options=Or;at.className=fs;at.defaultOptions=bs;import{jsx as Dr}from"react/jsx-runtime";var hs="k-checkbox-list-item",Rr=[],Hr={},Gr={},st=e=>{let{...t}=e;return Dr("li",{...t,className:s(e.className,hs),children:e.children})};st.states=Rr;st.options=Hr;st.className=hs;st.defaultOptions=Gr;import{Fragment as Yu,jsx as Qu,jsxs as ju}from"react/jsx-runtime";import{Fragment as sf,jsx as af,jsxs as nf}from"react/jsx-runtime";import{Fragment as df,jsx as cf,jsxs as mf}from"react/jsx-runtime";import{Fragment as xf,jsx as hf,jsxs as Nf}from"react/jsx-runtime";import{jsx as Sf}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";import{jsx as to,jsxs as Fr}from"react/jsx-runtime";var _o="k-list-item",$r=[a.hover,a.focus,a.selected,a.disabled],Vr={},_r={},A=e=>{let{text:t,groupLabel:o,group:n,showIcon:i,iconName:l,showCheckbox:p,checked:m,hover:u,focus:b,selected:N,disabled:v,...c}=e,k=t||e.children;return Fr("li",{...c,className:s(e.className,n?"k-list-group-item":_o,S(_o,{hover:u,focus:b,disabled:v,selected:N})),children:[p&&to(Be,{checked:m}),i&&to(M,{icon:l}),to("span",{className:"k-list-item-text",children:k}),o&&o!==""&&to("div",{className:"k-list-item-group-label",children:o})]})};A.states=$r;A.options=Vr;A.className=_o;A.defaultOptions=_r;import{jsx as Fo,jsxs as Xr}from"react/jsx-runtime";var Ur="k-list-content",ot=e=>{let{virtualization:t,...o}=e;return Xr("div",{...o,className:s(Ur,e.className),children:[Fo("ul",{className:s("k-list-ul"),children:e.children}),t&&Fo("div",{className:"k-height-container",children:Fo("div",{})})]})};import{jsx as xs}from"react/jsx-runtime";var Jr="k-list-group-sticky-header",Ns=e=>xs("div",{className:s(Jr,e.className),children:xs("div",{className:"k-list-header-text",children:e.children})});import{Fragment as qr,jsx as ks,jsxs as Wr}from"react/jsx-runtime";var _=e=>{let{virtualization:t,label:o}=e;return Wr(qr,{children:[o&&ks(Ns,{children:o}),e.children&&ks(ot,{virtualization:t,children:e.children})]})};import{jsx as gs}from"react/jsx-runtime";var Zr="k-list-group-item",ms=e=>gs("li",{className:s(Zr,e.className),children:gs("span",{className:"k-list-item-text",children:e.children})});import{jsx as ei}from"react/jsx-runtime";var Uo="k-list-optionlabel",Qr=[a.hover,a.focus,a.selected,a.disabled],Yr={},jr={},oo=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return ei("div",{...p,className:s(Uo,S(Uo,{hover:o,focus:n,selected:i,disabled:l})),children:t})};oo.states=Qr;oo.options=Yr;oo.className=Uo;oo.defaultOptions=jr;import{jsx as si}from"react/jsx-runtime";var Xo="k-list-custom-value",ti=[a.hover,a.focus,a.selected,a.disabled],oi={},ai={},ze=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return si("div",{...p,className:s(Xo,S(Xo,{hover:o,focus:n,selected:i,disabled:l})),children:t})};ze.states=ti;ze.options=oi;ze.className=Xo;ze.defaultOptions=ai;import{jsx as pb}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";import{jsx as xb,jsxs as Nb}from"react/jsx-runtime";import{jsx as Sb,jsxs as Lb}from"react/jsx-runtime";import{jsx as Cb}from"react/jsx-runtime";import{jsx as Bb,jsxs as zb}from"react/jsx-runtime";import{jsx as Kb,jsxs as Rb}from"react/jsx-runtime";import{Fragment as Jo,jsx as H,jsxs as Bt}from"react/jsx-runtime";var vs="k-combobox",ni=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],ri={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},zt={size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},le=e=>{let{size:t=zt.size,rounded:o=zt.rounded,fillMode:n=zt.fillMode,separators:i=zt.separators,prefix:l,suffix:p,value:m,placeholder:u,hover:b,focus:N,valid:v,invalid:c,required:k,loading:g,disabled:L,popup:C,opened:P,readonly:z,adaptive:$,adaptiveSettings:F,adaptiveTitle:kt,adaptiveSubtitle:gt,adaptiveCustomValue:No,...ko}=e;return Bt(Jo,{children:[Bt(E,{...ko,size:t,rounded:o,fillMode:n,hover:b,focus:N,valid:v,invalid:c,required:k,loading:g,disabled:L,readonly:z,className:s(e.className,vs),children:[l&&Bt(Jo,{children:[H(ce,{children:l}),i&&H(xe,{})]}),H(re,{placeholder:u,value:m}),H(Z,{valid:v,invalid:c,loading:g,disabled:L}),H(Q,{loading:g,disabled:L}),H(ne,{loading:g,disabled:L,readonly:z,value:m}),p&&Bt(Jo,{children:[i&&H(xe,{}),H(de,{children:p})]}),H(d,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:n})]}),P&&C&&H(V,{className:"k-list-container k-combobox-popup",children:C}),$&&H(ie,{adaptive:!0,...F,header:H(Y,{actionsEnd:H(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:m,inputPlaceholder:u,title:kt,subtitle:gt}),children:H("div",{className:"k-list-container",children:Bt(O,{customValue:No?H(ze,{text:`Use "${m}"`}):void 0,size:"large",children:[H(A,{text:"List item"}),H(A,{text:"List item"}),H(A,{text:"List item"})]})})})]})};le.states=ni;le.options=ri;le.className=vs;le.defaultOptions=zt;import{jsx as uh}from"react/jsx-runtime";import{jsx as Nh,jsxs as kh}from"react/jsx-runtime";import{jsx as Mh,jsxs as Ih}from"react/jsx-runtime";import{jsx as Th,jsxs as Bh}from"react/jsx-runtime";import{jsx as Oh}from"react/jsx-runtime";import{Fragment as $h,jsx as Dh}from"react/jsx-runtime";import{Fragment as Jh,jsx as Xh}from"react/jsx-runtime";import{jsx as Yh,jsxs as jh}from"react/jsx-runtime";import{Fragment as rx,jsx as sx,jsxs as nx}from"react/jsx-runtime";import{jsx as ao,jsxs as pi}from"react/jsx-runtime";var qo="k-external-dropzone",ii=[a.disabled,a.hover],li={},Wo={icon:"upload",hint:"Drag and drop files here to upload"},Fe=e=>{let{hover:t,disabled:o,icon:n=Wo.icon,hint:i=Wo.hint,note:l,...p}=e;return ao("div",{...p,className:s(e.className,qo,S(qo,{disabled:o}),{"k-external-dropzone-hover":t}),children:pi("div",{className:"k-dropzone-inner",children:[n&&ao(M,{icon:n,className:"k-dropzone-icon",size:"xxxlarge"}),i&&ao("span",{className:"k-dropzone-hint",children:i}),l&&ao("span",{className:"k-dropzone-note",children:l})]})})};Fe.states=ii;Fe.options=li;Fe.className=qo;Fe.defaultOptions=Wo;import{jsx as ci}from"react/jsx-runtime";var Ss=e=>ci(Fe,{...e});import{jsx as Ax}from"react/jsx-runtime";import{Fragment as ui,jsx as Ls,jsxs as fi}from"react/jsx-runtime";var Ms="k-menu-button",di=[a.hover,a.focus,a.active,a.selected,a.disabled],mi={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Ue={size:r.medium,rounded:x.medium,fillMode:f.solid,themeColor:h.base,showArrow:!0,arrowIconName:"caret-alt-down"},G=e=>{let{size:t=Ue.size,rounded:o=Ue.rounded,fillMode:n=Ue.fillMode,themeColor:i=Ue.themeColor,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,text:v,showArrow:c=Ue.showArrow,arrowIconName:k=Ue.arrowIconName,popup:g,opened:L,...C}=e;return fi(ui,{children:[Ls(d,{...C,className:s(e.className,Ms),text:v,size:t,rounded:o,fillMode:n,themeColor:i,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,showArrow:c,arrowIconName:k}),L&&g&&Ls(V,{className:"k-menu-popup",children:g})]})};G.states=di;G.options=mi;G.className=Ms;G.defaultOptions=Ue;import{jsx as $x}from"react/jsx-runtime";import{jsx as Ux}from"react/jsx-runtime";import{jsx as Wx}from"react/jsx-runtime";import{Fragment as xi,jsx as nt,jsxs as Is}from"react/jsx-runtime";var Qo="k-menu-item",bi=[a.hover,a.focus,a.active,a.selected,a.disabled],hi={},ys={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:v,iconPosition:c=ys.iconPosition,dir:k,children:g,...L}=e,C=nt(xi,{});g&&g.forEach(z=>{if(z.type==="MenuItemContent"){C.props.children.push(z);return}});let P=v;return P||(P=k==="rtl"?"caret-alt-left":"caret-alt-right"),Is("li",{...L,className:s(e.className,Qo,"k-item",S(Qo,{focus:o,disabled:l,hover:t,active:n,selected:i}),{"k-first":u,"k-last":b}),children:[Is("span",{className:s("k-link k-menu-link"),children:[p&&c==="before"&&nt(M,{className:"k-menu-link-icon",icon:p}),nt("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&nt(M,{className:"k-menu-link-icon",icon:p}),N&&nt("span",{className:"k-menu-expand-arrow",children:nt(M,{icon:P})})]}),C]})};ge.states=bi;ge.options=hi;ge.className=Qo;ge.defaultOptions=ys;import{Fragment as gi,jsx as rt,jsxs as Cs}from"react/jsx-runtime";var Yo="k-menu-item",Ni=[a.hover,a.focus,a.active,a.selected,a.disabled],ki={},jo={dir:"ltr",iconPosition:"before"},ue=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:v,iconPosition:c=jo.iconPosition,dir:k=jo.dir,children:g,popup:L,...C}=e,P=rt(gi,{});g&&g.forEach($=>{if($.type==="MenuListItemContent"){P.props.children.push($);return}});let z=v;return z||(z=k==="rtl"?"caret-alt-left":"caret-alt-right"),Cs("li",{...C,className:s(e.className,Yo,"k-item",S(Yo,{focus:o,disabled:l}),{"k-first":u,"k-last":b}),children:[Cs("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:n,selected:i,disabled:l})),children:[p&&c==="before"&&rt(M,{className:"k-menu-link-icon",icon:p}),rt("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&rt(M,{className:"k-menu-link-icon",icon:p}),N&&rt("span",{className:"k-menu-expand-arrow",children:rt(M,{icon:z})})]}),P,L]})};ue.states=Ni;ue.options=ki;ue.className=Yo;ue.defaultOptions=jo;import{jsx as Mi}from"react/jsx-runtime";var As="k-menu-scroll-wrapper",vi=[],Si={},Li={},wt=e=>{let{className:t,children:o,orientation:n,...i}=e;return Mi("div",{...i,className:s(t,As,{"k-menu-scroll-wrapper-vertical":n==="vertical"}),children:o})};wt.states=vi;wt.options=Si;wt.className=As;wt.defaultOptions=Li;var Ps=wt;import{Fragment as ea,jsx as Xe,jsxs as so}from"react/jsx-runtime";var ta="k-menu",Ii=[],yi={},no={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ve=e=>{let{children:t,orientation:o=no.orientation,header:n=no.header,scrollable:i,scrollButtonsPosition:l=no.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:u,...b}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=Xe("ul",{dir:m,...b,className:s(e.className,"k-reset",ta,{[`${ta}-${o}`]:o,"k-header":n}),children:t});return so(ea,{children:[i?so(Ps,{orientation:o,style:p,dir:e.dir,children:[l==="start"&&so(ea,{children:[Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),v,l==="end"&&so(ea,{children:[Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&Xe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):v,u]})};ve.states=Ii;ve.options=yi;ve.className=ta;ve.defaultOptions=no;import{jsx as Ci}from"react/jsx-runtime";var oa="k-separator",Ts={orientation:"horizontal"},Et=e=>{let{orientation:t=Ts.orientation,...o}=e;return Ci("li",{...o,className:s(e.className,"k-item",oa,{[`${oa}-${t}`]:t})})};Et.className=oa;Et.defaultOptions=Ts;import{Fragment as NN,jsx as kN}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";import{createElement as Ti}from"react";var aa="k-menu-group",Ai=[],Pi={size:[r.small,r.medium,r.large]},sa={size:r.medium,dir:"ltr"},Je=e=>{let{children:t,size:o=sa.size,dir:n=sa.dir,...i}=e,l=[];return t&&Array.isArray(t)&&t.map((p,m)=>{p.type===ue?l.push(Ti(ue,{...p.props,dir:n,key:m})):p.type===Et?l.push(Bs(Et,{})):l.push(p)}),Bs("ul",{...i,className:s(e.className,aa,I(aa,{size:o})),children:l})};Je.states=Ai;Je.options=Pi;Je.className=aa;Je.defaultOptions=sa;import{Fragment as PN,jsx as AN,jsxs as TN}from"react/jsx-runtime";import{Fragment as RN,jsx as ON,jsxs as KN}from"react/jsx-runtime";import{Fragment as VN,jsx as $N,jsxs as _N}from"react/jsx-runtime";import{Fragment as qN,jsx as JN,jsxs as WN}from"react/jsx-runtime";import{Fragment as ek,jsx as jN,jsxs as tk}from"react/jsx-runtime";import{jsx as kk,jsxs as gk}from"react/jsx-runtime";import{Fragment as wi,jsx as U,jsxs as na}from"react/jsx-runtime";var zs="k-dropdownlist",Bi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zi={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},it={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:x.medium,fillMode:f.solid},fe=e=>{let{size:t=it.size,rounded:o=it.rounded,fillMode:n=it.fillMode,arrowIconName:i=it.arrowIconName,showValue:l=it.showValue,valueIconName:p,prefix:m,suffix:u,value:b,placeholder:N,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:P,readonly:z,popup:$,opened:F,adaptive:kt,adaptiveSettings:gt,adaptiveTitle:No,adaptiveSubtitle:ko,adaptiveFilter:an,...sn}=e;return na(wi,{children:[na(se,{...sn,size:t,rounded:o,fillMode:n,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:P,readonly:z,className:s(e.className,zs,{"k-icon-picker":!l&&p}),children:[U(ce,{children:m}),U(De,{placeholder:N,value:b,showValue:l,valueIconName:p}),U(Z,{valid:k,invalid:g,loading:C,disabled:P}),U(Q,{loading:C,disabled:P}),U(de,{children:u}),U(d,{className:"k-input-button",icon:i,rounded:null,size:e.size,fillMode:e.fillMode})]}),F&&$&&U(V,{className:"k-list-container k-dropdownlist-popup",children:$}),kt&&U(ie,{adaptive:!0,...gt,header:U(Y,{actionsEnd:U(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:an,inputValue:b,inputPlaceholder:N,title:No,subtitle:ko}),children:U("div",{className:"k-list-container",children:na(O,{size:"large",children:[U(A,{text:"List item"}),U(A,{text:"List item"}),U(A,{text:"List item"})]})})})]})};fe.states=Bi;fe.options=zi;fe.className=zs;fe.defaultOptions=it;import{jsx as Gk}from"react/jsx-runtime";import{jsx as Fk,jsxs as Uk}from"react/jsx-runtime";import{Fragment as jk,jsx as Qk,jsxs as Yk}from"react/jsx-runtime";import{jsx as ag}from"react/jsx-runtime";import{jsx as lg,jsxs as pg}from"react/jsx-runtime";import{jsx as fg,jsxs as bg}from"react/jsx-runtime";import{Fragment as Lg,jsx as vg,jsxs as Sg}from"react/jsx-runtime";import{Fragment as Bg,jsx as Pg,jsxs as Tg}from"react/jsx-runtime";import{jsx as ws,jsxs as Ki}from"react/jsx-runtime";var Es="k-spin-button",Ei=[],Oi={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},ra={size:r.medium,fillMode:f.solid},lt=e=>{let{size:t=ra.size,fillMode:o=ra.fillMode,...n}=e;return Ki("span",{...n,className:s(Es,e.className),children:[ws(d,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),ws(d,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};lt.states=Ei;lt.options=Oi;lt.className=Es;lt.defaultOptions=ra;import{Fragment as Os,jsx as Se,jsxs as ia}from"react/jsx-runtime";var Ks="k-numerictextbox",Ri=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Hi={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},We={showSpinButton:!0,showClearButton:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},K=e=>{let{size:t=We.size,rounded:o=We.rounded,fillMode:n=We.fillMode,separators:i=We.separators,showClearButton:l=We.showClearButton,showSpinButton:p=We.showSpinButton,prefix:m,suffix:u,value:b,placeholder:N,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:P,readonly:z,...$}=e;return ia(E,{...$,size:t,rounded:o,fillMode:n,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:P,readonly:z,className:s(e.className,Ks),children:[m&&ia(Os,{children:[Se(ce,{children:m}),i&&Se(xe,{})]}),Se(re,{placeholder:N,value:b}),Se(Z,{valid:k,invalid:g,loading:C,disabled:P}),Se(Q,{loading:C,disabled:P}),l&&Se(ne,{loading:C,disabled:P,readonly:z,value:b}),u&&ia(Os,{children:[i&&Se(xe,{}),Se(de,{children:u})]}),p&&Se(lt,{className:"k-input-spinner",size:t,fillMode:n})]})};K.states=Ri;K.options=Hi;K.className=Ks;K.defaultOptions=We;import{jsx as ov}from"react/jsx-runtime";import{Fragment as lv,jsx as iv}from"react/jsx-runtime";import{Fragment as bv,jsx as fv}from"react/jsx-runtime";import{Fragment as Hs,jsx as X,jsxs as pt}from"react/jsx-runtime";var ro="k-pager",Gi=[a.focus,a.disabled],Di={size:[r.small,r.medium,r.large]},J={responsive:!0,size:r.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=J.responsive,size:o=J.size,pagerSizeInfo:n=J.pagerSizeInfo,pageTitleInfo:i=J.pageTitleInfo,maxPagesInfo:l=J.maxPagesInfo,itemsPerPage:p=J.itemsPerPage,maxPages:m=J.maxPages,currentPage:u=J.currentPage,previousNext:b=J.previousNext,type:N=J.type,pageSizes:v=J.pageSizes,refresh:c=J.refresh,info:k=J.info,focus:g,disabled:L,dir:C,...P}=e,z=[],$=[];for(let F=1;F<=m;F++)z.push(X(d,{selected:F===u,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:F})),$.push(X("option",{selected:F===u,children:F}));return pt("div",{dir:C,...P,className:s(e.className,ro,I(ro,{size:o}),S(ro,{focus:g,disabled:L}),{"k-pager-responsive":t}),children:[pt("div",{className:s("k-pager-numbers-wrap"),children:[b&&pt(Hs,{children:[X(d,{className:s("k-pager-nav","k-pager-first"),disabled:u===1&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),X(d,{className:s("k-pager-nav"),disabled:u===1&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-right":"caret-alt-left"})]}),N==="numeric"&&X("div",{className:s("k-pager-numbers"),children:z}),N==="input"&&pt("span",{className:s("k-pager-input"),children:[i&&X("span",{children:"Page"}),X(K,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),X("span",{children:l&&`of ${m}`})]}),b&&pt(Hs,{children:[X(d,{className:s("k-pager-nav"),disabled:u===m&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-left":"caret-alt-right"}),X(d,{className:s("k-pager-nav","k-pager-last"),disabled:u===m&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&pt("span",{className:s("k-pager-sizes"),children:[X(fe,{value:`${p}`,size:o}),n&&X("span",{children:"items per page"})]}),c&&X(d,{className:s("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),k&&X("span",{className:s("k-pager-info"),children:k})]})};Ee.states=Gi;Ee.options=Di;Ee.className=ro;Ee.defaultOptions=J;import{jsx as Tv}from"react/jsx-runtime";import{jsx as $i}from"react/jsx-runtime";var io=e=>$i(Ee,{type:"input",responsive:!1,...e});import{jsx as Rv}from"react/jsx-runtime";import{jsx as Gs,jsxs as Fi}from"react/jsx-runtime";var Ds="k-color-preview",Vi=[],_i={},Oe=e=>{let{color:t,iconName:o,...n}=e;return Fi("span",{...n,className:s(e.className,Ds,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Gs(M,{icon:o,className:"k-color-preview-icon"}),Gs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Oe.states=Vi;Oe.options=_i;Oe.className=Ds;import{jsx as ct,jsxs as la}from"react/jsx-runtime";var Ot="k-slider",Ui=[a.hover,a.focus,a.active,a.disabled,a.readonly],Xi={},Ke={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},j=e=>{let{type:t=Ke.type,orientation:o=Ke.orientation,readonly:n=Ke.readonly,disabled:i=Ke.disabled,handlePosition:l=Ke.handlePosition,showButtons:p=Ke.showButtons,showTicks:m=Ke.showTicks,hover:u,focus:b,active:N,trackStyle:v,dir:c,...k}=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"),la("div",{...k,className:s(Ot,e.className,S(Ot,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:c,children:[p&&ct(d,{className:"k-button-decrease",rounded:"full",icon:L}),la("div",{className:"k-slider-track-wrap",children:[m&&ct("ul",{className:"k-reset k-slider-items",children:e.children}),la("div",{className:"k-slider-track",style:v,children:[ct("div",{className:"k-slider-selection"}),t==="range"&&ct("span",{className:s("k-draghandle","k-draghandle-start",S(Ot,{hover:u,focus:b,active:N}))}),ct("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ot,{hover:u,focus:b,active:N}))})]})]}),p&&ct(d,{className:"k-button-increase",rounded:"full",icon:g})]})};j.states=Ui;j.options=Xi;j.className=Ot;j.defaultOptions=Ke;import{jsx as $s}from"react/jsx-runtime";var Vs="k-tick",Ji=[],qi={},_s={label:!1},Re=e=>{let{style:t,label:o=_s.label,orientation:n,large:i,text:l,...p}=e;return $s("li",{...p,className:s(e.className,Vs,{[`k-tick-${n}`]:n,"k-tick-large":i}),style:t,children:o&&$s("span",{className:"k-label",children:l})})};Re.states=Ji;Re.options=qi;Re.className=Vs;Re.defaultOptions=_s;import{Fragment as rS,jsx as nS,jsxs as iS}from"react/jsx-runtime";import{Fragment as mS,jsx as dS,jsxs as uS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as kS}from"react/jsx-runtime";import{Fragment as MS,jsx as LS,jsxs as IS}from"react/jsx-runtime";import{jsx as Wi}from"react/jsx-runtime";var pa=e=>Wi(j,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Zi}from"react/jsx-runtime";var ca=e=>Zi(j,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{Fragment as Kt,jsx as T,jsxs as R}from"react/jsx-runtime";var Fs="k-colorgradient-inputs",Qi=[],Yi={size:[r.small,r.medium,r.large]},Us={mode:"rgba",size:r.medium},dt=e=>{let{mode:t=Us.mode,size:o,...n}=e;return R("div",{...n,className:s(Fs,"k-hstack"),children:[T("div",{className:"k-vstack",children:T(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&R(Kt,{children:[R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),T("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),T("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),T("label",{className:"k-colorgradient-input-label",children:"B"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),T("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&R(Kt,{children:[R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&R(Kt,{children:[R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"V"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),T("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&R(Kt,{children:[R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[T(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),T("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&T(Kt,{children:R("div",{className:"k-vstack k-flex-1",children:[T(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),T("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};dt.states=Qi;dt.options=Yi;dt.className=Fs;dt.defaultOptions=Us;import{jsx as Ze,jsxs as Qe}from"react/jsx-runtime";var Xs="k-colorgradient-color-contrast",ji=[],el={},tl={},mt=()=>Qe("div",{className:s(Xs,"k-vbox"),children:[Qe("div",{className:"k-contrast-ratio",children:[Ze("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Qe("span",{className:"k-contrast-validation !k-text-success",children:[Ze(M,{icon:"check"}),Ze(M,{icon:"check"})]})]}),Qe("div",{children:[Ze("span",{children:"AA: 4.5"}),Qe("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ze(M,{icon:"check"})]})]}),Qe("div",{children:[Ze("span",{children:"AAA: 7.0"}),Qe("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ze(M,{icon:"x"})]})]})]});mt.states=ji;mt.options=el;mt.className=Xs;mt.defaultOptions=tl;import{jsx as ee,jsxs as Rt}from"react/jsx-runtime";var lo="k-colorgradient",ol=[a.hover,a.focus,a.readonly,a.disabled],al={size:[r.small,r.medium,r.large]},pe={size:r.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"},He=e=>{let{size:t=pe.size,mode:o=pe.mode,readonly:n=pe.readonly,disabled:i=pe.disabled,gradientStyle:l=pe.gradientStyle,dragHandleStyle:p=pe.dragHandleStyle,alphaStyle:m=pe.alphaStyle,alphaStyleHorizontal:u=pe.alphaStyleHorizontal,contrast:b=pe.contrast,dir:N,hover:v,focus:c,hoverHandle:k,focusHandle:g,canvasOrientation:L=pe.canvasOrientation,...C}=e;return Rt("div",{...C,className:s(e.className,lo,I(lo,{size:t}),S(lo,{hover:v,focus:c,readonly:n,disabled:i})),dir:N,children:[!L||L==="horizontal"&&Rt("div",{className:"k-colorgradient-canvas k-hstack",children:[ee("div",{className:"k-hsv-rectangle",style:l,children:ee("div",{className:"k-hsv-gradient",children:ee("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p})})}),Rt("div",{className:"k-hsv-controls k-hstack",children:[ee(ca,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&ee(ca,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),L==="vertical"&&Rt("div",{className:"k-colorgradient-canvas k-vstack",children:[ee("div",{className:"k-hsv-rectangle",style:l,children:ee("div",{className:"k-hsv-gradient",children:ee("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p})})}),Rt("div",{className:"k-hsv-controls k-vstack",children:[ee(pa,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&ee(pa,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:u})]})]}),ee(dt,{mode:e.mode,size:t}),b&&ee(mt,{})]})};He.states=ol;He.options=al;He.className=lo;He.defaultOptions=pe;import{jsx as rL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as sl}from"react/jsx-runtime";var Js=e=>sl("tr",{children:e.children});import{jsx as il}from"react/jsx-runtime";var da="k-colorpalette-tile",nl=[a.hover,a.focus,a.selected],rl={},Ht=e=>{let{color:t,tileSize:o,hover:n,focus:i,selected:l,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return il("td",{...p,className:s(e.className,da,S(da,{hover:n,focus:i,selected:l})),style:m})};Ht.states=nl;Ht.options=rl;Ht.className=da;import{jsx as Gt}from"react/jsx-runtime";var po="k-colorpalette",ll=[a.disabled],pl={size:[r.small,r.medium,r.large]},ma={columns:10,size:r.medium},ut=e=>{let{size:t=ma.size,palette:o,columns:n=ma.columns,tileSize:i,disabled:l,...p}=e,m=[];if(o){let u=n||o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(N,v)=>{let c=[];b.slice(v*u,(v+1)*u).map((g,L)=>{c.push(Gt(Ht,{color:g,tileSize:i},L))});let k=Gt(Js,{children:c},v);m.push(k)})}return Gt("div",{...p,className:s(e.className,po,S(po,{d