@progress/kendo-themes-html/dist/esm/listview/templates/listview-no-data.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(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"}),A=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:p,active:d,selected:c,disabled:u,indeterminate:f,loading:L,empty:g,readonly:k,highlighted:C,...y}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":p,"k-active":d,"k-selected":c,"k-disabled":u,"k-indeterminate":f&&!p,"k-loading":L,"k-empty":g,"k-readonly":k,"k-highlighted":C},Object.keys(y).reduce((N,I)=>(I.startsWith("k-")?N[I]=y[I]:N[`k-${I}`]=y[I],N),{}))};function Ro(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!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"},ne={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 wt={};function O(e){return wt[e]=(wt[e]||0)+1,`k-${e}-${wt[e]}`}import{Fragment as la,jsx as Ko}from"react/jsx-runtime";var Pt="k-font-icon",na=[],sa={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]},ra={},Ze=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...p}=e;return a?Ko("span",{...p,className:n(e.className,Pt,T(Pt,{size:t}),{[`k-i-${a}`]:a,[`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"}):Ko(la,{})};Ze.states=na;Ze.options=sa;Ze.className=Pt;Ze.defaultOptions=ra;var _o=Ze;import{Fragment as ca,jsx as ut}from"react/jsx-runtime";var Rt="k-svg-icon",da=[],pa={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:[ne.outline,ne.solid,ne.duotone]},Kt={viewBox:"0 0 24 24",variant:ne.outline},je=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=Kt.viewBox,variant:p=Kt.variant,icon:d,...c}=e;if(!d)return ut(ca,{});if(d==="none")return ut("span",{...c,className:n(e.className,Rt,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof d=="object"&&d.name&&d.name,f=typeof d=="object"?p&&d.variants?.[p]||d.variants?.outline||d.content:void 0;return ut("span",{...c,className:n(e.className,Rt,T("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:ut("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})})};je.states=da;je.options=pa;je.className=Rt;je.defaultOptions=Kt;var _t=je;import*as Dt from"@progress/kendo-svg-icons";var Do="icon",Ho="icons";import{useContext as ua}from"react";import{createContext as ma}from"react";var zo=ma({iconsType:"svg"});import{Fragment as Bo,jsx as et}from"react/jsx-runtime";var ft="k-icon",fa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ba=[],xa={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:[ne.outline,ne.solid,ne.duotone]},bt={viewBox:"0 0 24 24",type:"svg",variant:ne.outline},v=e=>{let{iconsType:t}=ua(zo),{size:o,themeColor:a,icon:i,type:r=t||bt.type,rotate:p,flip:d,viewBox:c=bt.viewBox,variant:u=bt.variant,...f}=e;if(!i)return et(Bo,{});if((t||r)==="svg"){if(i==="none")return et(_t,{...f,className:n(e.className,ft),icon:i,size:o,variant:u});let g=Dt[i]?i:fa(`${i}-icon`);return Dt[g]?et(_t,{...f,className:n(e.className,ft),icon:Dt[g],size:o,themeColor:a,rotate:p,flip:d,viewBox:c,variant:u}):et(Bo,{})}return et(_o,{...f,className:n(e.className,ft),icon:i,size:o,themeColor:a,rotate:p,flip:d})};v.states=ba;v.options=xa;v.defaultOptions=bt;v.className=ft;v.moduleName=Do;v.folderName=Ho;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 Ht="button",Vo=Ht;import{Fragment as Uo,jsx as Oe,jsxs as Fo}from"react/jsx-runtime";var tt="k-button",ha=["icon-button"],La=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Na={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]},zt={showArrow:!1,arrowIconName:"chevron-down"},h=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:p=zt.showArrow,arrowIconName:d=zt.arrowIconName,variant:c,hover:u,focus:f,active:L,selected:g,disabled:k,togglable:C,ariaDisabled:y,icon:N,iconSize:I,text:P,iconClassName:j,className:M,...ke}=e,Se=N!=null,Ye=e.children!==void 0;return Fo(t,{className:n(M,tt,Ro(tt,c),T(tt,{size:o,rounded:a,fillMode:i,themeColor:r}),A(tt,{hover:u,focus:f,active:L,disabled:k||y,selected:g}),{"k-icon-button":!P&&!Ye&&Se}),"aria-pressed":C?g?"true":"false":void 0,...ke,"aria-disabled":y?"true":void 0,disabled:k||void 0,children:[typeof N=="string"&&N&&Oe(v,{className:n(j,"k-button-icon"),icon:N,size:I}),N&&typeof N!="string"&&Oe(Uo,{children:N}),P?Fo(Uo,{children:[P&&Oe("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Oe("span",{className:"k-button-text",children:e.children}),p&&Oe("span",{className:"k-menu-button-arrow k-button-arrow",children:Oe(v,{icon:d})})]})};h.states=La;h.options=Na;h.variants=ha;h.className=tt;h.defaultOptions=zt;h.moduleName=Ht;h.folderName=Vo;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."}]};import{jsx as ga}from"react/jsx-runtime";var Go=e=>ga(h,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as va}from"react/jsx-runtime";var Xo=e=>va(h,{icon:"folder",children:"Button",...e});import{jsx as Ia}from"react/jsx-runtime";var Ae=e=>Ia(h,{children:"Button",...e});import{jsx as Bt}from"react/jsx-runtime";var ka=h.options,Sa=h.states,Aa={...h.defaultOptions,variant:"text"},Ea=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ya=[],we=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Bt(Go,{...o,icon:"star"});case"icon-and-text":return Bt(Xo,{...o,icon:"star",children:"Button"});default:return Bt(Ae,{...o,children:"Button"})}};we.options=ka;we.states=Sa;we.variants=Ea;we.defaultOptions=Aa;we.modifiers=ya;we.className=h.className;var ot="input",xt=ot;import{jsx as Oa}from"react/jsx-runtime";var ht="k-input",Ta=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ma={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]},Ca={},R=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:p,readonly:d,size:c,rounded:u,fillMode:f,...L}=e;return Oa("span",{...L,className:n(e.className,ht,T(ht,{size:c,rounded:u,fillMode:f}),A(ht,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:p,readonly:d}))})};R.states=Ta;R.options=Ma;R.className=ht;R.defaultOptions=Ca;R.moduleName=ot;R.folderName=xt;import{jsx as Ka}from"react/jsx-runtime";var Lt="k-picker",wa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Pa={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]},Ra={},me=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:p,readonly:d,size:c,rounded:u,fillMode:f,...L}=e;return Ka("span",{...L,className:n(e.className,Lt,T(Lt,{size:c,rounded:u,fillMode:f}),A(Lt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:p,readonly:d})),children:e.children})};me.states=wa;me.options=Pa;me.className=Lt;me.defaultOptions=Ra;me.moduleName=ot;me.folderName=xt;import{Fragment as Ha,jsx as Vt}from"react/jsx-runtime";var $o="k-clear-value",_a=[s.disabled,s.loading,s.readonly],Da={},ee=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?Vt(Ha,{}):Vt("span",{className:n(e.className,$o),children:Vt(v,{icon:"x"})})};ee.states=_a;ee.options=Da;ee.className=$o;import{jsx as Va}from"react/jsx-runtime";var Ut="k-input-inner",za=[],Ba={},Nt={type:"text",autocomplete:"off",value:"",placeholder:""},te=e=>{let{value:t=Nt.value,type:o=Nt.type,placeholder:a=Nt.placeholder,autocomplete:i=Nt.autocomplete,disabled:r,readOnly:p,...d}=e;return Va("input",{...d,type:o,className:n(e.className,Ut,T(Ut,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:p||void 0})};te.states=za;te.options=Ba;te.className=Ut;import{jsx as Wo,jsxs as Ga}from"react/jsx-runtime";var Ft="k-input-inner",Ua=[],Fa={},it=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...p}=e;return Ga("span",{...p,className:n(e.className,Ft,T(Ft,e)),children:[i,!i&&r&&Wo(v,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Wo("span",{className:"k-input-value-text",children:t})]})};it.states=Ua;it.options=Fa;it.className=Ft;import{jsx as Wa}from"react/jsx-runtime";var Gt="k-input-inner",Xa=[],$a={},qo={value:"",placeholder:""},Xt=e=>{let{value:t=qo.value,placeholder:o=qo.placeholder,rows:a,disabled:i,...r}=e;return Wa("textarea",{...r,className:n(e.className,Gt,T(Gt,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};Xt.states=Xa;Xt.options=$a;Xt.className=Gt;import{Fragment as Ja,jsx as Jo}from"react/jsx-runtime";var Yo="k-input-loading-icon",qa=[s.disabled,s.loading],Y=e=>{let{disabled:t,loading:o}=e;return t||!o?Jo(Ja,{}):Jo("span",{className:n(e.className,Yo,"k-icon k-i-loading")})};Y.states=qa;Y.className=Yo;import{Fragment as Za,jsx as Qo}from"react/jsx-runtime";var Zo="k-input-validation-icon",Ya=[s.valid,s.invalid,s.disabled,s.loading],Qa={},q=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Qo(Za,{}):Qo(v,{className:n(Zo),icon:r})};q.states=Ya;q.options=Qa;q.className=Zo;import{Fragment as tn,jsx as jo}from"react/jsx-runtime";var ja="k-input-prefix",en={direction:"horizontal"},ue=e=>{let{direction:t=en.direction,...o}=e;return e.children?jo("span",{...o,className:n(ja,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):jo(tn,{})};import{Fragment as nn,jsx as ei}from"react/jsx-runtime";var on="k-input-suffix",an={direction:"horizontal"},fe=e=>{let{direction:t=an.direction,...o}=e;return e.children?ei("span",{...o,className:n(on,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ei(nn,{})};import{jsx as Dd}from"react/jsx-runtime";import{jsx as rn}from"react/jsx-runtime";var sn="k-input-suffix-text",$t=e=>{let{children:t,...o}=e;return rn("span",{...o,className:n(sn,e.className),children:t})};import{jsx as dn}from"react/jsx-runtime";var ti="k-input-separator",ln={direction:"vertical"},le=e=>{let{direction:t=ln.direction,...o}=e;return dn("span",{...o,className:n(ti,e.className,{[`${ti}-${t}`]:t})})};import{Fragment as oi,jsx as se,jsxs as Wt}from"react/jsx-runtime";var pn=R.states,cn=R.defaultOptions,mn=R.options,un=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],fn=[],Pe=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:p,...d}=e,c=t?.prefix,u=t?.suffix,f=t?.["clear-button"],L=t?.["validation-icon"],g=t?.separators;return Wt(R,{...d,valid:o,invalid:a,loading:i,disabled:r,readonly:p,style:{width:300},children:[c&&Wt(oi,{children:[se(ue,{children:se(v,{icon:"lock"})}),g&&se(le,{})]}),se(te,{placeholder:"Placeholder",value:"Value"}),L&&se(q,{valid:o,invalid:a,loading:i,disabled:r}),se(Y,{loading:i,disabled:r}),f&&se(ee,{loading:i,disabled:r,readonly:p,value:"Value"}),u&&Wt(oi,{children:[g&&se(le,{}),se(fe,{children:se(Ae,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};Pe.options=mn;Pe.states=pn;Pe.variants=fn;Pe.defaultOptions=cn;Pe.modifiers=un;Pe.className=R.className;var qt="popup",ii=qt;import{jsx as ai}from"react/jsx-runtime";var ni="k-animation-container",bn=[],xn={},Jt={positionMode:"absolute",shown:!0},re=e=>{let{positionMode:t=Jt.positionMode,shown:o=Jt.shown,animationStyle:a,offset:i,...r}=e;return ai("div",{...r,style:{...i,...e.style},className:n(e.className,ni,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ai("div",{className:"k-child-animation-container",style:a,children:e.children})})};re.states=bn;re.options=xn;re.className=ni;re.defaultOptions=Jt;re.moduleName=qt;re.folderName=ii;var Yt="popup",si=Yt;import{jsx as ri}from"react/jsx-runtime";var li="k-popup",hn=[],Ln={},di={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=di.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:p,...d}=e;return ri(re,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":p,children:ri("div",{...d,className:n(e.className,li),children:e.children})})};de.states=hn;de.options=Ln;de.className=li;de.defaultOptions=di;de.moduleName=Yt;de.folderName=si;de.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 Qt="action-buttons",pi=Qt;import{jsx as vn}from"react/jsx-runtime";var gt="k-actions",Nn=[],gn={},Zt={alignment:"start",orientation:"horizontal"},be=e=>{let{alignment:t=Zt.alignment,orientation:o=Zt.orientation,...a}=e;return vn("div",{...a,className:n(gt,{[`${gt}-${t}`]:t,[`${gt}-${o}`]:o},e.className),children:e.children})};be.states=Nn;be.options=gn;be.className=gt;be.defaultOptions=Zt;be.moduleName=Qt;be.folderName=pi;import{jsx as kn}from"react/jsx-runtime";var In="k-actionsheet-footer",ci={alignment:"stretched",orientation:"horizontal"},Re=e=>{let{alignment:t=ci.alignment,orientation:o=ci.orientation,template:a,as:i=a?"div":be,...r}=e;return kn(i,{...r,...!a&&{alignment:t,orientation:o},className:n(e.className,In),children:e.children})};var jt="searchbox",mi=jt;import{jsx as at,jsxs as En}from"react/jsx-runtime";var ui="k-searchbox",Sn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],An={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]},eo={showIcon:!0,icon:"search"},Q=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:p,focus:d,valid:c,invalid:u,required:f,loading:L,disabled:g,showIcon:k=eo.showIcon,icon:C=eo.icon,"aria-label":y,...N}=e;return En(R,{...N,size:a,rounded:i,fillMode:r,hover:p,focus:d,valid:c,invalid:u,required:f,loading:L,disabled:g,className:n(e.className,ui),children:[k&&at(v,{className:"k-input-icon",icon:C}),at(te,{placeholder:o,value:t,"aria-label":y}),at(Y,{...e}),at(q,{...e}),at(ee,{...e})]})};Q.states=Sn;Q.options=An;Q.className=ui;Q.defaultOptions=eo;Q.moduleName=jt;Q.folderName=mi;import{jsx as oc}from"react/jsx-runtime";var to="textbox",fi=to;import{Fragment as bi,jsx as xe,jsxs as oo}from"react/jsx-runtime";var xi="k-textbox",yn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Tn={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]},vt={showClearButton:!0,showValidationIcon:!0,separators:!0},B=e=>{let{size:t,rounded:o,fillMode:a,separators:i=vt.separators,showClearButton:r=vt.showClearButton,showValidationIcon:p=vt.showValidationIcon,prefix:d,suffix:c,type:u,value:f,placeholder:L,hover:g,focus:k,valid:C,invalid:y,required:N,loading:I,disabled:P,readonly:j,id:M,"aria-label":ke,"aria-describedby":Se,...Ye}=e;return oo(R,{...Ye,size:t,rounded:o,fillMode:a,hover:g,focus:k,valid:C,invalid:y,required:N,loading:I,disabled:P,readonly:j,className:n(e.className,xi),children:[d&&oo(bi,{children:[xe(ue,{children:d}),i&&xe(le,{})]}),xe(te,{id:M,placeholder:L,value:f,type:u,disabled:P,"aria-label":ke,"aria-describedby":Se,"aria-invalid":y?"true":void 0}),p&&xe(q,{valid:C,invalid:y,loading:I,disabled:P}),xe(Y,{loading:I,disabled:P}),r&&xe(ee,{loading:I,disabled:P,readonly:j,value:f}),c&&oo(bi,{children:[i&&xe(le,{}),xe(fe,{children:c})]})]})};B.states=yn;B.options=Tn;B.className=xi;B.defaultOptions=vt;B.moduleName=to;B.folderName=fi;B.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 nt=B;import{jsx as Mn}from"react/jsx-runtime";var hi=e=>Mn(nt,{...e});import{Fragment as gc,jsx as Nc}from"react/jsx-runtime";import{Fragment as Ec,jsx as Ac}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var Cn=B.states,On=B.defaultOptions,wn=B.options,Pn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Rn=[],Ke=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?io(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?io(Ae,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),io(hi,{value:"Value",style:{width:300},...o,...a})};Ke.options=wn;Ke.states=Cn;Ke.variants=Rn;Ke.defaultOptions=On;Ke.modifiers=Pn;Ke.className=B.className;import{jsx as he,jsxs as ao}from"react/jsx-runtime";var Li="k-actionsheet-titlebar",Kn={},oe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:p,inputValue:d,inputPlaceholder:c,adaptive:u,titleId:f,children:L,...g}=e;return ao("div",{...g,className:n(e.className,Li),children:[ao("div",{className:"k-actionsheet-titlebar-group",children:[a&&he("div",{className:"k-actionsheet-actions",children:a}),!L&&ao("div",{className:"k-actionsheet-title",id:f,children:[t&&he("div",{className:"k-text-center",children:t}),o&&he("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&he("div",{className:"k-actionsheet-title",id:f,children:L}),i&&he("div",{className:"k-actionsheet-actions",children:i})]}),(p||r)&&he("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?he(B,{value:d,placeholder:c,size:u?"large":"medium","aria-label":t||c||"Input"}):he(Q,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};oe.className=Li;oe.defaultOptions=Kn;import{jsx as no,jsxs as zn}from"react/jsx-runtime";var so="k-actionsheet-view",_n=[],Dn={},Hn={},_e=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:p,...d}=e,c=i?.type===oe&&no(oe,{adaptive:t,titleId:p,...i?.props}),u=r?.type===Re&&no(Re,{...r?.props});return zn("div",{...d,className:n(e.className,so,{[`${so}-animated`]:o}),children:[c,no("div",{className:"k-actionsheet-content",children:a}),u]})};_e.states=_n;_e.options=Dn;_e.className=so;_e.defaultOptions=Hn;var st="action-sheet",It=st;var ro="overlay",Ni=ro;import{jsx as Fn}from"react/jsx-runtime";var gi="k-overlay",Bn=[],Vn={},Un={},Le=e=>{let{...t}=e;return Fn("div",{...t,className:n(e.className,gi),children:e.children})};Le.states=Bn;Le.options=Vn;Le.className=gi;Le.defaultOptions=Un;Le.moduleName=ro;Le.folderName=Ni;import{jsx as kt,jsxs as $n}from"react/jsx-runtime";var vi="k-actionsheet",Gn=[],Xn={},rt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},D=e=>{let{side:t=rt.side,fullscreen:o=rt.fullscreen,adaptive:a=rt.adaptive,overlay:i=rt.overlay,template:r,children:p,header:d,footer:c,id:u,...f}=e,L=u&&!r&&d?`${u}-title`:void 0;return $n("div",{className:"k-actionsheet-container",children:[i&&kt(Le,{}),kt(re,{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:kt("div",{...f,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":L,className:n(e.className,vi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||kt(_e,{header:d,footer:c,adaptive:a,titleId:L,...e,children:p})})})]})};D.states=Gn;D.options=Xn;D.className=vi;D.defaultOptions=rt;D.moduleName=st;D.folderName=It;D.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."}]};import{jsx as Yn}from"react/jsx-runtime";var Ii="k-actionsheet-container",Wn=[],qn={},Jn={},De=e=>{let{children:t,...o}=e;return Yn("div",{...o,className:Ii,children:t})};De.states=Wn;De.options=qn;De.className=Ii;De.defaultOptions=Jn;De.moduleName=st;De.folderName=It;import{jsx as Qn}from"react/jsx-runtime";var lo=e=>{let{...t}=e;return Qn("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as jn,jsx as lt,jsxs as po}from"react/jsx-runtime";var co="k-actionsheet-item",Zn=[s.hover,s.focus,s.selected,s.disabled],Ne=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:p,disabled:d,...c}=e;return po("span",{...c,className:n(e.className,co,A(co,{hover:i,focus:r,selected:p,disabled:d})),children:[!e.children&&lt(jn,{children:po("span",{className:"k-actionsheet-action",children:[t&&lt("span",{className:"k-icon-wrap",children:lt(v,{className:"k-actionsheet-item-icon",icon:t})}),po("span",{className:"k-actionsheet-item-text",children:[o&&lt("span",{className:"k-actionsheet-item-title",children:o}),a&&lt("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ne.states=Zn;Ne.className=co;import{jsx as Mm,jsxs as Cm}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";import{jsx as Hm}from"react/jsx-runtime";import{jsx as Um}from"react/jsx-runtime";import{jsx as H,jsxs as mo}from"react/jsx-runtime";var es=D.options,ts=D.states,Si={...D.defaultOptions,variant:"normal"},os=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],is=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],He=e=>{let{variant:t,modifiers:o,...a}={...Si,...e},i={},r=mo(lo,{children:[H(Ne,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),H(Ne,{text:"Add to Favorites",iconName:"heart"}),H(Ne,{text:"Upload New",iconName:"upload",disabled:!0}),H("hr",{className:"k-hr"}),H(Ne,{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?.[c],i.actionsEnd=!!o?.[c];break;case"subtitle":i.subtitle=o?.[c]?p:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?H(D,{...a,adaptive:!0,fullscreen:i.fullScreen,header:H(oe,{actionsStart:i.actionsStart?H(h,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?H(h,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:i.subtitle}),footer:i.footer?mo(Re,{alignment:"stretched",children:[H(h,{text:"Cancel",size:"large",themeColor:"base"}),H(h,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):H(D,{...a,fullscreen:i.fullScreen,header:H(oe,{actionsStart:i.actionsStart?H(h,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?H(h,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?mo(Re,{alignment:"stretched",children:[H(h,{text:"Apply",themeColor:"primary"}),H(h,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};He.options=es;He.states=ts;He.variants=os;He.defaultOptions=Si;He.modifiers=is;He.className=D.className;import fo from"react";import{jsx as Ai}from"react/jsx-runtime";var as="k-list-group-sticky-header",uo=e=>Ai("div",{className:n(as,e.className),children:Ai("div",{className:"k-list-header-text",children:e.children})});import{jsx as ss}from"react/jsx-runtime";var ns="k-no-data",dt=e=>{let{live:t,...o}=e;return ss("span",{...o,className:n(ns,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ee="list",ze=Ee;import{jsx as Ei,jsxs as yi}from"react/jsx-runtime";var bo="k-list",rs=[],ls={size:[l.undefined,l.small,l.medium,l.large]},ds={},w=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:p,customValue:d,noData:c,screenReaders:u,...f}=e,g=fo.Children.toArray(a)[0],k=g?.props?.children?fo.Children.count(g.props.children):fo.Children.count(a);return yi("div",{...f,className:n(e.className,bo,T(bo,{size:t}),{"k-virtual-list":o}),children:[p,r,d,i&&Ei(uo,{children:i}),a||(c!==void 0?c:Ei(dt,{live:!0,children:"No data found."})),u&&a&&yi(dt,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};w.states=rs;w.options=ls;w.className=bo;w.defaultOptions=ds;w.moduleName=Ee;w.folderName=ze;w.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as us}from"react/jsx-runtime";var Ti="k-list-container",ps=[],cs={},ms={},Be=e=>{let{...t}=e;return us("div",{...t,className:n(e.className,Ti),children:e.children})};Be.states=ps;Be.options=cs;Be.className=Ti;Be.defaultOptions=ms;Be.moduleName=Ee;Be.folderName=ze;var ye="checkbox",Ve=ye;import{jsx as Mi}from"react/jsx-runtime";var St="k-checkbox",fs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],bs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},xs={},$=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:p,invalid:d,valid:c,required:u,size:f,rounded:L,wrapperRole:g,...k}=e;return Mi("span",{className:"k-checkbox-wrap",role:g,children:Mi("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:p||void 0,"aria-invalid":d?"true":void 0,className:n(e.className,St,T(St,{size:f,rounded:L}),A(St,{hover:i,focus:r,disabled:p,invalid:d,valid:c,indeterminate:a,checked:o}))})})};$.states=fs;$.options=bs;$.className=St;$.defaultOptions=xs;$.moduleName=ye;$.folderName=Ve;$.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 ie=$;import{jsx as Ns}from"react/jsx-runtime";var Ci="k-checkbox-list",hs=[],Ls={},Oi={layout:"vertical"},V=e=>{let{layout:t=Oi.layout,...o}=e;return Ns("ul",{...o,className:n(e.className,Ci,{[`k-list-${t}`]:t}),children:e.children})};V.states=hs;V.options=Ls;V.className=Ci;V.defaultOptions=Oi;V.moduleName=ye;V.folderName=Ve;import{jsx as ks}from"react/jsx-runtime";var wi="k-checkbox-list-item",gs=[],vs={},Is={},U=e=>{let{...t}=e;return ks("li",{...t,className:n(e.className,wi),children:e.children})};U.states=gs;U.options=vs;U.className=wi;U.defaultOptions=Is;U.moduleName=ye;U.folderName=Ve;import{Fragment as Ss,jsx as Pi,jsxs as As}from"react/jsx-runtime";var pe=({children:e="Label",id:t="cb-label-after",...o})=>As(Ss,{children:[Pi(ie,{id:t,...o}),Pi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Qu,jsx as Yu,jsxs as Zu}from"react/jsx-runtime";import{Fragment as af,jsx as of,jsxs as nf}from"react/jsx-runtime";import{Fragment as pf,jsx as df,jsxs as cf}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";import{jsx as Nf}from"react/jsx-runtime";import{jsx as kf}from"react/jsx-runtime";import{jsx as Z,jsxs as Ri}from"react/jsx-runtime";var Es=V.options,ys=V.states,Ts={...V.defaultOptions,variant:"vertical"},Ms=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cs=[],Ue=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ri(V,{layout:"horizontal",...o,children:[Z(U,{children:Z(pe,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Z(U,{children:Z(pe,{id:O("cb"),children:"Label"})}),Z(U,{children:Z(pe,{id:O("cb"),children:"Label"})})]}):Ri(V,{...o,children:[Z(U,{children:Z(pe,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Z(U,{children:Z(pe,{id:O("cb"),children:"Label"})}),Z(U,{children:Z(pe,{id:O("cb"),children:"Label"})})]})};Ue.options=Es;Ue.states=ys;Ue.variants=Ms;Ue.defaultOptions=Ts;Ue.modifiers=Cs;Ue.className=V.className;import{jsx as _s}from"react/jsx-runtime";var Os=ie.options,ws=ie.states,Ps=ie.defaultOptions,Rs=[],Ks=[],Fe=e=>_s(pe,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});Fe.options=Os;Fe.states=ws;Fe.variants=Rs;Fe.defaultOptions=Ps;Fe.modifiers=Ks;Fe.className=ie.className;import{jsx as Te,jsxs as Bs}from"react/jsx-runtime";var xo="k-list-item",Ds=[s.hover,s.focus,s.selected,s.disabled],Hs={},zs={},E=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:r,showCheckbox:p,checked:d,hover:c,focus:u,selected:f,disabled:L,actions:g,description:k,id:C,...y}=e,N=t||e.children;return Bs("li",{...y,id:C,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&f?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:n(e.className,a?"k-list-group-item":xo,A(xo,{hover:c,focus:u,disabled:L,selected:f})),children:[p&&Te($,{checked:d}),i&&Te("span",{className:"k-list-item-icon-wrapper",children:Te(v,{icon:i,className:n("k-list-item-icon",r)})}),Te("span",{className:"k-list-item-text",children:N}),g&&Te("div",{className:"k-list-item-actions",children:g}),k&&Te("span",{className:"k-list-item-description",children:k}),o&&o!==""&&Te("div",{className:"k-list-item-group-label",children:o})]})};E.states=Ds;E.options=Hs;E.className=xo;E.defaultOptions=zs;E.moduleName=Ee;E.folderName=ze;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."}]};import{jsx as Us}from"react/jsx-runtime";var Vs="k-list-ul",Me=e=>{let{children:t,role:o,id:a,...i}=e;return Us("ul",{...i,id:a,role:o,className:n(Vs,e.className),children:t})};Me.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."}]};import{jsx as ho,jsxs as Gs}from"react/jsx-runtime";var Fs="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...p}=e;return Gs("div",{...p,className:n(Fs,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:ho(Me,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&ho("div",{className:"k-height-container",children:ho("div",{})})]})};F.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."}]};import{jsx as Lo,jsxs as qs}from"react/jsx-runtime";var At="k-list-sticky-header",Xs=[s.hover,s.focus,s.selected],$s={},Ws={},Et=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:p,selected:d,...c}=e;return Lo("div",{...c,className:n(At,e.className),children:qs("div",{className:n(`${At}-item`,A(`${At}-item`,{hover:r,focus:p,selected:d})),children:[o&&Lo($,{checked:a,indeterminate:i,"aria-label":t}),Lo("span",{className:"k-list-item-text",children:t})]})})};Et.states=Xs;Et.options=$s;Et.className=At;Et.defaultOptions=Ws;import{Fragment as hb,jsx as xb,jsxs as Lb}from"react/jsx-runtime";import{jsx as No,jsxs as Ys}from"react/jsx-runtime";var Js="k-list-group-item",pt=e=>{let{groupIconName:t,...o}=e;return Ys("li",{...o,role:"presentation",className:n(Js,e.className),children:[t&&No("span",{className:"k-list-item-icon-wrapper",children:No(v,{icon:t,className:"k-list-item-icon"})}),No("span",{className:"k-list-item-text",children:e.children})]})};pt.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."}]};import{jsx as er}from"react/jsx-runtime";var go="k-list-optionlabel",Qs=[s.hover,s.focus,s.selected,s.disabled],Zs={},js={},yt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...p}=e;return er("div",{...p,className:n(go,A(go,{hover:o,focus:a,selected:i,disabled:r})),children:t})};yt.states=Qs;yt.options=Zs;yt.className=go;yt.defaultOptions=js;import{jsx as ar}from"react/jsx-runtime";var vo="k-list-custom-value",tr=[s.hover,s.focus,s.selected,s.disabled],or={},ir={},Tt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...p}=e;return ar("div",{...p,className:n(vo,A(vo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Tt.states=tr;Tt.options=or;Tt.className=vo;Tt.defaultOptions=ir;import{Fragment as Rb,jsx as Pb,jsxs as Kb}from"react/jsx-runtime";import{Fragment as Vb,jsx as Bb,jsxs as Ub}from"react/jsx-runtime";import{Fragment as Jb,jsx as Wb,jsxs as qb}from"react/jsx-runtime";import{Fragment as ox,jsx as ex,jsxs as tx}from"react/jsx-runtime";import{jsx as sx}from"react/jsx-runtime";import{Fragment as mx,jsx as cx,jsxs as ux}from"react/jsx-runtime";var Ki="dropdown-list",_i="dropdownlist";import{Fragment as rr,jsx as G,jsxs as Io}from"react/jsx-runtime";var Di="k-dropdownlist",nr=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sr={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"},K=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=ko.arrowIconName,showValue:r=ko.showValue,valueIconName:p,prefix:d,suffix:c,value:u,placeholder:f,hover:L,focus:g,valid:k,invalid:C,required:y,loading:N,disabled:I,readonly:P,popup:j,opened:M,adaptive:ke,adaptiveSettings:Se,adaptiveTitle:Ye,adaptiveSubtitle:ea,adaptiveFilter:ta,id:Qe,activeDescendant:wo,"aria-label":oa,...ia}=e,aa=Qe?`${Qe}-listbox`:void 0,Po=Qe?`${Qe}-value`:void 0;return Io(rr,{children:[Io(me,{...ia,id:Qe,size:t,rounded:o,fillMode:a,hover:L,focus:g,valid:k,invalid:C,required:y,loading:N,disabled:I,readonly:P,className:n(e.className,Di,{"k-icon-picker":!r&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?aa:void 0,"aria-activedescendant":M&&wo?wo:void 0,"aria-describedby":M?Po:void 0,"aria-disabled":I?"true":void 0,"aria-label":oa,tabIndex:0,children:[G(ue,{children:d}),G(it,{placeholder:f,value:u,showValue:r,valueIconName:p,id:Po}),G(q,{valid:k,invalid:C,loading:N,disabled:I}),G(Y,{loading:N,disabled:I}),G(fe,{children:c}),G(h,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":f||"Toggle dropdown",tabIndex:-1})]}),M&&j&&G(de,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:j}),ke&&G(D,{adaptive:!0,...Se,header:G(oe,{actionsEnd:G(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ta,inputValue:u,inputPlaceholder:f,title:Ye,subtitle:ea}),children:G("div",{className:"k-list-container",children:G(w,{size:"large",children:Io(F,{"aria-label":"Options",children:[G(E,{text:"List item"}),G(E,{text:"List item"}),G(E,{text:"List item"})]})})})})]})};K.states=nr;K.options=sr;K.className=Di;K.defaultOptions=ko;K.moduleName=Ki;K.folderName=_i;K.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."}]};import{jsx as Wx}from"react/jsx-runtime";import{jsx as jx,jsxs as eh}from"react/jsx-runtime";import{Fragment as dh,jsx as rh,jsxs as lh}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";import{jsx as gh,jsxs as vh}from"react/jsx-runtime";import{Fragment as Ch,jsx as Th,jsxs as Mh}from"react/jsx-runtime";import{jsx as Kh}from"react/jsx-runtime";import{Fragment as ur,jsx as ge,jsxs as Hi}from"react/jsx-runtime";var lr=K.states,dr=K.defaultOptions,pr=K.options,cr=[{name:"opened",title:"Opened"}],mr=[],Xe=e=>{let{modifiers:t,...o}=e,a={},i=Hi(ur,{children:[ge("div",{className:"k-list-filter",children:ge(Q,{})}),ge(w,{style:{width:300},size:o.size,children:Hi(F,{children:[ge(E,{children:"List item"}),ge(E,{children:"List item"}),ge(E,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0)}),ge("div",{children:ge(K,{placeholder:"Value",style:{width:300},...o,...a})})};Xe.options=pr;Xe.states=lr;Xe.variants=mr;Xe.defaultOptions=dr;Xe.modifiers=cr;Xe.className=K.className;import{jsx as zi,jsxs as Lr}from"react/jsx-runtime";var Bi="k-spin-button",xr=[],hr={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},So={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ve=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=So.increaseLabel,decreaseLabel:r=So.decreaseLabel,...p}=e;return Lr("span",{...p,className:n(Bi,e.className),children:[zi(h,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),zi(h,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};ve.states=xr;ve.options=hr;ve.className=Bi;ve.defaultOptions=So;ve.moduleName=null;ve.folderName=null;var Vi="numeric-textbox",Ui="numerictextbox";import{Fragment as Fi,jsx as ce,jsxs as Ao}from"react/jsx-runtime";var Gi="k-numerictextbox",Nr=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],gr={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]},Mt={showSpinButton:!0,showClearButton:!0,separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Mt.separators,showClearButton:r=Mt.showClearButton,showSpinButton:p=Mt.showSpinButton,prefix:d,suffix:c,value:u,placeholder:f,hover:L,focus:g,valid:k,invalid:C,required:y,loading:N,disabled:I,readonly:P,id:j,"aria-label":M,"aria-describedby":ke,...Se}=e;return Ao(R,{...Se,size:t,rounded:o,fillMode:a,hover:L,focus:g,valid:k,invalid:C,required:y,loading:N,disabled:I,readonly:P,className:n(e.className,Gi),children:[d&&Ao(Fi,{children:[ce(ue,{children:d}),i&&ce(le,{})]}),ce(te,{id:j,placeholder:f,value:u,role:"spinbutton",disabled:I,"aria-label":M,"aria-describedby":ke,"aria-invalid":C?"true":void 0}),ce(q,{valid:k,invalid:C,loading:N,disabled:I}),ce(Y,{loading:N,disabled:I}),r&&ce(ee,{loading:N,disabled:I,readonly:P,value:u}),c&&Ao(Fi,{children:[i&&ce(le,{}),ce(fe,{children:c})]}),p&&ce(ve,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};X.states=Nr;X.options=gr;X.className=Gi;X.defaultOptions=Mt;X.moduleName=Vi;X.folderName=Ui;X.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 ct=X;import{jsx as vr}from"react/jsx-runtime";var Xi=e=>vr(ct,{...e});import{Fragment as vL,jsx as gL}from"react/jsx-runtime";import{Fragment as yL,jsx as EL}from"react/jsx-runtime";import{jsx as OL}from"react/jsx-runtime";import{jsx as Eo}from"react/jsx-runtime";var Ir=X.states,kr=X.defaultOptions,Sr=X.options,Ar=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Er=[],$e=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Eo(K,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?Eo($t,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),Eo(Xi,{value:"Value",style:{width:300},...o,...a})};$e.options=Sr;$e.states=Ir;$e.variants=Er;$e.defaultOptions=kr;$e.modifiers=Ar;$e.className=X.className;var yo="pager",$i=yo;import{Fragment as Wi,jsx as W,jsxs as We}from"react/jsx-runtime";var Ct="k-pager",yr=[s.focus,s.disabled],Tr={size:[l.undefined,l.small,l.medium,l.large]},J={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},_=e=>{let{responsive:t=J.responsive,size:o,pagerSizeInfo:a=J.pagerSizeInfo,pageTitleInfo:i=J.pageTitleInfo,maxPagesInfo:r=J.maxPagesInfo,itemsPerPage:p=J.itemsPerPage,maxPages:d=J.maxPages,currentPage:c=J.currentPage,previousNext:u=J.previousNext,type:f=J.type,pageSizes:L=J.pageSizes,refresh:g=J.refresh,info:k=J.info,focus:C,disabled:y,dir:N,...I}=e,P=[],j=[];for(let M=1;M<=d;M++)P.push(W(h,{selected:M===c,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${M}`,...M===c&&{"aria-current":"page"},children:M},M)),j.push(W("option",{selected:M===c,children:M},M));return We("div",{dir:N,...I,className:n(e.className,Ct,T(Ct,{size:o}),A(Ct,{focus:C,disabled:y}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${c} of ${d}`,children:[We("div",{className:n("k-pager-numbers-wrap"),children:[u&&We(Wi,{children:[W(h,{className:n("k-pager-nav","k-pager-first"),ariaDisabled:c===1,fillMode:"flat",size:o,icon:N==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),W(h,{className:n("k-pager-nav"),ariaDisabled:c===1,fillMode:"flat",size:o,icon:N==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),f==="numeric"&&W("div",{className:n("k-pager-numbers"),children:P}),f==="input"&&We("span",{className:n("k-pager-input"),children:[i&&W("span",{children:"Page"}),W(X,{value:`${c}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),W("span",{children:r&&`of ${d}`})]}),u&&W