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