@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,s)=>t[s]||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"}),I=(e,t)=>o({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly});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"},d={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={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"};import{jsx as Jt}from"react/jsx-runtime";var ye="k-input",Ft=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],_t={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:i.medium,rounded:i.medium,fillMode:b.solid},L=e=>{let{hover:t,focus:a,disabled:s,invalid:n,valid:r,loading:p,readonly:f,size:x=Se.size,rounded:N=Se.rounded,fillMode:w=Se.fillMode,...g}=e;return Jt("span",{...g,className:o(e.className,ye,h(ye,{size:x,rounded:N,fillMode:w}),I(ye,{hover:t,focus:a,disabled:s,invalid:n,valid:r,loading:p,readonly:f}))})};L.states=Ft;L.options=_t;L.className=ye;L.defaultOptions=Se;import{jsx as Ut}from"react/jsx-runtime";var we="k-picker",Xt=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qt={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},ve={size:i.medium,rounded:u.medium,fillMode:b.solid},ge=e=>{let{hover:t,focus:a,disabled:s,invalid:n,valid:r,loading:p,readonly:f,size:x=ve.size,rounded:N=ve.rounded,fillMode:w=ve.fillMode,...g}=e;return Ut("span",{...g,className:o(e.className,we,h(we,{size:x,rounded:N,fillMode:w}),I(we,{hover:t,focus:a,disabled:s,invalid:n,valid:r,loading:p,readonly:f})),children:e.children})};ge.states=Xt;ge.options=qt;ge.className=we;ge.defaultOptions=ve;import{Fragment as Zt,jsx as it}from"react/jsx-runtime";var Oe="k-icon k-font-icon",Wt=[],Qt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Yt={},de=e=>{let{size:t,themeColor:a,icon:s,rotate:n,flip:r,...p}=e;return s?it("span",{...p,className:o(e.className,Oe,h(Oe,{size:t}),{[`k-i-${s}`]:s,[`k-color-${a}`]:a,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"})}):it(Zt,{})};de.states=Wt;de.options=Qt;de.className=Oe;de.defaultOptions=Yt;var nt=de;import{Fragment as to,jsx as Ie}from"react/jsx-runtime";var ze="k-icon k-svg-icon",jt=[],eo={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},rt={viewBox:"0 0 24 24"},ce=e=>{let{size:t,themeColor:a,rotate:s,flip:n,viewBox:r=rt.viewBox,icon:p,...f}=e;if(!p)return Ie(to,{});p==="none"&&{...f,className:o(e.className,ze,"k-none")};let x=typeof p=="object"&&p.name&&p.name;return Ie("span",{...f,className:o(e.className,ze,h("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),children:Ie("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:r,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ce.states=jt;ce.options=eo;ce.className=ze;ce.defaultOptions=rt;var Ce=ce;import*as dt from"@progress/kendo-svg-icons";import{Fragment as ct,jsx as pe}from"react/jsx-runtime";var oo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ao=[],lo={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Pe={viewBox:"0 0 24 24",type:"svg"},S=e=>{let{size:t,themeColor:a,icon:s,type:n=Pe.type,rotate:r,flip:p,viewBox:f=Pe.viewBox,...x}=e;if(!s)return pe(ct,{});if(n==="svg"){if(s==="none")return pe(Ce,{...x,icon:s,size:t});let N=oo(`${s}-icon`);return dt[N]?pe(Ce,{...x,icon:dt[N],size:t,themeColor:a,rotate:r,flip:p,viewBox:f}):pe(ct,{})}return pe(nt,{...x,icon:s,size:t,themeColor:a,rotate:r,flip:p})};S.states=ao;S.options=lo;S.defaultOptions=Pe;import{Fragment as no,jsx as Ke}from"react/jsx-runtime";var pt="k-clear-value",so=[l.disabled,l.loading,l.readonly],io={},P=e=>{let{disabled:t,loading:a,readonly:s,value:n}=e;return t||s||a||!n?Ke(no,{}):Ke("span",{className:o(e.className,pt),children:Ke(S,{icon:"x"})})};P.states=so;P.options=io;P.className=pt;import{jsx as po}from"react/jsx-runtime";var Be="k-input-inner",ro=[],co={},Me={type:"text",autocomplete:"off",value:"",placeholder:""},K=e=>{let{value:t=Me.value,type:a=Me.type,placeholder:s=Me.placeholder,autocomplete:n=Me.autocomplete,...r}=e;return po("input",{...r,type:a,className:o(e.className,Be,h(Be,e)),placeholder:s,autoComplete:n,defaultValue:t})};K.states=ro;K.options=co;K.className=Be;import{jsx as mt,jsxs as uo}from"react/jsx-runtime";var Ge="k-input-inner",mo=[],To={},Ve=e=>{let{value:t,placeholder:a,showValue:s,valueIcon:n,valueIconName:r,...p}=e;return uo("span",{...p,className:o(e.className,Ge,h(Ge,e)),children:[n,!n&&r&&mt(S,{className:"k-input-value-icon",icon:r}),s&&!t&&a,s&&t&&mt("span",{className:"k-input-value-text",children:t})]})};Ve.states=mo;Ve.options=To;Ve.className=Ge;import{jsx as fo}from"react/jsx-runtime";var $e="k-input-inner",bo=[],xo={},Tt={value:"",placeholder:""},Fe=e=>{let{value:t=Tt.value,placeholder:a=Tt.placeholder,rows:s,...n}=e;return fo("textarea",{...n,className:o(e.className,$e,h($e,e)),placeholder:a,rows:s,defaultValue:t})};Fe.states=bo;Fe.options=xo;Fe.className=$e;import{Fragment as No,jsx as ut}from"react/jsx-runtime";var bt="k-input-loading-icon",ho=[l.disabled,l.loading],V=e=>{let{disabled:t,loading:a}=e;return t||!a?ut(No,{}):ut("span",{className:o(e.className,bt,"k-icon k-i-loading")})};V.states=ho;V.className=bt;import{Fragment as So,jsx as xt}from"react/jsx-runtime";var ft="k-input-validation-icon",Lo=[l.valid,l.invalid,l.disabled,l.loading],yo={},B=e=>{let{valid:t,invalid:a,disabled:s,loading:n}=e,r=a?"warning-circle":"check-circle";return s||n||!!!(t||a)?xt(So,{}):xt(S,{className:o(ft),icon:r})};B.states=Lo;B.options=yo;B.className=ft;import{Fragment as go,jsx as ht}from"react/jsx-runtime";var wo="k-input-prefix",vo={direction:"horizontal"},Ae=e=>{let{direction:t=vo.direction,...a}=e;return e.children?ht("span",{...a,className:o(wo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ht(go,{})};import{Fragment as Ao,jsx as Nt}from"react/jsx-runtime";var Io="k-input-suffix",Mo={direction:"horizontal"},Re=e=>{let{direction:t=Mo.direction,...a}=e;return e.children?Nt("span",{...a,className:o(Io,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Nt(Ao,{})};import{jsx as Xl}from"react/jsx-runtime";import{jsx as Ql}from"react/jsx-runtime";import{jsx as ko}from"react/jsx-runtime";var Lt="k-input-separator",Ro={direction:"vertical"},oe=e=>{let{direction:t=Ro.direction,...a}=e;return ko("span",{...a,className:o(Lt,e.className,{[`${Lt}-${t}`]:t})})};import{Fragment as Eo,jsx as me,jsxs as yt}from"react/jsx-runtime";var ke="k-button",Do=[l.hover,l.focus,l.active,l.selected,l.disabled],Ho={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:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},W={size:i.medium,rounded:u.medium,fillMode:b.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},O=e=>{let{size:t=W.size,rounded:a=W.rounded,fillMode:s=W.fillMode,themeColor:n=W.themeColor,showArrow:r=W.showArrow,arrowIconName:p=W.arrowIconName,hover:f,focus:x,active:N,selected:w,disabled:g,icon:H,text:E,iconClassName:A,...R}=e,te=H!==void 0,G=e.children!==void 0;return yt("button",{...R,className:o(e.className,ke,h(ke,{size:t,rounded:a,fillMode:s,themeColor:n}),I(ke,{hover:f,focus:x,active:N,disabled:g,selected:w}),{"k-icon-button":!E&&!G&&te}),children:[H&&me(S,{className:o(A,"k-button-icon"),icon:H}),E?yt(Eo,{children:[E&&me("span",{className:"k-button-text",children:E}),e.children]}):e.children&&me("span",{className:"k-button-text",children:e.children}),r&&me("span",{className:"k-menu-button-arrow k-button-arrow",children:me(S,{icon:p})})]})};O.states=Do;O.options=Ho;O.className=ke;O.defaultOptions=W;import{jsx as ys}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";import{jsx as Rs}from"react/jsx-runtime";import{jsx as St}from"react/jsx-runtime";var wt="k-animation-container",Oo=[],zo={},vt={positionMode:"absolute"},$=e=>{let{positionMode:t=vt.positionMode,animationStyle:a,offset:s,...n}=e;return St("div",{...n,style:{...s,...e.style},className:o(e.className,wt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:St("div",{className:"k-child-animation-container",style:a,children:e.children})})};$.states=Oo;$.options=zo;$.className=wt;$.defaultOptions=vt;import{jsx as gt}from"react/jsx-runtime";var It="k-popup",Co=[],Po={},Mt={positionMode:"absolute"},ae=e=>{let{offset:t,positionMode:a=Mt.positionMode,animationStyle:s,...n}=e;return gt($,{positionMode:a,offset:t,animationStyle:s,children:gt("div",{...n,className:o(e.className,It),children:e.children})})};ae.states=Co;ae.options=Po;ae.className=It;ae.defaultOptions=Mt;import{jsx as Go}from"react/jsx-runtime";var De="k-actions",Ko=[],Bo={},_e={alignment:"start",orientation:"horizontal"},le=e=>{let{alignment:t=_e.alignment,orientation:a=_e.orientation,...s}=e;return Go("div",{...s,className:o(De,{[`${De}-${t}`]:t,[`${De}-${a}`]:a},e.className),children:e.children})};le.states=Ko;le.options=Bo;le.className=De;le.defaultOptions=_e;import{jsx as $o}from"react/jsx-runtime";var Vo="k-actionsheet-footer",At={alignment:"stretched",orientation:"horizontal"},Je=e=>{let{alignment:t=At.alignment,orientation:a=At.orientation,template:s,as:n=s?"div":le,...r}=e;return $o(n,{...r,...!s&&{alignment:t,orientation:a},className:o(e.className,Vo),children:e.children})};import{jsx as Te,jsxs as Jo}from"react/jsx-runtime";var Rt="k-searchbox",Fo=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],_o={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},Xe={showIcon:!0,icon:"search",size:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode},se=e=>{let{value:t,placeholder:a,size:s,rounded:n,fillMode:r,hover:p,focus:f,valid:x,invalid:N,required:w,loading:g,disabled:H,showIcon:E=Xe.showIcon,icon:A=Xe.icon,...R}=e;return Jo(L,{...R,size:s,rounded:n,fillMode:r,hover:p,focus:f,valid:x,invalid:N,required:w,loading:g,disabled:H,className:o(e.className,Rt),children:[E&&Te(S,{className:"k-input-icon",icon:A}),Te(K,{placeholder:a,value:t}),Te(V,{...e}),Te(B,{...e}),Te(P,{...e})]})};se.states=Fo;se.options=_o;se.className=Rt;se.defaultOptions=Xe;import{jsx as ci}from"react/jsx-runtime";import{Fragment as kt,jsx as F,jsxs as qe}from"react/jsx-runtime";var Dt="k-textbox",Xo=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qo={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},Q={showClearButton:!0,showValidationIcon:!0,size:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode,separators:!0},ie=e=>{let{size:t=Q.size,rounded:a=Q.rounded,fillMode:s=Q.fillMode,separators:n=Q.separators,showClearButton:r=Q.showClearButton,showValidationIcon:p=Q.showValidationIcon,prefix:f,suffix:x,type:N,value:w,placeholder:g,hover:H,focus:E,valid:A,invalid:R,required:te,loading:G,disabled:U,readonly:Le,...Ee}=e;return qe(L,{...Ee,size:t,rounded:a,fillMode:s,hover:H,focus:E,valid:A,invalid:R,required:te,loading:G,disabled:U,readonly:Le,className:o(e.className,Dt),children:[f&&qe(kt,{children:[F(Ae,{children:f}),n&&F(oe,{})]}),F(K,{placeholder:g,value:w,type:N}),p&&F(B,{valid:A,invalid:R,loading:G,disabled:U}),F(V,{loading:G,disabled:U}),r&&F(P,{loading:G,disabled:U,readonly:Le,value:w}),x&&qe(kt,{children:[n&&F(oe,{}),F(Re,{children:x})]})]})};ie.states=Xo;ie.options=qo;ie.className=Dt;ie.defaultOptions=Q;import{jsx as yi}from"react/jsx-runtime";import{Fragment as Mi,jsx as Ii}from"react/jsx-runtime";import{Fragment as Oi,jsx as Ei}from"react/jsx-runtime";import{jsx as _,jsxs as Ue}from"react/jsx-runtime";var Et="k-actionsheet-titlebar",Uo={},J=e=>{let{title:t,subtitle:a,actionsStart:s,actionsEnd:n,filter:r,input:p,inputValue:f,inputPlaceholder:x,adaptive:N,children:w,...g}=e;return Ue("div",{...g,className:o(e.className,Et),children:[Ue("div",{className:"k-actionsheet-titlebar-group",children:[s&&_("div",{className:"k-actionsheet-actions",children:s}),!w&&Ue("div",{className:"k-actionsheet-title",children:[t&&_("div",{className:"k-text-center",children:t}),a&&_("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),w&&_("div",{className:"k-actionsheet-title",children:w}),n&&_("div",{className:"k-actionsheet-actions",children:n})]}),(p||r)&&_("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?_(ie,{value:f,placeholder:x,size:N?"large":"medium"}):_(se,{placeholder:"Filter",size:N?"large":"medium"})})]})};J.className=Et;J.defaultOptions=Uo;import{jsx as We,jsxs as Zo}from"react/jsx-runtime";var Qe="k-actionsheet-view",Wo=[],Qo={},Yo={},ne=e=>{let{adaptive:t,animated:a,children:s,header:n,footer:r,...p}=e,f=n?.type===J&&We(J,{adaptive:t,...n?.props}),x=r?.type===Je&&We(Je,{...r?.props});return Zo("div",{...p,className:o(e.className,Qe,{[`${Qe}-animated`]:a}),children:[f,We("div",{className:"k-actionsheet-content",children:s}),x]})};ne.states=Wo;ne.options=Qo;ne.className=Qe;ne.defaultOptions=Yo;import{jsx as He,jsxs as ta}from"react/jsx-runtime";var Ot="k-actionsheet",jo=[],ea={},ue={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ue.side,fullscreen:a=ue.fullscreen,adaptive:s=ue.adaptive,overlay:n=ue.overlay,template:r,children:p,header:f,footer:x,...N}=e;return ta("div",{className:"k-actionsheet-container",children:[n&&He("div",{className:"k-overlay"}),He($,{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:He("div",{...N,className:o(e.className,Ot,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":s}),children:r||He(ne,{header:f,footer:x,adaptive:s,...e,children:p})})})]})};Y.states=jo;Y.options=ea;Y.className=Ot;Y.defaultOptions=ue;import{jsx as ln}from"react/jsx-runtime";import{Fragment as aa,jsx as be,jsxs as Ye}from"react/jsx-runtime";var Ze="k-actionsheet-item",oa=[l.hover,l.focus,l.selected,l.disabled],je=e=>{let{iconName:t,text:a,description:s,hover:n,focus:r,selected:p,disabled:f,...x}=e;return Ye("span",{...x,className:o(e.className,Ze,I(Ze,{hover:n,focus:r,selected:p,disabled:f})),children:[!e.children&&be(aa,{children:Ye("span",{className:"k-actionsheet-action",children:[t&&be("span",{className:"k-icon-wrap",children:be(S,{className:"k-actionsheet-item-icon",icon:t})}),Ye("span",{className:"k-actionsheet-item-text",children:[a&&be("span",{className:"k-actionsheet-item-title",children:a}),s&&be("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};je.states=oa;je.className=Ze;import{jsx as un,jsxs as bn}from"react/jsx-runtime";import{jsx as Nn}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";import{jsx as Mn}from"react/jsx-runtime";import{jsx as ia}from"react/jsx-runtime";var Ct="k-data-table",la=[],sa={size:[i.small,i.medium,i.large]},Pt={size:i.medium},k=e=>{let{size:t=Pt.size,...a}=e;return ia("div",{...a,className:o(e.className,Ct,h("k-table",{size:t})),children:e.children})};k.states=la;k.options=sa;k.className=Ct;k.defaultOptions=Pt;import{jsx as et}from"react/jsx-runtime";var na="k-table-header",Z=e=>et("div",{className:o(e.className,na),children:et("div",{className:"k-table-header-wrap",children:et(X,{children:e.children})})});import{jsx as da}from"react/jsx-runtime";var ra="k-table-body",j=e=>da("div",{className:o(e.className,ra,"k-table-scroller"),children:e.children});import{jsx as pa}from"react/jsx-runtime";var ca="k-table-footer",re=e=>pa("div",{className:o(e.className,ca),children:e.children});import{jsx as ba}from"react/jsx-runtime";var tt="k-table",ma=[],Ta={size:[i.small,i.medium,i.large]},ua={},X=e=>{let{size:t,...a}=e;return ba("table",{...a,className:o(e.className,tt,h(tt,{size:t})),children:e.children})};X.states=ma;X.options=Ta;X.className=tt;X.defaultOptions=ua;import{jsx as Na}from"react/jsx-runtime";var ot="k-table-list",xa=[],fa={size:[i.small,i.medium,i.large]},ha={},z=e=>{let{size:t,virtualization:a,...s}=e;return Na("ul",{...s,className:o(e.className,"k-table",ot,h(ot,{size:t}),{"k-virtual-table":a}),children:e.children})};z.states=xa;z.options=fa;z.className=ot;z.defaultOptions=ha;import{jsx as ya}from"react/jsx-runtime";var La="k-table-thead",q=e=>ya("thead",{className:o(e.className,La),children:e.children});import{jsx as cr}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";import{jsx as wa}from"react/jsx-runtime";var at="k-table-row",Sa=[l.hover,l.focus,l.selected,l.disabled],C=e=>{let{hover:t,focus:a,selected:s,disabled:n,alt:r,...p}=e;return wa("tr",{...p,className:o(e.className,at,{"k-table-alt-row":r},I(at,{hover:t,focus:a,disabled:n,selected:s})),children:e.children})};C.states=Sa;C.className=at;import{jsx as ga}from"react/jsx-runtime";var lt="k-table-row",va=[l.hover,l.focus,l.selected,l.disabled],y=e=>{let{hover:t,focus:a,selected:s,disabled:n,alt:r,...p}=e;return ga("li",{...p,className:o(e.className,lt,{"k-table-alt-row":r},I(lt,{hover:t,focus:a,disabled:n,selected:s})),children:e.children})};y.states=va;y.className=lt;import{jsx as Ma}from"react/jsx-runtime";var Ia="k-table-th",M=e=>{let{text:t,colspan:a,rowspan:s,...n}=e,r=t||e.children;return Ma("th",{colSpan:a,rowSpan:s,...n,className:o(e.className,Ia),children:r})};import{jsx as Ra}from"react/jsx-runtime";var Aa="k-table-th",ee=e=>{let{text:t,...a}=e,s=t||e.children;return Ra("span",{...a,className:o(e.className,Aa),children:s})};import{jsx as kr}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var ka="k-table-td",m=e=>{let{text:t,...a}=e,s=t||e.children;return Da("span",{...a,className:o(e.className,ka),children:s})};import{jsx as Pr}from"react/jsx-runtime";import{jsx as Ea}from"react/jsx-runtime";var Ha="k-table-group-sticky-header",xe=e=>Ea("div",{className:o(e.className,Ha),children:e.children});import{jsx as _r}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var Oa="k-table-group-row",fe=e=>za("li",{className:o(e.className,Oa),children:e.children});import{jsx as Yr,jsxs as Zr}from"react/jsx-runtime";import{jsx as od,jsxs as ad}from"react/jsx-runtime";import{jsx as nd,jsxs as rd}from"react/jsx-runtime";import{Fragment as ud,jsx as md,jsxs as Td}from"react/jsx-runtime";import{Fragment as st,jsx as c,jsxs as v}from"react/jsx-runtime";var Kt="k-dropdowngrid",Ga=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Va={size:[i.small,i.medium,i.large],rounded:[u.small,u.medium,u.large,u.full],fillMode:[b.solid,b.flat,b.outline]},he={size:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=he.size,rounded:a=he.rounded,fillMode:s=he.fillMode,separators:n=he.separators,prefix:r,suffix:p,value:f,placeholder:x,hover:N,focus:w,valid:g,invalid:H,required:E,loading:A,disabled:R,popup:te,opened:G,readonly:U,adaptive:Le,adaptiveSettings:Ee,adaptiveTitle:Gt,adaptiveSubtitle:Vt,...$t}=e;return v(st,{children:[v(L,{...$t,size:t,rounded:a,fillMode:s,hover:N,focus:w,valid:g,invalid:H,required:E,loading:A,disabled:R,readonly:U,className:o(e.className,Kt,"k-combobox"),children:[r&&v(st,{children:[c(Ae,{children:r}),n&&c(oe,{})]}),c(K,{placeholder:x,value:f}),c(B,{valid:g,invalid:H,loading:A,disabled:R}),c(V,{loading:A,disabled:R}),c(P,{loading:A,disabled:R,readonly:U,value:f}),p&&v(st,{children:[n&&c(oe,{}),c(Re,{children:p})]}),c(O,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),G&&te&&c(ae,{className:"k-dropdowngrid-popup",children:te}),Le&&c(Y,{adaptive:!0,...Ee,header:c(J,{actionsEnd:c(O,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:f,inputPlaceholder:x,title:Gt,subtitle:Vt}),children:c("div",{className:"k-list-container",children:v(k,{size:"large",children:[v(Z,{children:[v("colgroup",{children:[c("col",{style:{width:"50px"}}),c("col",{style:{width:"160px"}}),c("col",{})]}),c(q,{children:v(C,{children:[c(M,{text:"ID"}),c(M,{text:"Name"}),c(M,{text:"Job Title"})]})})]}),c(xe,{children:c(ee,{text:"Initial group"})}),c(j,{children:v(z,{children:[v(y,{children:[c(m,{text:"1",style:{width:"50px"}}),c(m,{text:"Data 1.2",style:{width:"160px"}}),c(m,{text:"Data 1.3"})]}),v(y,{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"})]}),v(y,{children:[c(m,{text:"3",style:{width:"50px"}}),c(m,{text:"Data 3.2",style:{width:"160px"}}),c(m,{text:"Data 3.3"})]}),c(fe,{children:c(ee,{text:"Group"})}),v(y,{children:[c(m,{text:"4",style:{width:"50px"}}),c(m,{text:"Data 4.2",style:{width:"160px"}}),c(m,{text:"Data 4.3"})]}),v(y,{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"})]}),v(y,{children:[c(m,{text:"6",style:{width:"50px"}}),c(m,{text:"Data 6.2",style:{width:"160px"}}),c(m,{text:"Data 6.3"})]})]})}),c(re,{children:c(m,{text:"30 records in total"})})]})})})]})};Ne.states=Ga;Ne.options=Va;Ne.className=Kt;Ne.defaultOptions=he;var Bt=Ne;import{jsx as T,jsxs as D}from"react/jsx-runtime";var Yd=e=>T(Bt,{opened:!0,popup:D(k,{size:"medium",children:[D(Z,{children:[D("colgroup",{children:[T("col",{style:{width:"50px"}}),T("col",{style:{width:"160px"}}),T("col",{})]}),T(q,{children:D(C,{children:[T(M,{text:"ID"}),T(M,{text:"Name"}),T(M,{text:"Job Title"})]})})]}),T(xe,{children:T(ee,{text:"Initial group"})}),T(j,{children:D(z,{children:[D(y,{children:[T(m,{text:"1",style:{width:"50px"}}),T(m,{text:"Data 1.2",style:{width:"160px"}}),T(m,{text:"Data 1.3"})]}),D(y,{alt:!0,children:[T(m,{text:"2",style:{width:"50px"}}),T(m,{text:"Data 2.2 (alt)",style:{width:"160px"}}),T(m,{text:"Data 2.3"})]}),D(y,{children:[T(m,{text:"3",style:{width:"50px"}}),T(m,{text:"Data 3.2",style:{width:"160px"}}),T(m,{text:"Data 3.3"})]}),T(fe,{children:T(ee,{text:"Group"})}),D(y,{children:[T(m,{text:"4",style:{width:"50px"}}),T(m,{text:"Data 4.2",style:{width:"160px"}}),T(m,{text:"Data 4.3"})]}),D(y,{alt:!0,children:[T(m,{text:"5",style:{width:"50px"}}),T(m,{text:"Data 5.2 (alt)",style:{width:"160px"}}),T(m,{text:"Data 5.3"})]}),D(y,{children:[T(m,{text:"6",style:{width:"50px"}}),T(m,{text:"Data 6.2",style:{width:"160px"}}),T(m,{text:"Data 6.3"})]})]})}),T(re,{children:T(m,{text:"30 records in total"})})]}),...e});export{Yd as DropdownGridPopup};