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