@progress/kendo-themes-html/dist/cjs/dropdowngrid/templates/dropdowngrid-prefix.js

A collection of HTML helpers used for developing Kendo UI themes

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