@progress/kendo-themes-html/dist/cjs/listview/listview.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var En=Object.create;var kt=Object.defineProperty;var yn=Object.getOwnPropertyDescriptor;var Cn=Object.getOwnPropertyNames;var Mn=Object.getPrototypeOf,Tn=Object.prototype.hasOwnProperty;var On=(e,t)=>{for(var o in t)kt(e,o,{get:t[o],enumerable:!0})},Go=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Cn(t))!Tn.call(e,i)&&i!==o&&kt(e,i,{get:()=>t[i],enumerable:!(n=yn(t,i))||n.enumerable});return e};var Xo=(e,t,o)=>(o=e!=null?En(Mn(e)):{},Go(t||!e||!e.__esModule?kt(o,"default",{value:e,enumerable:!0}):o,e)),wn=e=>Go(kt({},"__esModule",{value:!0}),e);var Pr={};On(Pr,{LISTVIEW_CLASSNAME:()=>Ft,ListView:()=>he,default:()=>wr});module.exports=wn(Pr);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),T=(e,t)=>{let{valid:o,invalid:n,hover:i,focus:r,checked:p,active:d,selected:c,disabled:u,indeterminate:f,loading:N,empty:L,readonly:I,highlighted:A,...y}=t;return a({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":r,"k-checked":p,"k-active":d,"k-selected":c,"k-disabled":u,"k-indeterminate":f&&!p,"k-loading":N,"k-empty":L,"k-readonly":I,"k-highlighted":A},Object.keys(y).reduce((g,k)=>(k.startsWith("k-")?g[k]=y[k]:g[`k-${k}`]=y[k],g),{}))};function $o(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},pe={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 Gt={};function P(e){return Gt[e]=(Gt[e]||0)+1,`k-${e}-${Gt[e]}`}var at=require("react/jsx-runtime"),Xt="k-font-icon",Pn=[],Rn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Kn={},st=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:r,...p}=e;return n?(0,at.jsx)("span",{...p,className:a(e.className,Xt,C(Xt,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):(0,at.jsx)(at.Fragment,{})};st.states=Pn;st.options=Rn;st.className=Xt;st.defaultOptions=Kn;var Wo=st;var Ce=require("react/jsx-runtime"),$t="k-svg-icon",_n=[],Dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[pe.outline,pe.solid,pe.duotone]},Wt={viewBox:"0 0 24 24",variant:pe.outline},rt=e=>{var N,L;let{size:t,themeColor:o,rotate:n,flip:i,viewBox:r=Wt.viewBox,variant:p=Wt.variant,icon:d,...c}=e;if(!d)return(0,Ce.jsx)(Ce.Fragment,{});if(d==="none")return(0,Ce.jsx)("span",{...c,className:a(e.className,$t,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof d=="object"&&d.name&&d.name,f=typeof d=="object"?p&&((N=d.variants)==null?void 0:N[p])||((L=d.variants)==null?void 0:L.outline)||d.content:void 0;return(0,Ce.jsx)("span",{...c,className:a(e.className,$t,C("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Ce.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:r,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:d?void 0:e.children})})};rt.states=_n;rt.options=Dn;rt.className=$t;rt.defaultOptions=Wt;var qt=rt;var Jt=Xo(require("@progress/kendo-svg-icons"));var qo="icon",Jo="icons";var Zo=require("react");var Yo=require("react"),Qo=(0,Yo.createContext)({iconsType:"svg"});var ue=require("react/jsx-runtime"),It="k-icon",Hn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zn=[],Bn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[pe.outline,pe.solid,pe.duotone]},St={viewBox:"0 0 24 24",type:"svg",variant:pe.outline},v=e=>{let{iconsType:t}=(0,Zo.useContext)(Qo),{size:o,themeColor:n,icon:i,type:r=t||St.type,rotate:p,flip:d,viewBox:c=St.viewBox,variant:u=St.variant,...f}=e;if(!i)return(0,ue.jsx)(ue.Fragment,{});if((t||r)==="svg"){if(i==="none")return(0,ue.jsx)(qt,{...f,className:a(e.className,It),icon:i,size:o,variant:u});let L=Jt[i]?i:Hn(`${i}-icon`);return Jt[L]?(0,ue.jsx)(qt,{...f,className:a(e.className,It),icon:Jt[L],size:o,themeColor:n,rotate:p,flip:d,viewBox:c,variant:u}):(0,ue.jsx)(ue.Fragment,{})}return(0,ue.jsx)(Wo,{...f,className:a(e.className,It),icon:i,size:o,themeColor:n,rotate:p,flip:d})};v.states=zn;v.options=Bn;v.defaultOptions=St;v.className=It;v.moduleName=qo;v.folderName=Jo;v.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 Yt="button",jo=Yt;var Z=require("react/jsx-runtime"),lt="k-button",Un=["icon-button"],Vn=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Fn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Qt={showArrow:!1,arrowIconName:"chevron-down"},h=e=>{let{as:t="button",size:o,rounded:n,fillMode:i,themeColor:r,showArrow:p=Qt.showArrow,arrowIconName:d=Qt.arrowIconName,variant:c,hover:u,focus:f,active:N,selected:L,disabled:I,togglable:A,ariaDisabled:y,icon:g,iconSize:k,text:K,iconClassName:ae,className:M,...Ee}=e,ye=g!=null,it=e.children!==void 0;return(0,Z.jsxs)(t,{className:a(M,lt,$o(lt,c),C(lt,{size:o,rounded:n,fillMode:i,themeColor:r}),T(lt,{hover:u,focus:f,active:N,disabled:I||y,selected:L}),{"k-icon-button":!K&&!it&&ye}),"aria-pressed":A?L?"true":"false":void 0,...Ee,"aria-disabled":y?"true":void 0,disabled:I||void 0,children:[typeof g=="string"&&g&&(0,Z.jsx)(v,{className:a(ae,"k-button-icon"),icon:g,size:k}),g&&typeof g!="string"&&(0,Z.jsx)(Z.Fragment,{children:g}),K?(0,Z.jsxs)(Z.Fragment,{children:[K&&(0,Z.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,Z.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Z.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Z.jsx)(v,{icon:d})})]})};h.states=Vn;h.options=Fn;h.variants=Un;h.className=lt;h.defaultOptions=Qt;h.moduleName=Yt;h.folderName=jo;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 ti=require("react/jsx-runtime"),ei=e=>(0,ti.jsx)(h,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ii=require("react/jsx-runtime"),oi=e=>(0,ii.jsx)(h,{icon:"folder",children:"Button",...e});var ni=require("react/jsx-runtime"),Me=e=>(0,ni.jsx)(h,{children:"Button",...e});var At=require("react/jsx-runtime"),Gn=h.options,Xn=h.states,$n={...h.defaultOptions,variant:"text"},Wn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qn=[],Ke=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,At.jsx)(ei,{...o,icon:"star"});case"icon-and-text":return(0,At.jsx)(oi,{...o,icon:"star",children:"Button"});default:return(0,At.jsx)(Me,{...o,children:"Button"})}};Ke.options=Gn;Ke.states=Xn;Ke.variants=Wn;Ke.defaultOptions=$n;Ke.modifiers=qn;Ke.className=h.className;var dt="input",Et=dt;var ai=require("react/jsx-runtime"),yt="k-input",Jn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Qn={},_=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:p,readonly:d,size:c,rounded:u,fillMode:f,...N}=e;return(0,ai.jsx)("span",{...N,className:a(e.className,yt,C(yt,{size:c,rounded:u,fillMode:f}),T(yt,{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:p,readonly:d}))})};_.states=Jn;_.options=Yn;_.className=yt;_.defaultOptions=Qn;_.moduleName=dt;_.folderName=Et;var si=require("react/jsx-runtime"),Ct="k-picker",Zn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ea={},Ne=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:p,readonly:d,size:c,rounded:u,fillMode:f,...N}=e;return(0,si.jsx)("span",{...N,className:a(e.className,Ct,C(Ct,{size:c,rounded:u,fillMode:f}),T(Ct,{hover:t,focus:o,disabled:n,invalid:i,valid:r,loading:p,readonly:d})),children:e.children})};Ne.states=Zn;Ne.options=jn;Ne.className=Ct;Ne.defaultOptions=ea;Ne.moduleName=dt;Ne.folderName=Et;var _e=require("react/jsx-runtime"),ri="k-clear-value",ta=[s.disabled,s.loading,s.readonly],oa={},se=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?(0,_e.jsx)(_e.Fragment,{}):(0,_e.jsx)("span",{className:a(e.className,ri),children:(0,_e.jsx)(v,{icon:"x"})})};se.states=ta;se.options=oa;se.className=ri;var li=require("react/jsx-runtime"),Zt="k-input-inner",ia=[],na={},Mt={type:"text",autocomplete:"off",value:"",placeholder:""},re=e=>{let{value:t=Mt.value,type:o=Mt.type,placeholder:n=Mt.placeholder,autocomplete:i=Mt.autocomplete,disabled:r,readOnly:p,...d}=e;return(0,li.jsx)("input",{...d,type:o,className:a(e.className,Zt,C(Zt,e)),placeholder:n,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:p||void 0})};re.states=ia;re.options=na;re.className=Zt;var pt=require("react/jsx-runtime"),jt="k-input-inner",aa=[],sa={},ct=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:r,...p}=e;return(0,pt.jsxs)("span",{...p,className:a(e.className,jt,C(jt,e)),children:[i,!i&&r&&(0,pt.jsx)(v,{className:"k-input-value-icon",icon:r}),n&&!t&&o,n&&t&&(0,pt.jsx)("span",{className:"k-input-value-text",children:t})]})};ct.states=aa;ct.options=sa;ct.className=jt;var pi=require("react/jsx-runtime"),eo="k-input-inner",ra=[],la={},di={value:"",placeholder:""},to=e=>{let{value:t=di.value,placeholder:o=di.placeholder,rows:n,disabled:i,...r}=e;return(0,pi.jsx)("textarea",{...r,className:a(e.className,eo,C(eo,e)),placeholder:o,rows:n,defaultValue:t,disabled:i||void 0})};to.states=ra;to.options=la;to.className=eo;var mt=require("react/jsx-runtime"),ci="k-input-loading-icon",da=[s.disabled,s.loading],oe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,mt.jsx)(mt.Fragment,{}):(0,mt.jsx)("span",{className:a(e.className,ci,"k-icon k-i-loading")})};oe.states=da;oe.className=ci;var ut=require("react/jsx-runtime"),mi="k-input-validation-icon",pa=[s.valid,s.invalid,s.disabled,s.loading],ca={},j=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,r=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?(0,ut.jsx)(ut.Fragment,{}):(0,ut.jsx)(v,{className:a(mi),icon:r})};j.states=pa;j.options=ca;j.className=mi;var ft=require("react/jsx-runtime"),ma="k-input-prefix",ua={direction:"horizontal"},Le=e=>{let{direction:t=ua.direction,...o}=e;return e.children?(0,ft.jsx)("span",{...o,className:a(ma,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ft.jsx)(ft.Fragment,{})};var bt=require("react/jsx-runtime"),fa="k-input-suffix",ba={direction:"horizontal"},ge=e=>{let{direction:t=ba.direction,...o}=e;return e.children?(0,bt.jsx)("span",{...o,className:a(fa,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,bt.jsx)(bt.Fragment,{})};var xa=require("react/jsx-runtime");var ui=require("react/jsx-runtime"),ha="k-input-suffix-text",oo=e=>{let{children:t,...o}=e;return(0,ui.jsx)("span",{...o,className:a(ha,e.className),children:t})};var bi=require("react/jsx-runtime"),fi="k-input-separator",Na={direction:"vertical"},fe=e=>{let{direction:t=Na.direction,...o}=e;return(0,bi.jsx)("span",{...o,className:a(fi,e.className,{[`${fi}-${t}`]:t})})};var D=require("react/jsx-runtime"),La=_.states,ga=_.defaultOptions,va=_.options,ka=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ia=[],De=e=>{let{modifiers:t,valid:o,invalid:n,loading:i,disabled:r,readonly:p,...d}=e,c=t==null?void 0:t.prefix,u=t==null?void 0:t.suffix,f=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],L=t==null?void 0:t.separators;return(0,D.jsxs)(_,{...d,valid:o,invalid:n,loading:i,disabled:r,readonly:p,style:{width:300},children:[c&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(Le,{children:(0,D.jsx)(v,{icon:"lock"})}),L&&(0,D.jsx)(fe,{})]}),(0,D.jsx)(re,{placeholder:"Placeholder",value:"Value"}),N&&(0,D.jsx)(j,{valid:o,invalid:n,loading:i,disabled:r}),(0,D.jsx)(oe,{loading:i,disabled:r}),f&&(0,D.jsx)(se,{loading:i,disabled:r,readonly:p,value:"Value"}),u&&(0,D.jsxs)(D.Fragment,{children:[L&&(0,D.jsx)(fe,{}),(0,D.jsx)(ge,{children:(0,D.jsx)(Me,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};De.options=va;De.states=La;De.variants=Ia;De.defaultOptions=ga;De.modifiers=ka;De.className=_.className;var io="popup",xi=io;var ao=require("react/jsx-runtime"),hi="k-animation-container",Sa=[],Aa={},no={positionMode:"absolute",shown:!0},ce=e=>{let{positionMode:t=no.positionMode,shown:o=no.shown,animationStyle:n,offset:i,...r}=e;return(0,ao.jsx)("div",{...r,style:{...i,...e.style},className:a(e.className,hi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,ao.jsx)("div",{className:"k-child-animation-container",style:n,children:e.children})})};ce.states=Sa;ce.options=Aa;ce.className=hi;ce.defaultOptions=no;ce.moduleName=io;ce.folderName=xi;var so="popup",Ni=so;var ro=require("react/jsx-runtime"),Li="k-popup",Ea=[],ya={},gi={positionMode:"absolute"},be=e=>{let{offset:t,positionMode:o=gi.positionMode,animationStyle:n,containerClassName:i,containerRole:r,containerAriaLabel:p,...d}=e;return(0,ro.jsx)(ce,{positionMode:o,offset:t,animationStyle:n,className:i,role:r,"aria-label":p,children:(0,ro.jsx)("div",{...d,className:a(e.className,Li),children:e.children})})};be.states=Ea;be.options=ya;be.className=Li;be.defaultOptions=gi;be.moduleName=so;be.folderName=Ni;be.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 lo="action-buttons",vi=lo;var ki=require("react/jsx-runtime"),Tt="k-actions",Ca=[],Ma={},po={alignment:"start",orientation:"horizontal"},ve=e=>{let{alignment:t=po.alignment,orientation:o=po.orientation,...n}=e;return(0,ki.jsx)("div",{...n,className:a(Tt,{[`${Tt}-${t}`]:t,[`${Tt}-${o}`]:o},e.className),children:e.children})};ve.states=Ca;ve.options=Ma;ve.className=Tt;ve.defaultOptions=po;ve.moduleName=lo;ve.folderName=vi;var Si=require("react/jsx-runtime"),Ta="k-actionsheet-footer",Ii={alignment:"stretched",orientation:"horizontal"},He=e=>{let{alignment:t=Ii.alignment,orientation:o=Ii.orientation,template:n,as:i=n?"div":ve,...r}=e;return(0,Si.jsx)(i,{...r,...!n&&{alignment:t,orientation:o},className:a(e.className,Ta),children:e.children})};var co="searchbox",Ai=co;var ke=require("react/jsx-runtime"),Ei="k-searchbox",Oa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],wa={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},mo={showIcon:!0,icon:"search"},ie=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:r,hover:p,focus:d,valid:c,invalid:u,required:f,loading:N,disabled:L,showIcon:I=mo.showIcon,icon:A=mo.icon,"aria-label":y,...g}=e;return(0,ke.jsxs)(_,{...g,size:n,rounded:i,fillMode:r,hover:p,focus:d,valid:c,invalid:u,required:f,loading:N,disabled:L,className:a(e.className,Ei),children:[I&&(0,ke.jsx)(v,{className:"k-input-icon",icon:A}),(0,ke.jsx)(re,{placeholder:o,value:t,"aria-label":y}),(0,ke.jsx)(oe,{...e}),(0,ke.jsx)(j,{...e}),(0,ke.jsx)(se,{...e})]})};ie.states=Oa;ie.options=wa;ie.className=Ei;ie.defaultOptions=mo;ie.moduleName=co;ie.folderName=Ai;var Pa=require("react/jsx-runtime");var uo="textbox",yi=uo;var V=require("react/jsx-runtime"),Ci="k-textbox",Ra=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ka={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ot={showClearButton:!0,showValidationIcon:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:n,separators:i=Ot.separators,showClearButton:r=Ot.showClearButton,showValidationIcon:p=Ot.showValidationIcon,prefix:d,suffix:c,type:u,value:f,placeholder:N,hover:L,focus:I,valid:A,invalid:y,required:g,loading:k,disabled:K,readonly:ae,id:M,"aria-label":Ee,"aria-describedby":ye,...it}=e;return(0,V.jsxs)(_,{...it,size:t,rounded:o,fillMode:n,hover:L,focus:I,valid:A,invalid:y,required:g,loading:k,disabled:K,readonly:ae,className:a(e.className,Ci),children:[d&&(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(Le,{children:d}),i&&(0,V.jsx)(fe,{})]}),(0,V.jsx)(re,{id:M,placeholder:N,value:f,type:u,disabled:K,"aria-label":Ee,"aria-describedby":ye,"aria-invalid":y?"true":void 0}),p&&(0,V.jsx)(j,{valid:A,invalid:y,loading:k,disabled:K}),(0,V.jsx)(oe,{loading:k,disabled:K}),r&&(0,V.jsx)(se,{loading:k,disabled:K,readonly:ae,value:f}),c&&(0,V.jsxs)(V.Fragment,{children:[i&&(0,V.jsx)(fe,{}),(0,V.jsx)(ge,{children:c})]})]})};G.states=Ra;G.options=Ka;G.className=Ci;G.defaultOptions=Ot;G.moduleName=uo;G.folderName=yi;G.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 xt=G;var Ti=require("react/jsx-runtime"),Mi=e=>(0,Ti.jsx)(xt,{...e});var Oi=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var _a=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),Da=G.states,Ha=G.defaultOptions,za=G.options,Ba=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ua=[],ze=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":n.prefix=t!=null&&t[i]?(0,wt.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":n.suffix=t!=null&&t[i]?(0,wt.jsx)(Me,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":n.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,wt.jsx)(Mi,{value:"Value",style:{width:300},...o,...n})};ze.options=za;ze.states=Da;ze.variants=Ua;ze.defaultOptions=Ha;ze.modifiers=Ba;ze.className=G.className;var ee=require("react/jsx-runtime"),Pi="k-actionsheet-titlebar",Va={},le=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:r,input:p,inputValue:d,inputPlaceholder:c,adaptive:u,titleId:f,children:N,...L}=e;return(0,ee.jsxs)("div",{...L,className:a(e.className,Pi),children:[(0,ee.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[n&&(0,ee.jsx)("div",{className:"k-actionsheet-actions",children:n}),!N&&(0,ee.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,ee.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ee.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,ee.jsx)("div",{className:"k-actionsheet-title",id:f,children:N}),i&&(0,ee.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(p||r)&&(0,ee.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,ee.jsx)(G,{value:d,placeholder:c,size:u?"large":"medium","aria-label":t||c||"Input"}):(0,ee.jsx)(ie,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};le.className=Pi;le.defaultOptions=Va;var Be=require("react/jsx-runtime"),fo="k-actionsheet-view",Fa=[],Ga={},Xa={},Ue=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:r,titleId:p,...d}=e,c=(i==null?void 0:i.type)===le&&(0,Be.jsx)(le,{adaptive:t,titleId:p,...i==null?void 0:i.props}),u=(r==null?void 0:r.type)===He&&(0,Be.jsx)(He,{...r==null?void 0:r.props});return(0,Be.jsxs)("div",{...d,className:a(e.className,fo,{[`${fo}-animated`]:o}),children:[c,(0,Be.jsx)("div",{className:"k-actionsheet-content",children:n}),u]})};Ue.states=Fa;Ue.options=Ga;Ue.className=fo;Ue.defaultOptions=Xa;var ht="action-sheet",Pt=ht;var bo="overlay",Ri=bo;var _i=require("react/jsx-runtime"),Ki="k-overlay",$a=[],Wa={},qa={},Ie=e=>{let{...t}=e;return(0,_i.jsx)("div",{...t,className:a(e.className,Ki),children:e.children})};Ie.states=$a;Ie.options=Wa;Ie.className=Ki;Ie.defaultOptions=qa;Ie.moduleName=bo;Ie.folderName=Ri;var Te=require("react/jsx-runtime"),Di="k-actionsheet",Ja=[],Ya={},Nt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},B=e=>{let{side:t=Nt.side,fullscreen:o=Nt.fullscreen,adaptive:n=Nt.adaptive,overlay:i=Nt.overlay,template:r,children:p,header:d,footer:c,id:u,...f}=e,N=u&&!r&&d?`${u}-title`:void 0;return(0,Te.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,Te.jsx)(Ie,{}),(0,Te.jsx)(ce,{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,Te.jsx)("div",{...f,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":N,className:a(e.className,Di,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:r||(0,Te.jsx)(Ue,{header:d,footer:c,adaptive:n,titleId:N,...e,children:p})})})]})};B.states=Ja;B.options=Ya;B.className=Di;B.defaultOptions=Nt;B.moduleName=ht;B.folderName=Pt;B.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 zi=require("react/jsx-runtime"),Hi="k-actionsheet-container",Qa=[],Za={},ja={},Ve=e=>{let{children:t,...o}=e;return(0,zi.jsx)("div",{...o,className:Hi,children:t})};Ve.states=Qa;Ve.options=Za;Ve.className=Hi;Ve.defaultOptions=ja;Ve.moduleName=ht;Ve.folderName=Pt;var Bi=require("react/jsx-runtime"),xo=e=>{let{...t}=e;return(0,Bi.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var ne=require("react/jsx-runtime"),ho="k-actionsheet-item",es=[s.hover,s.focus,s.selected,s.disabled],Se=e=>{let{iconName:t,text:o,description:n,hover:i,focus:r,selected:p,disabled:d,...c}=e;return(0,ne.jsxs)("span",{...c,className:a(e.className,ho,T(ho,{hover:i,focus:r,selected:p,disabled:d})),children:[!e.children&&(0,ne.jsx)(ne.Fragment,{children:(0,ne.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ne.jsx)("span",{className:"k-icon-wrap",children:(0,ne.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ne.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ne.jsx)("span",{className:"k-actionsheet-item-title",children:o}),n&&(0,ne.jsx)("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};Se.states=es;Se.className=ho;var Ui=require("react/jsx-runtime");var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var is=require("react/jsx-runtime");var O=require("react/jsx-runtime"),ns=B.options,as=B.states,Fi={...B.defaultOptions,variant:"normal"},ss=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],rs=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Fe=e=>{let{variant:t,modifiers:o,...n}={...Fi,...e},i={},r=(0,O.jsxs)(xo,{children:[(0,O.jsx)(Se,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,O.jsx)(Se,{text:"Add to Favorites",iconName:"heart"}),(0,O.jsx)(Se,{text:"Upload New",iconName:"upload",disabled:!0}),(0,O.jsx)("hr",{className:"k-hr"}),(0,O.jsx)(Se,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",d="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(c=>{switch(c){case"actions":i.actionsStart=!!(o!=null&&o[c]),i.actionsEnd=!!(o!=null&&o[c]);break;case"subtitle":i.subtitle=o!=null&&o[c]?p:void 0;break;case"footer":i.footer=!!(o!=null&&o[c]);break;default:break}}),t==="adaptive"?(0,O.jsx)(B,{...n,adaptive:!0,fullscreen:i.fullScreen,header:(0,O.jsx)(le,{actionsStart:i.actionsStart?(0,O.jsx)(h,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,O.jsx)(h,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:i.subtitle}),footer:i.footer?(0,O.jsxs)(He,{alignment:"stretched",children:[(0,O.jsx)(h,{text:"Cancel",size:"large",themeColor:"base"}),(0,O.jsx)(h,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):(0,O.jsx)(B,{...n,fullscreen:i.fullScreen,header:(0,O.jsx)(le,{actionsStart:i.actionsStart?(0,O.jsx)(h,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,O.jsx)(h,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,O.jsxs)(He,{alignment:"stretched",children:[(0,O.jsx)(h,{text:"Apply",themeColor:"primary"}),(0,O.jsx)(h,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Fe.options=ns;Fe.states=as;Fe.variants=ss;Fe.defaultOptions=Fi;Fe.modifiers=rs;Fe.className=B.className;var Rt=Xo(require("react"));var No=require("react/jsx-runtime"),ls="k-list-group-sticky-header",Lo=e=>(0,No.jsx)("div",{className:a(ls,e.className),children:(0,No.jsx)("div",{className:"k-list-header-text",children:e.children})});var Gi=require("react/jsx-runtime"),ds="k-no-data",go=e=>{let{live:t,...o}=e;return(0,Gi.jsx)("span",{...o,className:a(ds,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Oe="list",Ge=Oe;var Xe=require("react/jsx-runtime"),vo="k-list",ps=[],cs={size:[l.undefined,l.small,l.medium,l.large]},ms={},R=e=>{var A;let{size:t,virtualization:o,children:n,header:i,selectAll:r,optionLabel:p,customValue:d,noData:c,screenReaders:u,...f}=e,L=Rt.default.Children.toArray(n)[0],I=(A=L==null?void 0:L.props)!=null&&A.children?Rt.default.Children.count(L.props.children):Rt.default.Children.count(n);return(0,Xe.jsxs)("div",{...f,className:a(e.className,vo,C(vo,{size:t}),{"k-virtual-list":o}),children:[p,r,d,i&&(0,Xe.jsx)(Lo,{children:i}),n||(c!==void 0?c:(0,Xe.jsx)(go,{live:!0,children:"No data found."})),u&&n&&(0,Xe.jsxs)(go,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};R.states=ps;R.options=cs;R.className=vo;R.defaultOptions=ms;R.moduleName=Oe;R.folderName=Ge;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $i=require("react/jsx-runtime"),Xi="k-list-container",us=[],fs={},bs={},$e=e=>{let{...t}=e;return(0,$i.jsx)("div",{...t,className:a(e.className,Xi),children:e.children})};$e.states=us;$e.options=fs;$e.className=Xi;$e.defaultOptions=bs;$e.moduleName=Oe;$e.folderName=Ge;var we="checkbox",We=we;var ko=require("react/jsx-runtime"),Kt="k-checkbox",xs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],hs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Ns={},J=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:r,disabled:p,invalid:d,valid:c,required:u,size:f,rounded:N,wrapperRole:L,...I}=e;return(0,ko.jsx)("span",{className:"k-checkbox-wrap",role:L,children:(0,ko.jsx)("input",{...I,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:p||void 0,"aria-invalid":d?"true":void 0,className:a(e.className,Kt,C(Kt,{size:f,rounded:N}),T(Kt,{hover:i,focus:r,disabled:p,invalid:d,valid:c,indeterminate:n,checked:o}))})})};J.states=xs;J.options=hs;J.className=Kt;J.defaultOptions=Ns;J.moduleName=we;J.folderName=We;J.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var de=J;var Ji=require("react/jsx-runtime"),Wi="k-checkbox-list",Ls=[],gs={},qi={layout:"vertical"},X=e=>{let{layout:t=qi.layout,...o}=e;return(0,Ji.jsx)("ul",{...o,className:a(e.className,Wi,{[`k-list-${t}`]:t}),children:e.children})};X.states=Ls;X.options=gs;X.className=Wi;X.defaultOptions=qi;X.moduleName=we;X.folderName=We;var Qi=require("react/jsx-runtime"),Yi="k-checkbox-list-item",vs=[],ks={},Is={},$=e=>{let{...t}=e;return(0,Qi.jsx)("li",{...t,className:a(e.className,Yi),children:e.children})};$.states=vs;$.options=ks;$.className=Yi;$.defaultOptions=Is;$.moduleName=we;$.folderName=We;var Pe=require("react/jsx-runtime"),xe=({children:e="Label",id:t="cb-label-after",...o})=>(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(de,{id:t,...o}),(0,Pe.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Io=require("react/jsx-runtime");var So=require("react/jsx-runtime");var Ao=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var F=require("react/jsx-runtime"),ys=X.options,Cs=X.states,Ms={...X.defaultOptions,variant:"vertical"},Ts=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Os=[],qe=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,F.jsxs)(X,{layout:"horizontal",...o,children:[(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),children:"Label"})}),(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),children:"Label"})})]}):(0,F.jsxs)(X,{...o,children:[(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),children:"Label"})}),(0,F.jsx)($,{children:(0,F.jsx)(xe,{id:P("cb"),children:"Label"})})]})};qe.options=ys;qe.states=Cs;qe.variants=Ts;qe.defaultOptions=Ms;qe.modifiers=Os;qe.className=X.className;var Zi=require("react/jsx-runtime"),ws=de.options,Ps=de.states,Rs=de.defaultOptions,Ks=[],_s=[],Je=e=>(0,Zi.jsx)(xe,{id:P("checkbox"),...e,defaultChecked:!0,children:"Label"});Je.options=ws;Je.states=Ps;Je.variants=Ks;Je.defaultOptions=Rs;Je.modifiers=_s;Je.className=de.className;var me=require("react/jsx-runtime"),Eo="k-list-item",Ds=[s.hover,s.focus,s.selected,s.disabled],Hs={},zs={},E=e=>{let{text:t,groupLabel:o,group:n,iconName:i,iconClassName:r,showCheckbox:p,checked:d,hover:c,focus:u,selected:f,disabled:N,actions:L,description:I,id:A,...y}=e,g=t||e.children;return(0,me.jsxs)("li",{...y,id:A,role:n?"presentation":"option",tabIndex:n?void 0:u?0:-1,"aria-selected":!n&&f?"true":n?void 0:"false","aria-disabled":!n&&N?"true":void 0,className:a(e.className,n?"k-list-group-item":Eo,T(Eo,{hover:c,focus:u,disabled:N,selected:f})),children:[p&&(0,me.jsx)(J,{checked:d}),i&&(0,me.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,me.jsx)(v,{icon:i,className:a("k-list-item-icon",r)})}),(0,me.jsx)("span",{className:"k-list-item-text",children:g}),L&&(0,me.jsx)("div",{className:"k-list-item-actions",children:L}),I&&(0,me.jsx)("span",{className:"k-list-item-description",children:I}),o&&o!==""&&(0,me.jsx)("div",{className:"k-list-item-group-label",children:o})]})};E.states=Ds;E.options=Hs;E.className=Eo;E.defaultOptions=zs;E.moduleName=Oe;E.folderName=Ge;E.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ji=require("react/jsx-runtime"),Bs="k-list-ul",Re=e=>{let{children:t,role:o,id:n,...i}=e;return(0,ji.jsx)("ul",{...i,id:n,role:o,className:a(Bs,e.className),children:t})};Re.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Ye=require("react/jsx-runtime"),Us="k-list-content",W=e=>{let{virtualization:t,grouping:o,"aria-label":n,"aria-labelledby":i,listboxId:r,...p}=e;return(0,Ye.jsxs)("div",{...p,className:a(Us,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?n:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,Ye.jsx)(Re,{role:"listbox",id:r,"aria-label":n,"aria-labelledby":i,children:e.children}),t&&(0,Ye.jsx)("div",{className:"k-height-container",children:(0,Ye.jsx)("div",{})})]})};W.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Qe=require("react/jsx-runtime"),_t="k-list-sticky-header",Vs=[s.hover,s.focus,s.selected],Fs={},Gs={},Dt=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:n,indeterminate:i,hover:r,focus:p,selected:d,...c}=e;return(0,Qe.jsx)("div",{...c,className:a(_t,e.className),children:(0,Qe.jsxs)("div",{className:a(`${_t}-item`,T(`${_t}-item`,{hover:r,focus:p,selected:d})),children:[o&&(0,Qe.jsx)(J,{checked:n,indeterminate:i,"aria-label":t}),(0,Qe.jsx)("span",{className:"k-list-item-text",children:t})]})})};Dt.states=Vs;Dt.options=Fs;Dt.className=_t;Dt.defaultOptions=Gs;var yo=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Xs="k-list-group-item",Lt=e=>{let{groupIconName:t,...o}=e;return(0,Ze.jsxs)("li",{...o,role:"presentation",className:a(Xs,e.className),children:[t&&(0,Ze.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ze.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Ze.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Lt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var en=require("react/jsx-runtime"),Co="k-list-optionlabel",$s=[s.hover,s.focus,s.selected,s.disabled],Ws={},qs={},Ht=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:r,...p}=e;return(0,en.jsx)("div",{...p,className:a(Co,T(Co,{hover:o,focus:n,selected:i,disabled:r})),children:t})};Ht.states=$s;Ht.options=Ws;Ht.className=Co;Ht.defaultOptions=qs;var tn=require("react/jsx-runtime"),Mo="k-list-custom-value",Js=[s.hover,s.focus,s.selected,s.disabled],Ys={},Qs={},zt=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:r,...p}=e;return(0,tn.jsx)("div",{...p,className:a(Mo,T(Mo,{hover:o,focus:n,selected:i,disabled:r})),children:t})};zt.states=Js;zt.options=Ys;zt.className=Mo;zt.defaultOptions=Qs;var To=require("react/jsx-runtime");var Oo=require("react/jsx-runtime");var wo=require("react/jsx-runtime");var Po=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var Ro=require("react/jsx-runtime");var on="dropdown-list",nn="dropdownlist";var w=require("react/jsx-runtime"),an="k-dropdownlist",js=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],er={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ko={showValue:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:n,arrowIconName:i=Ko.arrowIconName,showValue:r=Ko.showValue,valueIconName:p,prefix:d,suffix:c,value:u,placeholder:f,hover:N,focus:L,valid:I,invalid:A,required:y,loading:g,disabled:k,readonly:K,popup:ae,opened:M,adaptive:Ee,adaptiveSettings:ye,adaptiveTitle:it,adaptiveSubtitle:vn,adaptiveFilter:kn,id:nt,activeDescendant:Vo,"aria-label":In,...Sn}=e,An=nt?`${nt}-listbox`:void 0,Fo=nt?`${nt}-value`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(Ne,{...Sn,id:nt,size:t,rounded:o,fillMode:n,hover:N,focus:L,valid:I,invalid:A,required:y,loading:g,disabled:k,readonly:K,className:a(e.className,an,{"k-icon-picker":!r&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?An:void 0,"aria-activedescendant":M&&Vo?Vo:void 0,"aria-describedby":M?Fo:void 0,"aria-disabled":k?"true":void 0,"aria-label":In,tabIndex:0,children:[(0,w.jsx)(Le,{children:d}),(0,w.jsx)(ct,{placeholder:f,value:u,showValue:r,valueIconName:p,id:Fo}),(0,w.jsx)(j,{valid:I,invalid:A,loading:g,disabled:k}),(0,w.jsx)(oe,{loading:g,disabled:k}),(0,w.jsx)(ge,{children:c}),(0,w.jsx)(h,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":f||"Toggle dropdown",tabIndex:-1})]}),M&&ae&&(0,w.jsx)(be,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ae}),Ee&&(0,w.jsx)(B,{adaptive:!0,...ye,header:(0,w.jsx)(le,{actionsEnd:(0,w.jsx)(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:kn,inputValue:u,inputPlaceholder:f,title:it,subtitle:vn}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(R,{size:"large",children:(0,w.jsxs)(W,{"aria-label":"Options",children:[(0,w.jsx)(E,{text:"List item"}),(0,w.jsx)(E,{text:"List item"}),(0,w.jsx)(E,{text:"List item"})]})})})})]})};H.states=js;H.options=er;H.className=an;H.defaultOptions=Ko;H.moduleName=on;H.folderName=nn;H.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var tr=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var _o=require("react/jsx-runtime");var or=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var Do=require("react/jsx-runtime");var ir=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),nr=H.states,ar=H.defaultOptions,sr=H.options,rr=[{name:"opened",title:"Opened"}],lr=[],et=e=>{let{modifiers:t,...o}=e,n={},i=(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)("div",{className:"k-list-filter",children:(0,Y.jsx)(ie,{})}),(0,Y.jsx)(R,{style:{width:300},size:o.size,children:(0,Y.jsxs)(W,{children:[(0,Y.jsx)(E,{children:"List item"}),(0,Y.jsx)(E,{children:"List item"}),(0,Y.jsx)(E,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(n.opened=!!(t!=null&&t[r]),n.popup=t!=null&&t[r]?i:void 0)}),(0,Y.jsx)("div",{children:(0,Y.jsx)(H,{placeholder:"Value",style:{width:300},...o,...n})})};et.options=sr;et.states=nr;et.variants=lr;et.defaultOptions=ar;et.modifiers=rr;et.className=H.className;var gt=require("react/jsx-runtime"),ln="k-spin-button",cr=[],mr={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ho={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Ae=e=>{let{size:t,fillMode:o,disabled:n,increaseLabel:i=Ho.increaseLabel,decreaseLabel:r=Ho.decreaseLabel,...p}=e;return(0,gt.jsxs)("span",{...p,className:a(ln,e.className),children:[(0,gt.jsx)(h,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:n,"aria-label":i}),(0,gt.jsx)(h,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:n,"aria-label":r})]})};Ae.states=cr;Ae.options=mr;Ae.className=ln;Ae.defaultOptions=Ho;Ae.moduleName=null;Ae.folderName=null;var dn="numeric-textbox",pn="numerictextbox";var U=require("react/jsx-runtime"),cn="k-numerictextbox",ur=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],fr={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Bt={showSpinButton:!0,showClearButton:!0,separators:!0},q=e=>{let{size:t,rounded:o,fillMode:n,separators:i=Bt.separators,showClearButton:r=Bt.showClearButton,showSpinButton:p=Bt.showSpinButton,prefix:d,suffix:c,value:u,placeholder:f,hover:N,focus:L,valid:I,invalid:A,required:y,loading:g,disabled:k,readonly:K,id:ae,"aria-label":M,"aria-describedby":Ee,...ye}=e;return(0,U.jsxs)(_,{...ye,size:t,rounded:o,fillMode:n,hover:N,focus:L,valid:I,invalid:A,required:y,loading:g,disabled:k,readonly:K,className:a(e.className,cn),children:[d&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Le,{children:d}),i&&(0,U.jsx)(fe,{})]}),(0,U.jsx)(re,{id:ae,placeholder:f,value:u,role:"spinbutton",disabled:k,"aria-label":M,"aria-describedby":Ee,"aria-invalid":A?"true":void 0}),(0,U.jsx)(j,{valid:I,invalid:A,loading:g,disabled:k}),(0,U.jsx)(oe,{loading:g,disabled:k}),r&&(0,U.jsx)(se,{loading:g,disabled:k,readonly:K,value:u}),c&&(0,U.jsxs)(U.Fragment,{children:[i&&(0,U.jsx)(fe,{}),(0,U.jsx)(ge,{children:c})]}),p&&(0,U.jsx)(Ae,{className:"k-input-spinner",size:t,fillMode:n,disabled:k})]})};q.states=ur;q.options=fr;q.className=cn;q.defaultOptions=Bt;q.moduleName=dn;q.folderName=pn;q.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var vt=q;var un=require("react/jsx-runtime"),mn=e=>(0,un.jsx)(vt,{...e});var fn=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var br=require("react/jsx-runtime");var Ut=require("react/jsx-runtime"),xr=q.states,hr=q.defaultOptions,Nr=q.options,Lr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],gr=[],tt=e=>{let{modifiers:t,...o}=e,n={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":n.prefix=t!=null&&t[i]?(0,Ut.jsx)(H,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":n.suffix=t!=null&&t[i]?(0,Ut.jsx)(oo,{children:"mm"}):void 0;break;case"clear-button":n.showClearButton=t==null?void 0:t[i];break;case"spin-button":n.showSpinButton=t==null?void 0:t[i];break;default:break}}),(0,Ut.jsx)(mn,{value:"Value",style:{width:300},...o,...n})};tt.options=Nr;tt.states=xr;tt.variants=gr;tt.defaultOptions=hr;tt.modifiers=Lr;tt.className=q.className;var zo="pager",xn=zo;var S=require("react/jsx-runtime"),Vt="k-pager",vr=[s.focus,s.disabled],kr={size:[l.undefined,l.small,l.medium,l.large]},te={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},z=e=>{let{responsive:t=te.responsive,size:o,pagerSizeInfo:n=te.pagerSizeInfo,pageTitleInfo:i=te.pageTitleInfo,maxPagesInfo:r=te.maxPagesInfo,itemsPerPage:p=te