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