@progress/kendo-themes-html/dist/esm/dropdowngrid/templates/dropdowngrid-prefix.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:N,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":N,"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 vt(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 vo}from"react/jsx-runtime";var ve="k-input",Eo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yo={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},L=e=>{let{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m,size:T=Re.size,rounded:N=Re.rounded,fillMode:A=Re.fillMode,...E}=e;return vo("span",{...E,className:o(e.className,ve,f(ve,{size:T,rounded:N,fillMode:A}),M(ve,{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m}))})};L.states=Eo;L.options=yo;L.className=ve;L.defaultOptions=Re;L.moduleName=me;L.folderName=ye;import{jsx as wo}from"react/jsx-runtime";var Oe="k-picker",Ro=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Oo={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:N=we.rounded,fillMode:A=we.fillMode,...E}=e;return wo("span",{...E,className:o(e.className,Oe,f(Oe,{size:T,rounded:N,fillMode:A}),M(Oe,{hover:t,focus:a,disabled:n,invalid:l,valid:r,loading:d,readonly:m})),children:e.children})};le.states=Ro;le.options=Oo;le.className=Oe;le.defaultOptions=we;le.moduleName=me;le.folderName=ye;import{Fragment as Ho,jsx as Rt}from"react/jsx-runtime";var Fe="k-font-icon",Io=[],go={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]},Do={},Te=e=>{let{size:t,themeColor:a,icon:n,rotate:l,flip:r,...d}=e;return n?Rt("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"})}):Rt(Ho,{})};Te.states=Io;Te.options=go;Te.className=Fe;Te.defaultOptions=Do;var Ot=Te;import{Fragment as Ko,jsx as Ie}from"react/jsx-runtime";var Ue="k-svg-icon",Co=[],_o={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]},wt={viewBox:"0 0 24 24"},ue=e=>{let{size:t,themeColor:a,rotate:n,flip:l,viewBox:r=wt.viewBox,icon:d,...m}=e;if(!d)return Ie(Ko,{});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=Co;ue.options=_o;ue.className=Ue;ue.defaultOptions=wt;var Ge=ue;import*as Ve from"@progress/kendo-svg-icons";var It="icon",gt="icons";import{Fragment as Dt,jsx as be}from"react/jsx-runtime";var ge="k-icon",ko=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Po=[],zo={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"},x=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(Dt,{});if(l==="svg"){if(n==="none")return be(Ge,{...T,className:o(e.className,ge),icon:n,size:t});let N=Ve[n]?n:ko(`${n}-icon`);return Ve[N]?be(Ge,{...T,className:o(e.className,ge),icon:Ve[N],size:t,themeColor:a,rotate:r,flip:d,viewBox:m}):be(Dt,{})}return be(Ot,{...T,className:o(e.className,ge),icon:n,size:t,themeColor:a,rotate:r,flip:d})};x.states=Po;x.options=zo;x.defaultOptions=$e;x.className=ge;x.moduleName=It;x.folderName=gt;import{Fragment as Uo,jsx as Xe}from"react/jsx-runtime";var Ht="k-clear-value",Bo=[s.disabled,s.loading,s.readonly],Fo={},G=e=>{let{disabled:t,loading:a,readonly:n,value:l}=e;return t||n||a||!l?Xe(Uo,{}):Xe("span",{className:o(e.className,Ht),children:Xe(x,{icon:"x"})})};G.states=Bo;G.options=Fo;G.className=Ht;import{jsx as $o}from"react/jsx-runtime";var Je="k-input-inner",Go=[],Vo={},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 $o("input",{...r,type:a,className:o(e.className,Je,f(Je,e)),placeholder:n,autoComplete:l,defaultValue:t})};V.states=Go;V.options=Vo;V.className=Je;import{jsx as Ct,jsxs as Wo}from"react/jsx-runtime";var We="k-input-inner",Xo=[],Jo={},qe=e=>{let{value:t,placeholder:a,showValue:n,valueIcon:l,valueIconName:r,...d}=e;return Wo("span",{...d,className:o(e.className,We,f(We,e)),children:[l,!l&&r&&Ct(x,{className:"k-input-value-icon",icon:r}),n&&!t&&a,n&&t&&Ct("span",{className:"k-input-value-text",children:t})]})};qe.states=Xo;qe.options=Jo;qe.className=We;import{jsx as Yo}from"react/jsx-runtime";var Qe="k-input-inner",qo=[],Qo={},_t={value:"",placeholder:""},Ye=e=>{let{value:t=_t.value,placeholder:a=_t.placeholder,rows:n,...l}=e;return Yo("textarea",{...l,className:o(e.className,Qe,f(Qe,e)),placeholder:a,rows:n,defaultValue:t})};Ye.states=qo;Ye.options=Qo;Ye.className=Qe;import{Fragment as jo,jsx as Kt}from"react/jsx-runtime";var kt="k-input-loading-icon",Zo=[s.disabled,s.loading],J=e=>{let{disabled:t,loading:a}=e;return t||!a?Kt(jo,{}):Kt("span",{className:o(e.className,kt,"k-icon k-i-loading")})};J.states=Zo;J.className=kt;import{Fragment as oa,jsx as Pt}from"react/jsx-runtime";var zt="k-input-validation-icon",ea=[s.valid,s.invalid,s.disabled,s.loading],ta={},$=e=>{let{valid:t,invalid:a,disabled:n,loading:l}=e,r=a?"warning-circle":"check-circle";return n||l||!!!(t||a)?Pt(oa,{}):Pt(x,{className:o(zt),icon:r})};$.states=ea;$.options=ta;$.className=zt;import{Fragment as na,jsx as Bt}from"react/jsx-runtime";var aa="k-input-prefix",sa={direction:"horizontal"},He=e=>{let{direction:t=sa.direction,...a}=e;return e.children?Bt("span",{...a,className:o(aa,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bt(na,{})};import{Fragment as ra,jsx as Ft}from"react/jsx-runtime";var la="k-input-suffix",ia={direction:"horizontal"},Ce=e=>{let{direction:t=ia.direction,...a}=e;return e.children?Ft("span",{...a,className:o(la,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ft(ra,{})};import{jsx as Qn}from"react/jsx-runtime";import{jsx as el}from"react/jsx-runtime";import{jsx as pa}from"react/jsx-runtime";var Ut="k-input-separator",da={direction:"vertical"},ie=e=>{let{direction:t=da.direction,...a}=e;return pa("span",{...a,className:o(Ut,e.className,{[`${Ut}-${t}`]:t})})};var Ze="button",Gt=Ze;import{Fragment as ua,jsx as fe,jsxs as Vt}from"react/jsx-runtime";var xe="k-button",ca=["icon-button"],ma=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Ta={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:N,active:A,selected:E,disabled:K,icon:g,text:y,iconClassName:R,...k}=e,w=g!==void 0,U=e.children!==void 0;return Vt("button",{...k,className:o(e.className,xe,vt(xe,m),f(xe,{size:t,rounded:a,fillMode:n,themeColor:l}),M(xe,{hover:T,focus:N,active:A,disabled:K,selected:E}),{"k-icon-button":!y&&!U&&w}),children:[g&&fe(x,{className:o(R,"k-button-icon"),icon:g}),y?Vt(ua,{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(x,{icon:d})})]})};I.states=ma;I.options=Ta;I.variants=ca;I.className=xe;I.defaultOptions=ae;I.moduleName=Ze;I.folderName=Gt;import{jsx as Rl}from"react/jsx-runtime";import{jsx as gl}from"react/jsx-runtime";import{jsx as _l}from"react/jsx-runtime";var je="popup",$t=je;import{jsx as Xt}from"react/jsx-runtime";var Jt="k-animation-container",ba=[],fa={},Wt={positionMode:"absolute"},P=e=>{let{positionMode:t=Wt.positionMode,animationStyle:a,offset:n,...l}=e;return Xt("div",{...l,style:{...n,...e.style},className:o(e.className,Jt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Xt("div",{className:"k-child-animation-container",style:a,children:e.children})})};P.states=ba;P.options=fa;P.className=Jt;P.defaultOptions=Wt;P.moduleName=je;P.folderName=$t;var et="popup",qt=et;import{jsx as Qt}from"react/jsx-runtime";var Yt="k-popup",xa=[],ha={},Zt={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:a=Zt.positionMode,animationStyle:n,...l}=e;return Qt(P,{positionMode:a,offset:t,animationStyle:n,children:Qt("div",{...l,className:o(e.className,Yt),children:e.children})})};W.states=xa;W.options=ha;W.className=Yt;W.defaultOptions=Zt;W.moduleName=et;W.folderName=qt;var tt="action-buttons",jt=tt;import{jsx as Aa}from"react/jsx-runtime";var _e="k-actions",Na=[],La={},ot={alignment:"start",orientation:"horizontal"},q=e=>{let{alignment:t=ot.alignment,orientation:a=ot.orientation,...n}=e;return Aa("div",{...n,className:o(_e,{[`${_e}-${t}`]:t,[`${_e}-${a}`]:a},e.className),children:e.children})};q.states=Na;q.options=La;q.className=_e;q.defaultOptions=ot;q.moduleName=tt;q.folderName=jt;import{jsx as Sa}from"react/jsx-runtime";var Ma="k-actionsheet-footer",eo={alignment:"stretched",orientation:"horizontal"},at=e=>{let{alignment:t=eo.alignment,orientation:a=eo.orientation,template:n,as:l=n?"div":q,...r}=e;return Sa(l,{...r,...!n&&{alignment:t,orientation:a},className:o(e.className,Ma),children:e.children})};var st="searchbox",to=st;import{jsx as he,jsxs as va}from"react/jsx-runtime";var oo="k-searchbox",Ea=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ya={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:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode},Q=e=>{let{value:t,placeholder:a,size:n,rounded:l,fillMode:r,hover:d,focus:m,valid:T,invalid:N,required:A,loading:E,disabled:K,showIcon:g=nt.showIcon,icon:y=nt.icon,...R}=e;return va(L,{...R,size:n,rounded:l,fillMode:r,hover:d,focus:m,valid:T,invalid:N,required:A,loading:E,disabled:K,className:o(e.className,oo),children:[g&&he(x,{className:"k-input-icon",icon:y}),he(V,{placeholder:a,value:t}),he(J,{...e}),he($,{...e}),he(G,{...e})]})};Q.states=Ea;Q.options=ya;Q.className=oo;Q.defaultOptions=nt;Q.moduleName=st;Q.folderName=to;import{jsx as Ei}from"react/jsx-runtime";var lt="textbox",ao=lt;import{Fragment as so,jsx as Y,jsxs as it}from"react/jsx-runtime";var no="k-textbox",Ra=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Oa={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:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.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:N,value:A,placeholder:E,hover:K,focus:g,valid:y,invalid:R,required:k,loading:w,disabled:U,readonly:Ee,...Be}=e;return it(L,{...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,no),children:[m&&it(so,{children:[Y(He,{children:m}),l&&Y(ie,{})]}),Y(V,{placeholder:E,value:A,type:N}),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(so,{children:[l&&Y(ie,{}),Y(Ce,{children:T})]})]})};Z.states=Ra;Z.options=Oa;Z.className=no;Z.defaultOptions=se;Z.moduleName=lt;Z.folderName=ao;import{jsx as ki}from"react/jsx-runtime";import{Fragment as Gi,jsx as Ui}from"react/jsx-runtime";import{Fragment as Qi,jsx as qi}from"react/jsx-runtime";import{jsx as j,jsxs as rt}from"react/jsx-runtime";var io="k-actionsheet-titlebar",wa={},ee=e=>{let{title:t,subtitle:a,actionsStart:n,actionsEnd:l,filter:r,input:d,inputValue:m,inputPlaceholder:T,adaptive:N,children:A,...E}=e;return rt("div",{...E,className:o(e.className,io),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:N?"large":"medium"}):j(Q,{placeholder:"Filter",size:N?"large":"medium"})})]})};ee.className=io;ee.defaultOptions=wa;import{jsx as dt,jsxs as Ha}from"react/jsx-runtime";var pt="k-actionsheet-view",Ia=[],ga={},Da={},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 Ha("div",{...d,className:o(e.className,pt,{[`${pt}-animated`]:a}),children:[m,dt("div",{className:"k-actionsheet-content",children:n}),T]})};re.states=Ia;re.options=ga;re.className=pt;re.defaultOptions=Da;var Ne="action-sheet",Ke=Ne;import{jsx as ke,jsxs as Ka}from"react/jsx-runtime";var ro="k-actionsheet",Ca=[],_a={},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,...N}=e;return Ka("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",{...N,className:o(e.className,ro,{[`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=Ca;X.options=_a;X.className=ro;X.defaultOptions=Le;X.moduleName=Ne;X.folderName=Ke;import{jsx as Ba}from"react/jsx-runtime";var po="k-actionsheet-container",ka=[],Pa={},za={},de=e=>{let{children:t,...a}=e;return Ba("div",{...a,className:po,children:t})};de.states=ka;de.options=Pa;de.className=po;de.defaultOptions=za;de.moduleName=Ne;de.folderName=Ke;import{jsx as yr}from"react/jsx-runtime";import{Fragment as Ua,jsx as Ae,jsxs as ct}from"react/jsx-runtime";var mt="k-actionsheet-item",Fa=[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(Ua,{children:ct("span",{className:"k-actionsheet-action",children:[t&&Ae("span",{className:"k-icon-wrap",children:Ae(x,{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=Fa;Tt.className=mt;import{jsx as Cr,jsxs as _r}from"react/jsx-runtime";import{jsx as zr}from"react/jsx-runtime";import{jsx as Gr}from"react/jsx-runtime";import{jsx as Jr}from"react/jsx-runtime";var S="table",v=S;import{jsx as $a}from"react/jsx-runtime";var mo="k-data-table",Ga=[],Va={size:[i.small,i.medium,i.large]},To={size:i.medium},D=e=>{let{size:t=To.size,...a}=e;return $a("div",{...a,className:o(e.className,mo,f("k-table",{size:t})),children:e.children})};D.states=Ga;D.options=Va;D.className=mo;D.defaultOptions=To;D.moduleName=S;D.folderName=v;import{jsx as qa}from"react/jsx-runtime";var ut="k-table-header-wrap",Xa=[s.hover,s.focus,s.disabled],Ja={},Wa={},te=e=>{let{children:t,hover:a,focus:n,disabled:l,...r}=e;return qa("div",{...r,className:o(e.className,ut,M(ut,{hover:a,focus:n,disabled:l})),children:t})};te.states=Xa;te.options=Ja;te.className=ut;te.defaultOptions=Wa;te.moduleName=S;te.folderName=v;import{jsx as ja}from"react/jsx-runtime";var bt="k-table",Qa=[],Ya={size:[i.small,i.medium,i.large]},Za={},z=e=>{let{size:t,...a}=e;return ja("table",{...a,className:o(e.className,bt,f(bt,{size:t})),children:e.children})};z.states=Qa;z.options=Ya;z.className=bt;z.defaultOptions=Za;z.moduleName=S;z.folderName=v;import{jsx as ft}from"react/jsx-runtime";var xt="k-table-header",es=[s.hover,s.focus,s.disabled],ts={},os={},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=es;H.options=ts;H.className=xt;H.defaultOptions=os;H.moduleName=S;H.folderName=v;import{jsx as ls}from"react/jsx-runtime";var uo="k-table-scroller",as=[],ss={},ns={},pe=e=>{let{children:t,...a}=e;return ls("div",{...a,className:o(e.className,uo),children:t})};pe.states=as;pe.options=ss;pe.className=uo;pe.defaultOptions=ns;pe.moduleName=S;pe.folderName=v;import{jsx as rs}from"react/jsx-runtime";var is="k-table-body",Me=e=>rs("div",{className:o(e.className,is,"k-table-scroller"),children:e.children});import{jsx as ms}from"react/jsx-runtime";var bo="k-table-footer",ds=[],ps={},cs={},B=e=>{let{children:t,...a}=e;return ms("div",{...a,className:o(e.className,bo),children:t})};B.states=ds;B.options=ps;B.className=bo;B.defaultOptions=cs;B.moduleName=S;B.folderName=v;import{jsx as fs}from"react/jsx-runtime";var ht="k-table-list",Ts=[],us={size:[i.small,i.medium,i.large]},bs={},F=e=>{let{size:t,virtualization:a,...n}=e;return fs("ul",{...n,className:o(e.className,"k-table",ht,f(ht,{size:t}),{"k-virtual-table":a}),children:e.children})};F.states=Ts;F.options=us;F.className=ht;F.defaultOptions=bs;F.moduleName=S;F.folderName=v;import{jsx as hs}from"react/jsx-runtime";var xs="k-table-thead",ce=e=>hs("thead",{className:o(e.className,xs),children:e.children});import{jsx as Xd}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";import{jsx as Ls}from"react/jsx-runtime";var Nt="k-table-row",Ns=[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 Ls("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=Ns;oe.className=Nt;import{jsx as Ms}from"react/jsx-runtime";var Lt="k-table-row",As=[s.hover,s.focus,s.selected,s.disabled],C=e=>{let{hover:t,focus:a,selected:n,disabled:l,alt:r,...d}=e;return Ms("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=As;C.className=Lt;import{jsx as Ss}from"react/jsx-runtime";var fo="k-table-th",_=e=>{let{text:t,colspan:a,rowspan:n,...l}=e,r=t||e.children;return Ss("th",{colSpan:a,rowSpan:n,...l,className:o(e.className,fo),children:r})};_.className=fo;_.moduleName=S;_.folderName=v;import{jsx as ys}from"react/jsx-runtime";var Es="k-table-th",Pe=e=>{let{text:t,...a}=e,n=t||e.children;return ys("span",{...a,className:o(e.className,Es),children:n})};import{jsx as Rs}from"react/jsx-runtime";var At="k-table-td",vs=[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 Rs("td",{colSpan:r,rowSpan:d,...m,className:o(e.className,At,M(At,{focus:t,selected:a,highlighted:n})),children:T})};ze.states=vs;ze.className=At;import{jsx as ws}from"react/jsx-runtime";var Os="k-table-td",h=e=>{let{text:t,...a}=e,n=t||e.children;return ws("span",{...a,className:o(e.className,Os),children:n})};import{jsx as Np}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";var Is="k-table-group-sticky-header",Mt=e=>gs("div",{className:o(e.className,Is),children:e.children});import{jsx as vp}from"react/jsx-runtime";import{jsx as Hs}from"react/jsx-runtime";var Ds="k-table-group-row",St=e=>Hs("li",{className:o(e.className,Ds),children:e.children});import{jsx as Hp,jsxs as Cp}from"react/jsx-runtime";import{jsx as Pp,jsxs as zp}from"react/jsx-runtime";import{jsx as Gp,jsxs as Vp}from"react/jsx-runtime";import{Fragment as Qp,jsx as Wp,jsxs as qp}from"react/jsx-runtime";var xo="dropdown-grid",ho="dropdowngrid";import{Fragment as Et,jsx as c,jsxs as O}from"react/jsx-runtime";var No="k-dropdowngrid",ks=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ps={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:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.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:N,focus:A,valid:E,invalid:K,required:g,loading:y,disabled:R,popup:k,opened:w,readonly:U,adaptive:Ee,adaptiveSettings:Be,adaptiveTitle:Ao,adaptiveSubtitle:Mo,...So}=e;return O(Et,{children:[O(L,{...So,size:t,rounded:a,fillMode:n,hover:N,focus:A,valid:E,invalid:K,required:g,loading:y,disabled:R,readonly:U,className:o(e.className,No,"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:Ao,subtitle:Mo}),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(h,{text:"1",style:{width:"50px"}}),c(h,{text:"Data 1.2",style:{width:"160px"}}),c(h,{text:"Data 1.3"})]}),O(C,{alt:!0,children:[c(h,{text:"2",style:{width:"50px"}}),c(h,{text:"Data 2.2 (alt)",style:{width:"160px"}}),c(h,{text:"Data 2.3"})]}),O(C,{children:[c(h,{text:"3",style:{width:"50px"}}),c(h,{text:"Data 3.2",style:{width:"160px"}}),c(h,{text:"Data 3.3"})]}),c(St,{children:c(Pe,{text:"Group"})}),O(C,{children:[c(h,{text:"4",style:{width:"50px"}}),c(h,{text:"Data 4.2",style:{width:"160px"}}),c(h,{text:"Data 4.3"})]}),O(C,{alt:!0,children:[c(h,{text:"5",style:{width:"50px"}}),c(h,{text:"Data 5.2 (alt)",style:{width:"160px"}}),c(h,{text:"Data 5.3"})]}),O(C,{children:[c(h,{text:"6",style:{width:"50px"}}),c(h,{text:"Data 6.2",style:{width:"160px"}}),c(h,{text:"Data 6.3"})]})]})}),c(B,{children:c(h,{text:"30 records in total"})})]})})})]})};ne.states=ks;ne.options=Ps;ne.className=No;ne.defaultOptions=Se;ne.moduleName=xo;ne.folderName=ho;var Lo=ne;import{Fragment as zs,jsx as yt}from"react/jsx-runtime";var kc=e=>yt(Lo,{prefix:yt(zs,{children:yt(x,{icon:"map-marker-target"})}),...e});export{kc as DropdownGridPrefix};