@progress/kendo-themes-html/dist/esm/dropdowngrid/templates/dropdowngrid-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,n)=>t[n]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>o({[`${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"}),M=(e,t)=>{let{valid:a,invalid:n,hover:l,focus:r,checked:d,active:m,selected:T,disabled:h,indeterminate:A,loading:E,empty:K,readonly:g,highlighted:y,...R}=t;return o({"k-valid":a,"k-invalid":n,"k-hover":l,"k-focus":r,"k-checked":d,"k-active":m,"k-selected":T,"k-disabled":h,"k-indeterminate":A&&!d,"k-loading":E,"k-empty":K,"k-readonly":g,"k-highlighted":y},Object.keys(R).reduce((k,w)=>(w.startsWith("k-")?k[w]=R[w]:k[`k-${w}`]=R[w],k),{}))};function yt(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(n=>[`k-${n}`,!0]))}var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={small:"small",medium:"medium",large:"large",full:"full"},b={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"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var me="input",ye=me;import{jsx as yo}from"react/jsx-runtime";var ve="k-input",So=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Eo={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},Re={size:i.medium,rounded:i.medium,fillMode:b.solid},N=e=>{let{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m,size:T=Re.size,rounded:h=Re.rounded,fillMode:A=Re.fillMode,...E}=e;return yo("span",{...E,className:o(e.className,ve,f(ve,{size:T,rounded:h,fillMode:A}),M(ve,{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m}))})};N.states=So;N.options=Eo;N.className=ve;N.defaultOptions=Re;N.moduleName=me;N.folderName=ye;import{jsx as Oo}from"react/jsx-runtime";var Oe="k-picker",vo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ro={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},we={size:i.medium,rounded:u.medium,fillMode:b.solid},le=e=>{let{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m,size:T=we.size,rounded:h=we.rounded,fillMode:A=we.fillMode,...E}=e;return Oo("span",{...E,className:o(e.className,Oe,f(Oe,{size:T,rounded:h,fillMode:A}),M(Oe,{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m})),children:e.children})};le.states=vo;le.options=Ro;le.className=Oe;le.defaultOptions=we;le.moduleName=me;le.folderName=ye;import{Fragment as Do,jsx as vt}from"react/jsx-runtime";var Fe="k-font-icon",wo=[],Io={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},go={},Te=e=>{let{size:t,themeColor:a,icon:n,rotate:l,flip:r,...d}=e;return n?vt("span",{...d,className:o(e.className,Fe,f(Fe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"})}):vt(Do,{})};Te.states=wo;Te.options=Io;Te.className=Fe;Te.defaultOptions=go;var Rt=Te;import{Fragment as _o,jsx as Ie}from"react/jsx-runtime";var Ue="k-svg-icon",Ho=[],Co={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},Ot={viewBox:"0 0 24 24"},ue=e=>{let{size:t,themeColor:a,rotate:n,flip:l,viewBox:r=Ot.viewBox,icon:d,...m}=e;if(!d)return Ie(_o,{});d==="none"&&{...m,className:o(e.className,Ue,"k-none")};let T=typeof d=="object"&&d.name&&d.name;return Ie("span",{...m,className:o(e.className,Ue,f("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`k-color-${a}`]:a,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:Ie("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:r,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ue.states=Ho;ue.options=Co;ue.className=Ue;ue.defaultOptions=Ot;var Ge=ue;import*as Ve from"@progress/kendo-svg-icons";var wt="icon",It="icons";import{Fragment as gt,jsx as be}from"react/jsx-runtime";var ge="k-icon",Ko=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ko=[],Po={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},$e={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{size:t,themeColor:a,icon:n,type:l=$e.type,rotate:r,flip:d,viewBox:m=$e.viewBox,...T}=e;if(!n)return be(gt,{});if(l==="svg"){if(n==="none")return be(Ge,{...T,className:o(e.className,ge),icon:n,size:t});let h=Ve[n]?n:Ko(`${n}-icon`);return Ve[h]?be(Ge,{...T,className:o(e.className,ge),icon:Ve[h],size:t,themeColor:a,rotate:r,flip:d,viewBox:m}):be(gt,{})}return be(Rt,{...T,className:o(e.className,ge),icon:n,size:t,themeColor:a,rotate:r,flip:d})};L.states=ko;L.options=Po;L.defaultOptions=$e;L.className=ge;L.moduleName=wt;L.folderName=It;import{Fragment as Fo,jsx as Xe}from"react/jsx-runtime";var Dt="k-clear-value",zo=[s.disabled,s.loading,s.readonly],Bo={},G=e=>{let{disabled:t,loading:a,readonly:n,value:l}=e;return t||n||a||!l?Xe(Fo,{}):Xe("span",{className:o(e.className,Dt),children:Xe(L,{icon:"x"})})};G.states=zo;G.options=Bo;G.className=Dt;import{jsx as Vo}from"react/jsx-runtime";var Je="k-input-inner",Uo=[],Go={},De={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=De.value,type:a=De.type,placeholder:n=De.placeholder,autocomplete:l=De.autocomplete,...r}=e;return Vo("input",{...r,type:a,className:o(e.className,Je,f(Je,e)),placeholder:n,autoComplete:l,defaultValue:t})};V.states=Uo;V.options=Go;V.className=Je;import{jsx as Ht,jsxs as Jo}from"react/jsx-runtime";var We="k-input-inner",$o=[],Xo={},qe=e=>{let{value:t,placeholder:a,showValue:n,valueIcon:l,valueIconName:r,...d}=e;return Jo("span",{...d,className:o(e.className,We,f(We,e)),children:[l,!l&&r&&Ht(L,{className:"k-input-value-icon",icon:r}),n&&!t&&a,n&&t&&Ht("span",{className:"k-input-value-text",children:t})]})};qe.states=$o;qe.options=Xo;qe.className=We;import{jsx as Qo}from"react/jsx-runtime";var Qe="k-input-inner",Wo=[],qo={},Ct={value:"",placeholder:""},Ye=e=>{let{value:t=Ct.value,placeholder:a=Ct.placeholder,rows:n,...l}=e;return Qo("textarea",{...l,className:o(e.className,Qe,f(Qe,e)),placeholder:a,rows:n,defaultValue:t})};Ye.states=Wo;Ye.options=qo;Ye.className=Qe;import{Fragment as Zo,jsx as _t}from"react/jsx-runtime";var Kt="k-input-loading-icon",Yo=[s.disabled,s.loading],J=e=>{let{disabled:t,loading:a}=e;return t||!a?_t(Zo,{}):_t("span",{className:o(e.className,Kt,"k-icon k-i-loading")})};J.states=Yo;J.className=Kt;import{Fragment as ta,jsx as kt}from"react/jsx-runtime";var Pt="k-input-validation-icon",jo=[s.valid,s.invalid,s.disabled,s.loading],ea={},$=e=>{let{valid:t,invalid:a,disabled:n,loading:l}=e,r=a?"warning-circle":"check-circle";return n||l||!!!(t||a)?kt(ta,{}):kt(L,{className:o(Pt),icon:r})};$.states=jo;$.options=ea;$.className=Pt;import{Fragment as sa,jsx as zt}from"react/jsx-runtime";var oa="k-input-prefix",aa={direction:"horizontal"},He=e=>{let{direction:t=aa.direction,...a}=e;return e.children?zt("span",{...a,className:o(oa,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zt(sa,{})};import{Fragment as ia,jsx as Bt}from"react/jsx-runtime";var na="k-input-suffix",la={direction:"horizontal"},Ce=e=>{let{direction:t=la.direction,...a}=e;return e.children?Bt("span",{...a,className:o(na,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bt(ia,{})};import{jsx as qn}from"react/jsx-runtime";import{jsx as jn}from"react/jsx-runtime";import{jsx as da}from"react/jsx-runtime";var Ft="k-input-separator",ra={direction:"vertical"},ie=e=>{let{direction:t=ra.direction,...a}=e;return da("span",{...a,className:o(Ft,e.className,{[`${Ft}-${t}`]:t})})};var Ze="button",Ut=Ze;import{Fragment as Ta,jsx as fe,jsxs as Gt}from"react/jsx-runtime";var xe="k-button",pa=["icon-button"],ca=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],ma={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark,p.inverse]},ae={size:i.medium,rounded:u.medium,fillMode:b.solid,themeColor:p.base,showArrow:!1,arrowIconName:"caret-alt-down"},I=e=>{let{size:t=ae.size,rounded:a=ae.rounded,fillMode:n=ae.fillMode,themeColor:l=ae.themeColor,showArrow:r=ae.showArrow,arrowIconName:d=ae.arrowIconName,variant:m,hover:T,focus:h,active:A,selected:E,disabled:K,icon:g,text:y,iconClassName:R,...k}=e,w=g!==void 0,U=e.children!==void 0;return Gt("button",{...k,className:o(e.className,xe,yt(xe,m),f(xe,{size:t,rounded:a,fillMode:n,themeColor:l}),M(xe,{hover:T,focus:h,active:A,disabled:K,selected:E}),{"k-icon-button":!y&&!U&&w}),children:[g&&fe(L,{className:o(R,"k-button-icon"),icon:g}),y?Gt(Ta,{children:[y&&fe("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fe("span",{className:"k-button-text",children:e.children}),r&&fe("span",{className:"k-menu-button-arrow k-button-arrow",children:fe(L,{icon:d})})]})};I.states=ca;I.options=ma;I.variants=pa;I.className=xe;I.defaultOptions=ae;I.moduleName=Ze;I.folderName=Ut;import{jsx as vl}from"react/jsx-runtime";import{jsx as Il}from"react/jsx-runtime";import{jsx as Cl}from"react/jsx-runtime";var je="popup",Vt=je;import{jsx as $t}from"react/jsx-runtime";var Xt="k-animation-container",ua=[],ba={},Jt={positionMode:"absolute"},P=e=>{let{positionMode:t=Jt.positionMode,animationStyle:a,offset:n,...l}=e;return $t("div",{...l,style:{...n,...e.style},className:o(e.className,Xt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:$t("div",{className:"k-child-animation-container",style:a,children:e.children})})};P.states=ua;P.options=ba;P.className=Xt;P.defaultOptions=Jt;P.moduleName=je;P.folderName=Vt;var et="popup",Wt=et;import{jsx as qt}from"react/jsx-runtime";var Qt="k-popup",fa=[],xa={},Yt={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:a=Yt.positionMode,animationStyle:n,...l}=e;return qt(P,{positionMode:a,offset:t,animationStyle:n,children:qt("div",{...l,className:o(e.className,Qt),children:e.children})})};W.states=fa;W.options=xa;W.className=Qt;W.defaultOptions=Yt;W.moduleName=et;W.folderName=Wt;var tt="action-buttons",Zt=tt;import{jsx as La}from"react/jsx-runtime";var _e="k-actions",ha=[],Na={},ot={alignment:"start",orientation:"horizontal"},q=e=>{let{alignment:t=ot.alignment,orientation:a=ot.orientation,...n}=e;return La("div",{...n,className:o(_e,{[`${_e}-${t}`]:t,[`${_e}-${a}`]:a},e.className),children:e.children})};q.states=ha;q.options=Na;q.className=_e;q.defaultOptions=ot;q.moduleName=tt;q.folderName=Zt;import{jsx as Ma}from"react/jsx-runtime";var Aa="k-actionsheet-footer",jt={alignment:"stretched",orientation:"horizontal"},at=e=>{let{alignment:t=jt.alignment,orientation:a=jt.orientation,template:n,as:l=n?"div":q,...r}=e;return Ma(l,{...r,...!n&&{alignment:t,orientation:a},className:o(e.className,Aa),children:e.children})};var st="searchbox",eo=st;import{jsx as he,jsxs as ya}from"react/jsx-runtime";var to="k-searchbox",Sa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ea={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},nt={showIcon:!0,icon:"search",size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode},Q=e=>{let{value:t,placeholder:a,size:n,rounded:l,fillMode:r,hover:d,focus:m,valid:T,invalid:h,required:A,loading:E,disabled:K,showIcon:g=nt.showIcon,icon:y=nt.icon,...R}=e;return ya(N,{...R,size:n,rounded:l,fillMode:r,hover:d,focus:m,valid:T,invalid:h,required:A,loading:E,disabled:K,className:o(e.className,to),children:[g&&he(L,{className:"k-input-icon",icon:y}),he(V,{placeholder:a,value:t}),he(J,{...e}),he($,{...e}),he(G,{...e})]})};Q.states=Sa;Q.options=Ea;Q.className=to;Q.defaultOptions=nt;Q.moduleName=st;Q.folderName=eo;import{jsx as Si}from"react/jsx-runtime";var lt="textbox",oo=lt;import{Fragment as ao,jsx as Y,jsxs as it}from"react/jsx-runtime";var so="k-textbox",va=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ra={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},se={showClearButton:!0,showValidationIcon:!0,size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},Z=e=>{let{size:t=se.size,rounded:a=se.rounded,fillMode:n=se.fillMode,separators:l=se.separators,showClearButton:r=se.showClearButton,showValidationIcon:d=se.showValidationIcon,prefix:m,suffix:T,type:h,value:A,placeholder:E,hover:K,focus:g,valid:y,invalid:R,required:k,loading:w,disabled:U,readonly:Ee,...Be}=e;return it(N,{...Be,size:t,rounded:a,fillMode:n,hover:K,focus:g,valid:y,invalid:R,required:k,loading:w,disabled:U,readonly:Ee,className:o(e.className,so),children:[m&&it(ao,{children:[Y(He,{children:m}),l&&Y(ie,{})]}),Y(V,{placeholder:E,value:A,type:h}),d&&Y($,{valid:y,invalid:R,loading:w,disabled:U}),Y(J,{loading:w,disabled:U}),r&&Y(G,{loading:w,disabled:U,readonly:Ee,value:A}),T&&it(ao,{children:[l&&Y(ie,{}),Y(Ce,{children:T})]})]})};Z.states=va;Z.options=Ra;Z.className=so;Z.defaultOptions=se;Z.moduleName=lt;Z.folderName=oo;import{jsx as Ki}from"react/jsx-runtime";import{Fragment as Ui,jsx as Fi}from"react/jsx-runtime";import{Fragment as qi,jsx as Wi}from"react/jsx-runtime";import{jsx as j,jsxs as rt}from"react/jsx-runtime";var lo="k-actionsheet-titlebar",Oa={},ee=e=>{let{title:t,subtitle:a,actionsStart:n,actionsEnd:l,filter:r,input:d,inputValue:m,inputPlaceholder:T,adaptive:h,children:A,...E}=e;return rt("div",{...E,className:o(e.className,lo),children:[rt("div",{className:"k-actionsheet-titlebar-group",children:[n&&j("div",{className:"k-actionsheet-actions",children:n}),!A&&rt("div",{className:"k-actionsheet-title",children:[t&&j("div",{className:"k-text-center",children:t}),a&&j("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),A&&j("div",{className:"k-actionsheet-title",children:A}),l&&j("div",{className:"k-actionsheet-actions",children:l})]}),(d||r)&&j("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?j(Z,{value:m,placeholder:T,size:h?"large":"medium"}):j(Q,{placeholder:"Filter",size:h?"large":"medium"})})]})};ee.className=lo;ee.defaultOptions=Oa;import{jsx as dt,jsxs as Da}from"react/jsx-runtime";var pt="k-actionsheet-view",wa=[],Ia={},ga={},re=e=>{let{adaptive:t,animated:a,children:n,header:l,footer:r,...d}=e,m=l?.type===ee&&dt(ee,{adaptive:t,...l?.props}),T=r?.type===at&&dt(at,{...r?.props});return Da("div",{...d,className:o(e.className,pt,{[`${pt}-animated`]:a}),children:[m,dt("div",{className:"k-actionsheet-content",children:n}),T]})};re.states=wa;re.options=Ia;re.className=pt;re.defaultOptions=ga;var Ne="action-sheet",Ke=Ne;import{jsx as ke,jsxs as _a}from"react/jsx-runtime";var io="k-actionsheet",Ha=[],Ca={},Le={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=Le.side,fullscreen:a=Le.fullscreen,adaptive:n=Le.adaptive,overlay:l=Le.overlay,template:r,children:d,header:m,footer:T,...h}=e;return _a("div",{className:"k-actionsheet-container",children:[l&&ke("div",{className:"k-overlay"}),ke(P,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ke("div",{...h,className:o(e.className,io,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":n}),children:r||ke(re,{header:m,footer:T,adaptive:n,...e,children:d})})})]})};X.states=Ha;X.options=Ca;X.className=io;X.defaultOptions=Le;X.moduleName=Ne;X.folderName=Ke;import{jsx as za}from"react/jsx-runtime";var ro="k-actionsheet-container",Ka=[],ka={},Pa={},de=e=>{let{children:t,...a}=e;return za("div",{...a,className:ro,children:t})};de.states=Ka;de.options=ka;de.className=ro;de.defaultOptions=Pa;de.moduleName=Ne;de.folderName=Ke;import{jsx as Er}from"react/jsx-runtime";import{Fragment as Fa,jsx as Ae,jsxs as ct}from"react/jsx-runtime";var mt="k-actionsheet-item",Ba=[s.hover,s.focus,s.selected,s.disabled],Tt=e=>{let{iconName:t,text:a,description:n,hover:l,focus:r,selected:d,disabled:m,...T}=e;return ct("span",{...T,className:o(e.className,mt,M(mt,{hover:l,focus:r,selected:d,disabled:m})),children:[!e.children&&Ae(Fa,{children:ct("span",{className:"k-actionsheet-action",children:[t&&Ae("span",{className:"k-icon-wrap",children:Ae(L,{className:"k-actionsheet-item-icon",icon:t})}),ct("span",{className:"k-actionsheet-item-text",children:[a&&Ae("span",{className:"k-actionsheet-item-title",children:a}),n&&Ae("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};Tt.states=Ba;Tt.className=mt;import{jsx as Hr,jsxs as Cr}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";import{jsx as Ur}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var S="table",v=S;import{jsx as Va}from"react/jsx-runtime";var co="k-data-table",Ua=[],Ga={size:[i.small,i.medium,i.large]},mo={size:i.medium},D=e=>{let{size:t=mo.size,...a}=e;return Va("div",{...a,className:o(e.className,co,f("k-table",{size:t})),children:e.children})};D.states=Ua;D.options=Ga;D.className=co;D.defaultOptions=mo;D.moduleName=S;D.folderName=v;import{jsx as Wa}from"react/jsx-runtime";var ut="k-table-header-wrap",$a=[s.hover,s.focus,s.disabled],Xa={},Ja={},te=e=>{let{children:t,hover:a,focus:n,disabled:l,...r}=e;return Wa("div",{...r,className:o(e.className,ut,M(ut,{hover:a,focus:n,disabled:l})),children:t})};te.states=$a;te.options=Xa;te.className=ut;te.defaultOptions=Ja;te.moduleName=S;te.folderName=v;import{jsx as Za}from"react/jsx-runtime";var bt="k-table",qa=[],Qa={size:[i.small,i.medium,i.large]},Ya={},z=e=>{let{size:t,...a}=e;return Za("table",{...a,className:o(e.className,bt,f(bt,{size:t})),children:e.children})};z.states=qa;z.options=Qa;z.className=bt;z.defaultOptions=Ya;z.moduleName=S;z.folderName=v;import{jsx as ft}from"react/jsx-runtime";var xt="k-table-header",ja=[s.hover,s.focus,s.disabled],es={},ts={},H=e=>{let{children:t,hover:a,focus:n,disabled:l,...r}=e;return ft("div",{...r,className:o(e.className,xt,M(xt,{hover:a,focus:n,disabled:l})),children:ft(te,{children:ft(z,{children:t})})})};H.states=ja;H.options=es;H.className=xt;H.defaultOptions=ts;H.moduleName=S;H.folderName=v;import{jsx as ns}from"react/jsx-runtime";var To="k-table-scroller",os=[],as={},ss={},pe=e=>{let{children:t,...a}=e;return ns("div",{...a,className:o(e.className,To),children:t})};pe.states=os;pe.options=as;pe.className=To;pe.defaultOptions=ss;pe.moduleName=S;pe.folderName=v;import{jsx as is}from"react/jsx-runtime";var ls="k-table-body",Me=e=>is("div",{className:o(e.className,ls,"k-table-scroller"),children:e.children});import{jsx as cs}from"react/jsx-runtime";var uo="k-table-footer",rs=[],ds={},ps={},B=e=>{let{children:t,...a}=e;return cs("div",{...a,className:o(e.className,uo),children:t})};B.states=rs;B.options=ds;B.className=uo;B.defaultOptions=ps;B.moduleName=S;B.folderName=v;import{jsx as bs}from"react/jsx-runtime";var ht="k-table-list",ms=[],Ts={size:[i.small,i.medium,i.large]},us={},F=e=>{let{size:t,virtualization:a,...n}=e;return bs("ul",{...n,className:o(e.className,"k-table",ht,f(ht,{size:t}),{"k-virtual-table":a}),children:e.children})};F.states=ms;F.options=Ts;F.className=ht;F.defaultOptions=us;F.moduleName=S;F.folderName=v;import{jsx as xs}from"react/jsx-runtime";var fs="k-table-thead",ce=e=>xs("thead",{className:o(e.className,fs),children:e.children});import{jsx as $d}from"react/jsx-runtime";import{jsx as qd}from"react/jsx-runtime";import{jsx as Ns}from"react/jsx-runtime";var Nt="k-table-row",hs=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],oe=e=>{let{hover:t,focus:a,selected:n,highlighted:l,disabled:r,alt:d,...m}=e;return Ns("tr",{...m,className:o(e.className,Nt,{"k-table-alt-row":d},M(Nt,{hover:t,focus:a,disabled:r,selected:n,highlighted:l})),children:e.children})};oe.states=hs;oe.className=Nt;import{jsx as As}from"react/jsx-runtime";var Lt="k-table-row",Ls=[s.hover,s.focus,s.selected,s.disabled],C=e=>{let{hover:t,focus:a,selected:n,disabled:l,alt:r,...d}=e;return As("li",{...d,className:o(e.className,Lt,{"k-table-alt-row":r},M(Lt,{hover:t,focus:a,disabled:l,selected:n})),children:e.children})};C.states=Ls;C.className=Lt;import{jsx as Ms}from"react/jsx-runtime";var bo="k-table-th",_=e=>{let{text:t,colspan:a,rowspan:n,...l}=e,r=t||e.children;return Ms("th",{colSpan:a,rowSpan:n,...l,className:o(e.className,bo),children:r})};_.className=bo;_.moduleName=S;_.folderName=v;import{jsx as Es}from"react/jsx-runtime";var Ss="k-table-th",Pe=e=>{let{text:t,...a}=e,n=t||e.children;return Es("span",{...a,className:o(e.className,Ss),children:n})};import{jsx as vs}from"react/jsx-runtime";var At="k-table-td",ys=[s.focus,s.selected,s.highlighted],ze=e=>{let{focus:t,selected:a,highlighted:n,text:l,colspan:r,rowspan:d,...m}=e,T=l||e.children;return vs("td",{colSpan:r,rowSpan:d,...m,className:o(e.className,At,M(At,{focus:t,selected:a,highlighted:n})),children:T})};ze.states=ys;ze.className=At;import{jsx as Os}from"react/jsx-runtime";var Rs="k-table-td",x=e=>{let{text:t,...a}=e,n=t||e.children;return Os("span",{...a,className:o(e.className,Rs),children:n})};import{jsx as hp}from"react/jsx-runtime";import{jsx as Is}from"react/jsx-runtime";var ws="k-table-group-sticky-header",Mt=e=>Is("div",{className:o(e.className,ws),children:e.children});import{jsx as yp}from"react/jsx-runtime";import{jsx as Ds}from"react/jsx-runtime";var gs="k-table-group-row",St=e=>Ds("li",{className:o(e.className,gs),children:e.children});import{jsx as Dp,jsxs as Hp}from"react/jsx-runtime";import{jsx as kp,jsxs as Pp}from"react/jsx-runtime";import{jsx as Up,jsxs as Gp}from"react/jsx-runtime";import{Fragment as qp,jsx as Jp,jsxs as Wp}from"react/jsx-runtime";var fo="dropdown-grid",xo="dropdowngrid";import{Fragment as Et,jsx as c,jsxs as O}from"react/jsx-runtime";var ho="k-dropdowngrid",Ks=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ks={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},Se={size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode,separators:!0},ne=e=>{let{size:t=Se.size,rounded:a=Se.rounded,fillMode:n=Se.fillMode,separators:l=Se.separators,prefix:r,suffix:d,value:m,placeholder:T,hover:h,focus:A,valid:E,invalid:K,required:g,loading:y,disabled:R,popup:k,opened:w,readonly:U,adaptive:Ee,adaptiveSettings:Be,adaptiveTitle:Lo,adaptiveSubtitle:Ao,...Mo}=e;return O(Et,{children:[O(N,{...Mo,size:t,rounded:a,fillMode:n,hover:h,focus:A,valid:E,invalid:K,required:g,loading:y,disabled:R,readonly:U,className:o(e.className,ho,"k-combobox"),children:[r&&O(Et,{children:[c(He,{children:r}),l&&c(ie,{})]}),c(V,{placeholder:T,value:m}),c($,{valid:E,invalid:K,loading:y,disabled:R}),c(J,{loading:y,disabled:R}),c(G,{loading:y,disabled:R,readonly:U,value:m}),d&&O(Et,{children:[l&&c(ie,{}),c(Ce,{children:d})]}),c(I,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:n})]}),w&&k&&c(W,{className:"k-dropdowngrid-popup",children:k}),Ee&&c(X,{adaptive:!0,...Be,header:c(ee,{actionsEnd:c(I,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:m,inputPlaceholder:T,title:Lo,subtitle:Ao}),children:c("div",{className:"k-list-container",children:O(D,{size:"large",children:[O(H,{children:[O("colgroup",{children:[c("col",{style:{width:"50px"}}),c("col",{style:{width:"160px"}}),c("col",{})]}),c(ce,{children:O(oe,{children:[c(_,{text:"ID"}),c(_,{text:"Name"}),c(_,{text:"Job Title"})]})})]}),c(Mt,{children:c(Pe,{text:"Initial group"})}),c(Me,{children:O(F,{children:[O(C,{children:[c(x,{text:"1",style:{width:"50px"}}),c(x,{text:"Data 1.2",style:{width:"160px"}}),c(x,{text:"Data 1.3"})]}),O(C,{alt:!0,children:[c(x,{text:"2",style:{width:"50px"}}),c(x,{text:"Data 2.2 (alt)",style:{width:"160px"}}),c(x,{text:"Data 2.3"})]}),O(C,{children:[c(x,{text:"3",style:{width:"50px"}}),c(x,{text:"Data 3.2",style:{width:"160px"}}),c(x,{text:"Data 3.3"})]}),c(St,{children:c(Pe,{text:"Group"})}),O(C,{children:[c(x,{text:"4",style:{width:"50px"}}),c(x,{text:"Data 4.2",style:{width:"160px"}}),c(x,{text:"Data 4.3"})]}),O(C,{alt:!0,children:[c(x,{text:"5",style:{width:"50px"}}),c(x,{text:"Data 5.2 (alt)",style:{width:"160px"}}),c(x,{text:"Data 5.3"})]}),O(C,{children:[c(x,{text:"6",style:{width:"50px"}}),c(x,{text:"Data 6.2",style:{width:"160px"}}),c(x,{text:"Data 6.3"})]})]})}),c(B,{children:c(x,{text:"30 records in total"})})]})})})]})};ne.states=Ks;ne.options=ks;ne.className=ho;ne.defaultOptions=Se;ne.moduleName=fo;ne.folderName=xo;var No=ne;import{jsx as Ps}from"react/jsx-runtime";var _c=e=>Ps(No,{...e});export{_c as DropdownGridNormal};