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