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