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

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>a({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),g=(e,t)=>{let{valid:o,invalid:s,hover:n,focus:r,checked:c,active:d,selected:b,disabled:N,indeterminate:L,loading:S,empty:v,readonly:q,highlighted:P,...E}=t;return a({"k-valid":o,"k-invalid":s,"k-hover":n,"k-focus":r,"k-checked":c,"k-active":d,"k-selected":b,"k-disabled":N,"k-indeterminate":L&&!c,"k-loading":S,"k-empty":v,"k-readonly":q,"k-highlighted":P},Object.keys(E).reduce((M,R)=>(R.startsWith("k-")?M[R]=E[R]:M[`k-${R}`]=E[R],M),{}))};function Wt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Y={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},T={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 nt={};function oe(e){return nt[e]=(nt[e]||0)+1,`k-${e}-${nt[e]}`}var Ce="input",Xe=Ce;import{jsx as oa}from"react/jsx-runtime";var Je="k-input",jo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ea={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ta={},w=e=>{let{hover:t,focus:o,disabled:s,invalid:n,valid:r,loading:c,readonly:d,size:b,rounded:N,fillMode:L,...S}=e;return oa("span",{...S,className:a(e.className,Je,y(Je,{size:b,rounded:N,fillMode:L}),g(Je,{hover:t,focus:o,disabled:s,invalid:n,valid:r,loading:c,readonly:d}))})};w.states=jo;w.options=ea;w.className=Je;w.defaultOptions=ta;w.moduleName=Ce;w.folderName=Xe;import{jsx as ia}from"react/jsx-runtime";var We="k-picker",aa=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],na={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},sa={},Ne=e=>{let{hover:t,focus:o,disabled:s,invalid:n,valid:r,loading:c,readonly:d,size:b,rounded:N,fillMode:L,...S}=e;return ia("span",{...S,className:a(e.className,We,y(We,{size:b,rounded:N,fillMode:L}),g(We,{hover:t,focus:o,disabled:s,invalid:n,valid:r,loading:c,readonly:d})),children:e.children})};Ne.states=aa;Ne.options=na;Ne.className=We;Ne.defaultOptions=sa;Ne.moduleName=Ce;Ne.folderName=Xe;import{Fragment as ca,jsx as qt}from"react/jsx-runtime";var st="k-font-icon",la=[],ra={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info]},da={},He=e=>{let{size:t,themeColor:o,icon:s,rotate:n,flip:r,...c}=e;return s?qt("span",{...c,className:a(e.className,st,y(st,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):qt(ca,{})};He.states=la;He.options=ra;He.className=st;He.defaultOptions=da;var Yt=He;import{Fragment as ua,jsx as qe}from"react/jsx-runtime";var it="k-svg-icon",pa=[],ma={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info],variant:[Y.outline,Y.solid,Y.duotone]},lt={viewBox:"0 0 24 24",variant:Y.outline},Ke=e=>{let{size:t,themeColor:o,rotate:s,flip:n,viewBox:r=lt.viewBox,variant:c=lt.variant,icon:d,...b}=e;if(!d)return qe(ua,{});if(d==="none")return qe("span",{...b,className:a(e.className,it,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof d=="object"&&d.name&&d.name,L=typeof d=="object"?c&&d.variants?.[c]||d.variants?.outline||d.content:void 0;return qe("span",{...b,className:a(e.className,it,y("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:qe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:r,dangerouslySetInnerHTML:L!==void 0?{__html:L}:void 0,children:d?void 0:e.children})})};Ke.states=pa;Ke.options=ma;Ke.className=it;Ke.defaultOptions=lt;var rt=Ke;import*as dt from"@progress/kendo-svg-icons";var Qt="icon",Zt="icons";import{useContext as Ta}from"react";import{createContext as ba}from"react";var jt=ba({iconsType:"svg"});import{Fragment as eo,jsx as _e}from"react/jsx-runtime";var Ye="k-icon",fa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xa=[],ha={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info],variant:[Y.outline,Y.solid,Y.duotone]},Qe={viewBox:"0 0 24 24",type:"svg",variant:Y.outline},A=e=>{let{iconsType:t}=Ta(jt),{size:o,themeColor:s,icon:n,type:r=t||Qe.type,rotate:c,flip:d,viewBox:b=Qe.viewBox,variant:N=Qe.variant,...L}=e;if(!n)return _e(eo,{});if((t||r)==="svg"){if(n==="none")return _e(rt,{...L,className:a(e.className,Ye),icon:n,size:o,variant:N});let v=dt[n]?n:fa(`${n}-icon`);return dt[v]?_e(rt,{...L,className:a(e.className,Ye),icon:dt[v],size:o,themeColor:s,rotate:c,flip:d,viewBox:b,variant:N}):_e(eo,{})}return _e(Yt,{...L,className:a(e.className,Ye),icon:n,size:o,themeColor:s,rotate:c,flip:d})};A.states=xa;A.options=ha;A.defaultOptions=Qe;A.className=Ye;A.moduleName=Qt;A.folderName=Zt;A.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as Aa,jsx as ct}from"react/jsx-runtime";var to="k-clear-value",Na=[i.disabled,i.loading,i.readonly],La={},G=e=>{let{disabled:t,loading:o,readonly:s,value:n}=e;return t||s||o||!n?ct(Aa,{}):ct("span",{className:a(e.className,to),children:ct(A,{icon:"x"})})};G.states=Na;G.options=La;G.className=to;import{jsx as va}from"react/jsx-runtime";var pt="k-input-inner",Sa=[],ya={},Ze={type:"text",autocomplete:"off",value:"",placeholder:""},$=e=>{let{value:t=Ze.value,type:o=Ze.type,placeholder:s=Ze.placeholder,autocomplete:n=Ze.autocomplete,disabled:r,readOnly:c,...d}=e;return va("input",{...d,type:o,className:a(e.className,pt,y(pt,e)),placeholder:s,autoComplete:n,defaultValue:t,disabled:r||void 0,readOnly:c||void 0})};$.states=Sa;$.options=ya;$.className=pt;import{jsx as oo,jsxs as ga}from"react/jsx-runtime";var mt="k-input-inner",Ea=[],Ma={},ut=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:n,valueIconName:r,...c}=e;return ga("span",{...c,className:a(e.className,mt,y(mt,e)),children:[n,!n&&r&&oo(A,{className:"k-input-value-icon",icon:r}),s&&!t&&o,s&&t&&oo("span",{className:"k-input-value-text",children:t})]})};ut.states=Ea;ut.options=Ma;ut.className=mt;import{jsx as Ra}from"react/jsx-runtime";var bt="k-input-inner",wa=[],Ia={},ao={value:"",placeholder:""},Tt=e=>{let{value:t=ao.value,placeholder:o=ao.placeholder,rows:s,disabled:n,...r}=e;return Ra("textarea",{...r,className:a(e.className,bt,y(bt,e)),placeholder:o,rows:s,defaultValue:t,disabled:n||void 0})};Tt.states=wa;Tt.options=Ia;Tt.className=bt;import{Fragment as Da,jsx as no}from"react/jsx-runtime";var so="k-input-loading-icon",Oa=[i.disabled,i.loading],Q=e=>{let{disabled:t,loading:o}=e;return t||!o?no(Da,{}):no("span",{className:a(e.className,so,"k-icon k-i-loading")})};Q.states=Oa;Q.className=so;import{Fragment as Ha,jsx as io}from"react/jsx-runtime";var lo="k-input-validation-icon",ka=[i.valid,i.invalid,i.disabled,i.loading],Ca={},X=e=>{let{valid:t,invalid:o,disabled:s,loading:n}=e,r=o?"warning-circle":"check-circle";return s||n||!!!(t||o)?io(Ha,{}):io(A,{className:a(lo),icon:r})};X.states=ka;X.options=Ca;X.className=lo;import{Fragment as Pa,jsx as ro}from"react/jsx-runtime";var Ka="k-input-prefix",_a={direction:"horizontal"},Le=e=>{let{direction:t=_a.direction,...o}=e;return e.children?ro("span",{...o,className:a(Ka,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ro(Pa,{})};import{Fragment as Fa,jsx as co}from"react/jsx-runtime";var Ba="k-input-suffix",za={direction:"horizontal"},Ae=e=>{let{direction:t=za.direction,...o}=e;return e.children?co("span",{...o,className:a(Ba,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):co(Fa,{})};import{jsx as rl}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";var po="k-input-separator",Ua={direction:"vertical"},ae=e=>{let{direction:t=Ua.direction,...o}=e;return Va("span",{...o,className:a(po,e.className,{[`${po}-${t}`]:t})})};var ft="button",mo=ft;import{Fragment as uo,jsx as Se,jsxs as bo}from"react/jsx-runtime";var Pe="k-button",Ga=["icon-button"],$a=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Xa={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.inverse]},xt={showArrow:!1,arrowIconName:"chevron-down"},h=e=>{let{as:t="button",size:o,rounded:s,fillMode:n,themeColor:r,showArrow:c=xt.showArrow,arrowIconName:d=xt.arrowIconName,variant:b,hover:N,focus:L,active:S,selected:v,disabled:q,togglable:P,ariaDisabled:E,icon:M,iconSize:R,text:B,iconClassName:he,className:Oe,...De}=e,ke=M!=null,se=e.children!==void 0;return bo(t,{className:a(Oe,Pe,Wt(Pe,b),y(Pe,{size:o,rounded:s,fillMode:n,themeColor:r}),g(Pe,{hover:N,focus:L,active:S,disabled:q||E,selected:v}),{"k-icon-button":!B&&!se&&ke}),"aria-pressed":P?v?"true":"false":void 0,...De,"aria-disabled":E?"true":void 0,disabled:q||void 0,children:[typeof M=="string"&&M&&Se(A,{className:a(he,"k-button-icon"),icon:M,size:R}),M&&typeof M!="string"&&Se(uo,{children:M}),B?bo(uo,{children:[B&&Se("span",{className:"k-button-text",children:B}),e.children]}):e.children&&Se("span",{className:"k-button-text",children:e.children}),c&&Se("span",{className:"k-menu-button-arrow k-button-arrow",children:Se(A,{icon:d})})]})};h.states=$a;h.options=Xa;h.variants=Ga;h.className=Pe;h.defaultOptions=xt;h.moduleName=ft;h.folderName=mo;h.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Ja}from"react/jsx-runtime";var Te=e=>Ja(h,{children:"Button",...e});import{Fragment as To,jsx as Z,jsxs as ht}from"react/jsx-runtime";var Wa=w.states,qa=w.defaultOptions,Ya=w.options,Qa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Za=[],ye=e=>{let{modifiers:t,valid:o,invalid:s,loading:n,disabled:r,readonly:c,...d}=e,b=t?.prefix,N=t?.suffix,L=t?.["clear-button"],S=t?.["validation-icon"],v=t?.separators;return ht(w,{...d,valid:o,invalid:s,loading:n,disabled:r,readonly:c,style:{width:300},children:[b&&ht(To,{children:[Z(Le,{children:Z(A,{icon:"lock"})}),v&&Z(ae,{})]}),Z($,{placeholder:"Placeholder",value:"Value"}),S&&Z(X,{valid:o,invalid:s,loading:n,disabled:r}),Z(Q,{loading:n,disabled:r}),L&&Z(G,{loading:n,disabled:r,readonly:c,value:"Value"}),N&&ht(To,{children:[v&&Z(ae,{}),Z(Ae,{children:Z(Te,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};ye.options=Ya;ye.states=Wa;ye.variants=Za;ye.defaultOptions=qa;ye.modifiers=Qa;ye.className=w.className;import{jsx as ja}from"react/jsx-runtime";var fo=e=>ja(h,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as en}from"react/jsx-runtime";var xo=e=>en(h,{icon:"folder",children:"Button",...e});import{jsx as Nt}from"react/jsx-runtime";var tn=h.options,on=h.states,an={...h.defaultOptions,variant:"text"},nn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sn=[],ve=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Nt(fo,{...o,icon:"star"});case"icon-and-text":return Nt(xo,{...o,icon:"star",children:"Button"});default:return Nt(Te,{...o,children:"Button"})}};ve.options=tn;ve.states=on;ve.variants=nn;ve.defaultOptions=an;ve.modifiers=sn;ve.className=h.className;var Lt="popup",ho=Lt;import{jsx as No}from"react/jsx-runtime";var Lo="k-animation-container",ln=[],rn={},At={positionMode:"absolute",shown:!0},j=e=>{let{positionMode:t=At.positionMode,shown:o=At.shown,animationStyle:s,offset:n,...r}=e;return No("div",{...r,style:{...n,...e.style},className:a(e.className,Lo,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:No("div",{className:"k-child-animation-container",style:s,children:e.children})})};j.states=ln;j.options=rn;j.className=Lo;j.defaultOptions=At;j.moduleName=Lt;j.folderName=ho;var St="popup",Ao=St;import{jsx as So}from"react/jsx-runtime";var yo="k-popup",dn=[],cn={},vo={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=vo.positionMode,animationStyle:s,containerClassName:n,containerRole:r,containerAriaLabel:c,...d}=e;return So(j,{positionMode:o,offset:t,animationStyle:s,className:n,role:r,"aria-label":c,children:So("div",{...d,className:a(e.className,yo),children:e.children})})};ne.states=dn;ne.options=cn;ne.className=yo;ne.defaultOptions=vo;ne.moduleName=St;ne.folderName=Ao;ne.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var yt="action-buttons",Eo=yt;import{jsx as un}from"react/jsx-runtime";var je="k-actions",pn=[],mn={},vt={alignment:"start",orientation:"horizontal"},ie=e=>{let{alignment:t=vt.alignment,orientation:o=vt.orientation,...s}=e;return un("div",{...s,className:a(je,{[`${je}-${t}`]:t,[`${je}-${o}`]:o},e.className),children:e.children})};ie.states=pn;ie.options=mn;ie.className=je;ie.defaultOptions=vt;ie.moduleName=yt;ie.folderName=Eo;import{jsx as Tn}from"react/jsx-runtime";var bn="k-actionsheet-footer",Mo={alignment:"stretched",orientation:"horizontal"},Ee=e=>{let{alignment:t=Mo.alignment,orientation:o=Mo.orientation,template:s,as:n=s?"div":ie,...r}=e;return Tn(n,{...r,...!s&&{alignment:t,orientation:o},className:a(e.className,bn),children:e.children})};var Et="searchbox",go=Et;import{jsx as Be,jsxs as hn}from"react/jsx-runtime";var wo="k-searchbox",fn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],xn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Mt={showIcon:!0,icon:"search"},le=e=>{let{value:t,placeholder:o,size:s,rounded:n,fillMode:r,hover:c,focus:d,valid:b,invalid:N,required:L,loading:S,disabled:v,showIcon:q=Mt.showIcon,icon:P=Mt.icon,"aria-label":E,...M}=e;return hn(w,{...M,size:s,rounded:n,fillMode:r,hover:c,focus:d,valid:b,invalid:N,required:L,loading:S,disabled:v,className:a(e.className,wo),children:[q&&Be(A,{className:"k-input-icon",icon:P}),Be($,{placeholder:o,value:t,"aria-label":E}),Be(Q,{...e}),Be(X,{...e}),Be(G,{...e})]})};le.states=fn;le.options=xn;le.className=wo;le.defaultOptions=Mt;le.moduleName=Et;le.folderName=go;import{jsx as od}from"react/jsx-runtime";var gt="textbox",Io=gt;import{Fragment as Ro,jsx as re,jsxs as wt}from"react/jsx-runtime";var Oo="k-textbox",Nn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ln={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},et={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:s,separators:n=et.separators,showClearButton:r=et.showClearButton,showValidationIcon:c=et.showValidationIcon,prefix:d,suffix:b,type:N,value:L,placeholder:S,hover:v,focus:q,valid:P,invalid:E,required:M,loading:R,disabled:B,readonly:he,id:Oe,"aria-label":De,"aria-describedby":ke,...se}=e;return wt(w,{...se,size:t,rounded:o,fillMode:s,hover:v,focus:q,valid:P,invalid:E,required:M,loading:R,disabled:B,readonly:he,className:a(e.className,Oo),children:[d&&wt(Ro,{children:[re(Le,{children:d}),n&&re(ae,{})]}),re($,{id:Oe,placeholder:S,value:L,type:N,disabled:B,"aria-label":De,"aria-describedby":ke,"aria-invalid":E?"true":void 0}),c&&re(X,{valid:P,invalid:E,loading:R,disabled:B}),re(Q,{loading:R,disabled:B}),r&&re(G,{loading:R,disabled:B,readonly:he,value:L}),b&&wt(Ro,{children:[n&&re(ae,{}),re(Ae,{children:b})]})]})};H.states=Nn;H.options=Ln;H.className=Oo;H.defaultOptions=et;H.moduleName=gt;H.folderName=Io;H.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ze=H;import{jsx as An}from"react/jsx-runtime";var Do=e=>An(ze,{...e});import{Fragment as Ld,jsx as Nd}from"react/jsx-runtime";import{Fragment as Md,jsx as Ed}from"react/jsx-runtime";import{jsx as Rd}from"react/jsx-runtime";import{jsx as It}from"react/jsx-runtime";var Sn=H.states,yn=H.defaultOptions,vn=H.options,En=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Mn=[],Me=e=>{let{modifiers:t,...o}=e,s={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":s.prefix=t?.[n]?It(A,{icon:"lock"}):void 0;break;case"suffix":s.suffix=t?.[n]?It(Te,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":s.showClearButton=t?.[n];break;default:break}}),It(Do,{value:"Value",style:{width:300},...o,...s})};Me.options=vn;Me.states=Sn;Me.variants=Mn;Me.defaultOptions=yn;Me.modifiers=En;Me.className=H.className;import{jsx as de,jsxs as Rt}from"react/jsx-runtime";var ko="k-actionsheet-titlebar",gn={},J=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:n,filter:r,input:c,inputValue:d,inputPlaceholder:b,adaptive:N,titleId:L,children:S,...v}=e;return Rt("div",{...v,className:a(e.className,ko),children:[Rt("div",{className:"k-actionsheet-titlebar-group",children:[s&&de("div",{className:"k-actionsheet-actions",children:s}),!S&&Rt("div",{className:"k-actionsheet-title",id:L,children:[t&&de("div",{className:"k-text-center",children:t}),o&&de("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&de("div",{className:"k-actionsheet-title",id:L,children:S}),n&&de("div",{className:"k-actionsheet-actions",children:n})]}),(c||r)&&de("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?de(H,{value:d,placeholder:b,size:N?"large":"medium","aria-label":t||b||"Input"}):de(le,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};J.className=ko;J.defaultOptions=gn;import{jsx as Ot,jsxs as On}from"react/jsx-runtime";var Dt="k-actionsheet-view",wn=[],In={},Rn={},ge=e=>{let{adaptive:t,animated:o,children:s,header:n,footer:r,titleId:c,...d}=e,b=n?.type===J&&Ot(J,{adaptive:t,titleId:c,...n?.props}),N=r?.type===Ee&&Ot(Ee,{...r?.props});return On("div",{...d,className:a(e.className,Dt,{[`${Dt}-animated`]:o}),children:[b,Ot("div",{className:"k-actionsheet-content",children:s}),N]})};ge.states=wn;ge.options=In;ge.className=Dt;ge.defaultOptions=Rn;var Fe="action-sheet",tt=Fe;var kt="overlay",Co=kt;import{jsx as Hn}from"react/jsx-runtime";var Ho="k-overlay",Dn=[],kn={},Cn={},ce=e=>{let{...t}=e;return Hn("div",{...t,className:a(e.className,Ho),children:e.children})};ce.states=Dn;ce.options=kn;ce.className=Ho;ce.defaultOptions=Cn;ce.moduleName=kt;ce.folderName=Co;import{jsx as ot,jsxs as Pn}from"react/jsx-runtime";var Ko="k-actionsheet",Kn=[],_n={},Ue={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},O=e=>{let{side:t=Ue.side,fullscreen:o=Ue.fullscreen,adaptive:s=Ue.adaptive,overlay:n=Ue.overlay,template:r,children:c,header:d,footer:b,id:N,...L}=e,S=N&&!r&&d?`${N}-title`:void 0;return Pn("div",{className:"k-actionsheet-container",children:[n&&ot(ce,{}),ot(j,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ot("div",{...L,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":S,className:a(e.className,Ko,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:r||ot(ge,{header:d,footer:b,adaptive:s,titleId:S,...e,children:c})})})]})};O.states=Kn;O.options=_n;O.className=Ko;O.defaultOptions=Ue;O.moduleName=Fe;O.folderName=tt;O.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Un}from"react/jsx-runtime";var _o="k-actionsheet-container",Bn=[],zn={},Fn={},we=e=>{let{children:t,...o}=e;return Un("div",{...o,className:_o,children:t})};we.states=Bn;we.options=zn;we.className=_o;we.defaultOptions=Fn;we.moduleName=Fe;we.folderName=tt;import{jsx as Vn}from"react/jsx-runtime";var Ct=e=>{let{...t}=e;return Vn("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as $n,jsx as Ve,jsxs as Ht}from"react/jsx-runtime";var Kt="k-actionsheet-item",Gn=[i.hover,i.focus,i.selected,i.disabled],pe=e=>{let{iconName:t,text:o,description:s,hover:n,focus:r,selected:c,disabled:d,...b}=e;return Ht("span",{...b,className:a(e.className,Kt,g(Kt,{hover:n,focus:r,selected:c,disabled:d})),children:[!e.children&&Ve($n,{children:Ht("span",{className:"k-actionsheet-action",children:[t&&Ve("span",{className:"k-icon-wrap",children:Ve(A,{className:"k-actionsheet-item-icon",icon:t})}),Ht("span",{className:"k-actionsheet-item-text",children:[o&&Ve("span",{className:"k-actionsheet-item-title",children:o}),s&&Ve("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};pe.states=Gn;pe.className=Kt;import{jsx as Ic,jsxs as Rc}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";import{jsx as Uc}from"react/jsx-runtime";import{jsx as D,jsxs as _t}from"react/jsx-runtime";var Xn=O.options,Jn=O.states,Bo={...O.defaultOptions,variant:"normal"},Wn=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],qn=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ie=e=>{let{variant:t,modifiers:o,...s}={...Bo,...e},n={},r=_t(Ct,{children:[D(pe,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),D(pe,{text:"Add to Favorites",iconName:"heart"}),D(pe,{text:"Upload New",iconName:"upload",disabled:!0}),D("hr",{className:"k-hr"}),D(pe,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",d="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?c:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?D(O,{...s,adaptive:!0,fullscreen:n.fullScreen,header:D(J,{actionsStart:n.actionsStart?D(h,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?D(h,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:n.subtitle}),footer:n.footer?_t(Ee,{alignment:"stretched",children:[D(h,{text:"Cancel",size:"large",themeColor:"base"}),D(h,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):D(O,{...s,fullscreen:n.fullScreen,header:D(J,{actionsStart:n.actionsStart?D(h,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?D(h,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?_t(Ee,{alignment:"stretched",children:[D(h,{text:"Apply",themeColor:"primary"}),D(h,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Ie.options=Xn;Ie.states=Jn;Ie.variants=Wn;Ie.defaultOptions=Bo;Ie.modifiers=qn;Ie.className=O.className;var k="table",C=k;import{jsx as jn}from"react/jsx-runtime";var zo="k-data-table",Yn=[],Qn={size:[l.undefined,l.small,l.medium,l.large]},Zn={},z=e=>{let{size:t,...o}=e;return jn("div",{...o,className:a(e.className,zo,y("k-table",{size:t})),children:e.children})};z.states=Yn;z.options=Qn;z.className=zo;z.defaultOptions=Zn;z.moduleName=k;z.folderName=C;import{jsx as as}from"react/jsx-runtime";var Pt="k-table-header-wrap",es=[i.hover,i.focus,i.disabled],ts={},os={},me=e=>{let{children:t,hover:o,focus:s,disabled:n,...r}=e;return as("div",{...r,className:a(e.className,Pt,g(Pt,{hover:o,focus:s,disabled:n})),children:t})};me.states=es;me.options=ts;me.className=Pt;me.defaultOptions=os;me.moduleName=k;me.folderName=C;import{jsx as ls}from"react/jsx-runtime";var Bt="k-table",ns=[],ss={size:[l.undefined,l.small,l.medium,l.large]},is={},ee=e=>{let{size:t,...o}=e;return ls("table",{...o,className:a(e.className,Bt,y(Bt,{size:t})),children:e.children})};ee.states=ns;ee.options=ss;ee.className=Bt;ee.defaultOptions=is;ee.moduleName=k;ee.folderName=C;import{jsx as zt}from"react/jsx-runtime";var Ft="k-table-header",rs=[i.hover,i.focus,i.disabled],ds={},cs={},F=e=>{let{children:t,hover:o,focus:s,disabled:n,...r}=e;return zt("div",{...r,className:a(e.className,Ft,g(Ft,{hover:o,focus:s,disabled:n})),children:zt(me,{children:zt(ee,{children:t})})})};F.states=rs;F.options=ds;F.className=Ft;F.defaultOptions=cs;F.moduleName=k;F.folderName=C;import{jsx as bs}from"react/jsx-runtime";var Fo="k-table-scroller",ps=[],ms={},us={},Re=e=>{let{children:t,...o}=e;return bs("div",{...o,className:a(e.className,Fo),children:t})};Re.states=ps;Re.options=ms;Re.className=Fo;Re.defaultOptions=us;Re.moduleName=k;Re.folderName=C;import{jsx as fs}from"react/jsx-runtime";var Ts="k-table-body",fe=e=>fs("div",{className:a(e.className,Ts,"k-table-scroller"),children:e.children});import{jsx as Ls}from"react/jsx-runtime";var Uo="k-table-footer",xs=[],hs={},Ns={},U=e=>{let{children:t,...o}=e;return Ls("div",{...o,className:a(e.className,Uo),children:t})};U.states=xs;U.options=hs;U.className=Uo;U.defaultOptions=Ns;U.moduleName=k;U.folderName=C;import{jsx as vs}from"react/jsx-runtime";var Ut="k-table-list",As=[],Ss={size:[l.undefined,l.small,l.medium,l.large]},ys={},V=e=>{let{size:t,virtualization:o,...s}=e;return vs("ul",{...s,className:a(e.className,"k-table",Ut,y(Ut,{size:t}),{"k-virtual-table":o}),children:e.children})};V.states=As;V.options=Ss;V.className=Ut;V.defaultOptions=ys;V.moduleName=k;V.folderName=C;import{jsx as Ms}from"react/jsx-runtime";var Es="k-table-thead",ue=e=>Ms("thead",{className:a(e.className,Es),children:e.children});import{jsx as Qp}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";import{jsx as ws}from"react/jsx-runtime";var Vt="k-table-row",gs=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],te=e=>{let{hover:t,focus:o,selected:s,highlighted:n,disabled:r,alt:c,...d}=e;return ws("tr",{...d,className:a(e.className,Vt,{"k-table-alt-row":c},g(Vt,{hover:t,focus:o,disabled:r,selected:s,highlighted:n})),children:e.children})};te.states=gs;te.className=Vt;import{jsx as Rs}from"react/jsx-runtime";var Gt="k-table-row",Is=[i.hover,i.focus,i.selected,i.disabled],I=e=>{let{hover:t,focus:o,selected:s,disabled:n,alt:r,...c}=e;return Rs("li",{...c,className:a(e.className,Gt,{"k-table-alt-row":r},g(Gt,{hover:t,focus:o,disabled:n,selected:s})),children:e.children})};I.states=Is;I.className=Gt;import{jsx as Os}from"react/jsx-runtime";var Vo="k-table-th",K=e=>{let{text:t,colspan:o,rowspan:s,...n}=e,r=t||e.children;return Os("th",{colSpan:o,rowSpan:s,...n,className:a(e.className,Vo),children:r})};K.className=Vo;K.moduleName=k;K.folderName=C;import{jsx as ks}from"react/jsx-runtime";var Ds="k-table-th",xe=e=>{let{text:t,...o}=e,s=t||e.children;return ks("span",{...o,className:a(e.className,Ds),children:s})};import{jsx as Hs}from"react/jsx-runtime";var $t="k-table-td",Cs=[i.focus,i.selected,i.highlighted],at=e=>{let{focus:t,selected:o,highlighted:s,text:n,colspan:r,rowspan:c,...d}=e,b=n||e.children;return Hs("td",{colSpan:r,rowSpan:c,...d,className:a(e.className,$t,g($t,{focus:t,selected:o,highlighted:s})),children:b})};at.states=Cs;at.className=$t;import{jsx as _s}from"react/jsx-runtime";var Ks="k-table-td",u=e=>{let{text:t,...o}=e,s=t||e.children;return _s("span",{...o,className:a(e.className,Ks),children:s})};import{jsx as vm}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";var Ps="k-table-group-sticky-header",Ge=e=>Bs("div",{className:a(e.className,Ps),children:e.children});import{jsx as Om}from"react/jsx-runtime";import{jsx as Fs}from"react/jsx-runtime";var zs="k-table-group-row",$e=e=>{let{className:t,children:o,...s}=e;return Fs("li",{...s,className:a(t,zs),children:o})};import{jsx as Pm,jsxs as Bm}from"react/jsx-runtime";import{jsx as Vm,jsxs as Gm}from"react/jsx-runtime";import{jsx as Wm,jsxs as qm}from"react/jsx-runtime";import{Fragment as tu,jsx as jm,jsxs as eu}from"react/jsx-runtime";var Go="dropdown-grid",$o="dropdowngrid";import{Fragment as Xt,jsx as p,jsxs as _}from"react/jsx-runtime";var Xo="k-dropdowngrid",$s=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Xs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Jo={separators:!0},be=e=>{let{size:t,rounded:o,fillMode:s,separators:n=Jo.separators,prefix:r,suffix:c,value:d,placeholder:b,hover:N,focus:L,valid:S,invalid:v,required:q,loading:P,disabled:E,popup:M,opened:R,readonly:B,adaptive:he,adaptiveSettings:Oe,adaptiveTitle:De,adaptiveSubtitle:ke,id:se,ariaAutocomplete:qo,activeDescendant:Jt,"aria-label":Yo,...Qo}=e,Zo=se?`${se}-table-list`:void 0;return _(Xt,{children:[_(w,{...Qo,size:t,rounded:o,fillMode:s,hover:N,focus:L,valid:S,invalid:v,required:q,loading:P,disabled:E,readonly:B,className:a(e.className,Xo,"k-combobox"),children:[r&&_(Xt,{children:[p(Le,{children:r}),n&&p(ae,{})]}),p($,{placeholder:b,value:d,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?Zo:void 0,"aria-activedescendant":R&&Jt?Jt:void 0,"aria-autocomplete":qo,"aria-invalid":v?"true":void 0,"aria-busy":P?"true":void 0,"aria-label":Yo,disabled:E,readOnly:B}),p(X,{valid:S,invalid:v,loading:P,disabled:E}),p(Q,{loading:P,disabled:E}),p(G,{loading:P,disabled:E,readonly:B,value:d}),c&&_(Xt,{children:[n&&p(ae,{}),p(Ae,{children:c})]}),p(h,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:s,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),R&&M&&p(ne,{className:"k-dropdowngrid-popup",children:M}),he&&p(O,{adaptive:!0,...Oe,header:p(J,{actionsEnd:p(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:d,inputPlaceholder:b,title:De,subtitle:ke}),children:p("div",{className:"k-list-container",children:_(z,{size:"large",children:[_(F,{children:[_("colgroup",{children:[p("col",{style:{width:"50px"}}),p("col",{style:{width:"160px"}}),p("col",{})]}),p(ue,{children:_(te,{children:[p(K,{text:"ID"}),p(K,{text:"Name"}),p(K,{text:"Job Title"})]})})]}),p(Ge,{children:p(xe,{text:"Initial group"})}),p(fe,{children:_(V,{role:"listbox",id:se?`${se}-table-list`:void 0,"aria-label":"Options",children:[_(I,{role:"option",children:[p(u,{text:"1",style:{width:"50px"}}),p(u,{text:"Data 1.2",style:{width:"160px"}}),p(u,{text:"Data 1.3"})]}),_(I,{role:"option",alt:!0,children:[p(u,{text:"2",style:{width:"50px"}}),p(u,{text:"Data 2.2 (alt)",style:{width:"160px"}}),p(u,{text:"Data 2.3"})]}),_(I,{role:"option",children:[p(u,{text:"3",style:{width:"50px"}}),p(u,{text:"Data 3.2",style:{width:"160px"}}),p(u,{text:"Data 3.3"})]}),p($e,{role:"presentation",children:p(xe,{text:"Group"})}),_(I,{role:"option",children:[p(u,{text:"4",style:{width:"50px"}}),p(u,{text:"Data 4.2",style:{width:"160px"}}),p(u,{text:"Data 4.3"})]}),_(I,{role:"option",alt:!0,children:[p(u,{text:"5",style:{width:"50px"}}),p(u,{text:"Data 5.2 (alt)",style:{width:"160px"}}),p(u,{text:"Data 5.3"})]}),_(I,{role:"option",children:[p(u,{text:"6",style:{width:"50px"}}),p(u,{text:"Data 6.2",style:{width:"160px"}}),p(u,{text:"Data 6.3"})]})]})}),p(U,{children:p(u,{text:"30 records in total"})})]})})})]})};be.states=$s;be.options=Xs;be.className=Xo;be.defaultOptions=Jo;be.moduleName=Go;be.folderName=$o;be.ariaSpec={rules:[{selector:".k-combobox .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox .k-input-inner",attribute:"aria-label",usage:"Accessible name for the combobox."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-dropdowngrid-popup .k-table-list",attribute:"role=listbox",usage:"Table list has listbox role."},{selector:'.k-dropdowngrid-popup .k-table-list[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Table listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdowngrid-popup .k-table-list .k-table-row",attribute:"role=option",usage:"Each table row is an option."}]};var Wo=be;import{jsx as f,jsxs as W}from"react/jsx-runtime";var Vu=e=>{let t=oe("ddg"),o=oe("ddg-tl"),s=oe("ddg-row"),n=oe("ddg-row"),r=oe("ddg-row"),c=oe("ddg-row"),d=oe("ddg-row"),b=oe("ddg-row");return f(Wo,{id:t,"aria-label":"Select item",opened:!0,popup:W(z,{children:[W(F,{children:[W("colgroup",{children:[f("col",{style:{width:"50px"}}),f("col",{style:{width:"160px"}}),f("col",{})]}),f(ue,{children:W(te,{children:[f(K,{text:"ID"}),f(K,{text:"Name"}),f(K,{text:"Job Title"})]})})]}),f(Ge,{children:f(xe,{text:"Initial group"})}),f(fe,{children:W(V,{role:"listbox",id:o,"aria-label":"Options",children:[W(I,{role:"option",id:s,children:[f(u,{text:"1",style:{width:"50px"}}),f(u,{text:"Data 1.2",style:{width:"160px"}}),f(u,{text:"Data 1.3"})]}),W(I,{role:"option",id:n,alt:!0,children:[f(u,{text:"2",style:{width:"50px"}}),f(u,{text:"Data 2.2 (alt)",style:{width:"160px"}}),f(u,{text:"Data 2.3"})]}),W(I,{role:"option",id:r,children:[f(u,{text:"3",style:{width:"50px"}}),f(u,{text:"Data 3.2",style:{width:"160px"}}),f(u,{text:"Data 3.3"})]}),f($e,{role:"presentation",children:f(xe,{text:"Group"})}),W(I,{role:"option",id:c,children:[f(u,{text:"4",style:{width:"50px"}}),f(u,{text:"Data 4.2",style:{width:"160px"}}),f(u,{text:"Data 4.3"})]}),W(I,{role:"option",id:d,alt:!0,children:[f(u,{text:"5",style:{width:"50px"}}),f(u,{text:"Data 5.2 (alt)",style:{width:"160px"}}),f(u,{text:"Data 5.3"})]}),W(I,{role:"option",id:b,children:[f(u,{text:"6",style:{width:"50px"}}),f(u,{text:"Data 6.2",style:{width:"160px"}}),f(u,{text:"Data 6.3"})]})]})}),f(U,{children:f(u,{text:"30 records in total"})})]}),...e})};export{Vu as DropdownGridPopup};