@progress/kendo-themes-html/dist/cjs/grid/templates/grid-with-edit-row.js

A collection of HTML helpers used for developing Kendo UI themes

var Ym=Object.create;var Ar=Object.defineProperty;var Qm=Object.getOwnPropertyDescriptor;var Zm=Object.getOwnPropertyNames;var jm=Object.getPrototypeOf,eu=Object.prototype.hasOwnProperty;var ou=(e,o)=>{for(var t in o)Ar(e,t,{get:o[t],enumerable:!0})},bs=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of Zm(o))!eu.call(e,l)&&l!==t&&Ar(e,l,{get:()=>o[l],enumerable:!(r=Qm(o,l))||r.enumerable});return e};var fs=(e,o,t)=>(t=e!=null?Ym(jm(e)):{},bs(o||!e||!e.__esModule?Ar(t,"default",{value:e,enumerable:!0}):t,e)),tu=e=>bs(Ar({},"__esModule",{value:!0}),e);var VN={};ou(VN,{GridWithEditRow:()=>ms});module.exports=tu(VN);var a=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?a(...o):typeof o=="object"?Object.keys(o).map((t,r)=>o[r]||o[t]&&t||null).filter(t=>t!==null).join(" "):o).filter(o=>!!o).join(" ");var y=(e,o)=>a({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"}),S=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:n,checked:d,active:m,selected:f,disabled:k,indeterminate:N,loading:v,empty:b,readonly:w,highlighted:C,...G}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":f,"k-disabled":k,"k-indeterminate":N&&!d,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":C},Object.keys(G).reduce((H,P)=>(P.startsWith("k-")?H[P]=G[P]:H[`k-${P}`]=G[P],H),{}))};function Ts(e,o){if(!o)return{};let t=Array.isArray(o)?o:[o];return Object.fromEntries(t.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Uo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},M={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Cl={};function B(e){return Cl[e]=(Cl[e]||0)+1,`k-${e}-${Cl[e]}`}var Ja=require("react/jsx-runtime"),Ll="k-font-icon",au=[],ru={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},lu={},qa=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:n,...d}=e;return r?(0,Ja.jsx)("span",{...d,className:a(e.className,Ll,y(Ll,{size:o}),{[`k-i-${r}`]:r,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Ja.jsx)(Ja.Fragment,{})};qa.states=au;qa.options=ru;qa.className=Ll;qa.defaultOptions=lu;var gs=qa;var Pt=require("react/jsx-runtime"),Ml="k-svg-icon",iu=[],nu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Uo.outline,Uo.solid,Uo.duotone]},yl={viewBox:"0 0 24 24",variant:Uo.outline},Ya=e=>{var v,b;let{size:o,themeColor:t,rotate:r,flip:l,viewBox:n=yl.viewBox,variant:d=yl.variant,icon:m,...f}=e;if(!m)return(0,Pt.jsx)(Pt.Fragment,{});if(m==="none")return(0,Pt.jsx)("span",{...f,className:a(e.className,Ml,y("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let k=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&((v=m.variants)==null?void 0:v[d])||((b=m.variants)==null?void 0:b.outline)||m.content:void 0;return(0,Pt.jsx)("span",{...f,className:a(e.className,Ml,y("k-icon",{size:o}),{[`k-svg-i-${k}`]:k,[`k-color-${t}`]:t,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,Pt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};Ya.states=iu;Ya.options=nu;Ya.className=Ml;Ya.defaultOptions=yl;var Sl=Ya;var Al=fs(require("@progress/kendo-svg-icons"));var hs="icon",xs="icons";var vs=require("react");var Ns=require("react"),ks=(0,Ns.createContext)({iconsType:"svg"});var Zo=require("react/jsx-runtime"),Ir="k-icon",su=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),du=[],cu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Uo.outline,Uo.solid,Uo.duotone]},Rr={viewBox:"0 0 24 24",type:"svg",variant:Uo.outline},T=e=>{let{iconsType:o}=(0,vs.useContext)(ks),{size:t,themeColor:r,icon:l,type:n=o||Rr.type,rotate:d,flip:m,viewBox:f=Rr.viewBox,variant:k=Rr.variant,...N}=e;if(!l)return(0,Zo.jsx)(Zo.Fragment,{});if((o||n)==="svg"){if(l==="none")return(0,Zo.jsx)(Sl,{...N,className:a(e.className,Ir),icon:l,size:t,variant:k});let b=Al[l]?l:su(`${l}-icon`);return Al[b]?(0,Zo.jsx)(Sl,{...N,className:a(e.className,Ir),icon:Al[b],size:t,themeColor:r,rotate:d,flip:m,viewBox:f,variant:k}):(0,Zo.jsx)(Zo.Fragment,{})}return(0,Zo.jsx)(gs,{...N,className:a(e.className,Ir),icon:l,size:t,themeColor:r,rotate:d,flip:m})};T.states=du;T.options=cu;T.defaultOptions=Rr;T.className=Ir;T.moduleName=hs;T.folderName=xs;T.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 Il="button",ws=Il;var fo=require("react/jsx-runtime"),Qa="k-button",pu=["icon-button"],mu=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],uu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Rl={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:n,showArrow:d=Rl.showArrow,arrowIconName:m=Rl.arrowIconName,variant:f,hover:k,focus:N,active:v,selected:b,disabled:w,togglable:C,ariaDisabled:G,icon:H,iconSize:P,text:U,iconClassName:ge,className:de,...Ye}=e,Qe=H!=null,Ze=e.children!==void 0;return(0,fo.jsxs)(o,{className:a(de,Qa,Ts(Qa,f),y(Qa,{size:t,rounded:r,fillMode:l,themeColor:n}),S(Qa,{hover:k,focus:N,active:v,disabled:w||G,selected:b}),{"k-icon-button":!U&&!Ze&&Qe}),"aria-pressed":C?b?"true":"false":void 0,...Ye,"aria-disabled":G?"true":void 0,disabled:w||void 0,children:[typeof H=="string"&&H&&(0,fo.jsx)(T,{className:a(ge,"k-button-icon"),icon:H,size:P}),H&&typeof H!="string"&&(0,fo.jsx)(fo.Fragment,{children:H}),U?(0,fo.jsxs)(fo.Fragment,{children:[U&&(0,fo.jsx)("span",{className:"k-button-text",children:U}),e.children]}):e.children&&(0,fo.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,fo.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,fo.jsx)(T,{icon:m})})]})};c.states=mu;c.options=uu;c.variants=pu;c.className=Qa;c.defaultOptions=Rl;c.moduleName=Il;c.folderName=ws;c.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 Cs=require("react/jsx-runtime"),gt=e=>(0,Cs.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ls=require("react/jsx-runtime"),Za=e=>(0,Ls.jsx)(c,{icon:"folder",children:"Button",...e});var Ms=require("react/jsx-runtime"),_t=e=>(0,Ms.jsx)(c,{children:"Button",...e});var Er=require("react/jsx-runtime"),bu=c.options,fu=c.states,Tu={...c.defaultOptions,variant:"text"},gu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hu=[],Yt=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return(0,Er.jsx)(gt,{...t,icon:"star"});case"icon-and-text":return(0,Er.jsx)(Za,{...t,icon:"star",children:"Button"});default:return(0,Er.jsx)(_t,{...t,children:"Button"})}};Yt.options=bu;Yt.states=fu;Yt.variants=gu;Yt.defaultOptions=Tu;Yt.modifiers=hu;Yt.className=c.className;var Kt="checkbox",Qt=Kt;var El=require("react/jsx-runtime"),Gr="k-checkbox",xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},ku={},Te=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:f,required:k,size:N,rounded:v,wrapperRole:b,...w}=e;return(0,El.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,El.jsx)("input",{...w,id:o,type:"checkbox",defaultChecked:t,required:k,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,Gr,y(Gr,{size:N,rounded:v}),S(Gr,{hover:l,focus:n,disabled:d,invalid:m,valid:f,indeterminate:r,checked:t}))})})};Te.states=xu;Te.options=Nu;Te.className=Gr;Te.defaultOptions=ku;Te.moduleName=Kt;Te.folderName=Qt;Te.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 Po=Te;var As=require("react/jsx-runtime"),ys="k-checkbox-list",vu=[],wu={},Ss={layout:"vertical"},je=e=>{let{layout:o=Ss.layout,...t}=e;return(0,As.jsx)("ul",{...t,className:a(e.className,ys,{[`k-list-${o}`]:o}),children:e.children})};je.states=vu;je.options=wu;je.className=ys;je.defaultOptions=Ss;je.moduleName=Kt;je.folderName=Qt;var Rs=require("react/jsx-runtime"),Is="k-checkbox-list-item",Cu=[],Lu={},Mu={},eo=e=>{let{...o}=e;return(0,Rs.jsx)("li",{...o,className:a(e.className,Is),children:e.children})};eo.states=Cu;eo.options=Lu;eo.className=Is;eo.defaultOptions=Mu;eo.moduleName=Kt;eo.folderName=Qt;var Dt=require("react/jsx-runtime"),jo=({children:e="Label",id:o="cb-label-after",...t})=>(0,Dt.jsxs)(Dt.Fragment,{children:[(0,Dt.jsx)(Po,{id:o,...t}),(0,Dt.jsx)("label",{className:"k-checkbox-label",htmlFor:o,children:e})]});var Gl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var Su=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),Iu=je.options,Ru=je.states,Eu={...je.defaultOptions,variant:"vertical"},Gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ou=[],Zt=e=>{let{variant:o,...t}=e;return o==="horizontal"?(0,ze.jsxs)(je,{layout:"horizontal",...t,children:[(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),children:"Label"})}),(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),children:"Label"})})]}):(0,ze.jsxs)(je,{...t,children:[(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),children:"Label"})}),(0,ze.jsx)(eo,{children:(0,ze.jsx)(jo,{id:B("cb"),children:"Label"})})]})};Zt.options=Iu;Zt.states=Ru;Zt.variants=Gu;Zt.defaultOptions=Eu;Zt.modifiers=Ou;Zt.className=je.className;var Es=require("react/jsx-runtime"),Hu=Po.options,Pu=Po.states,_u=Po.defaultOptions,Ku=[],Du=[],jt=e=>(0,Es.jsx)(jo,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});jt.options=Hu;jt.states=Pu;jt.variants=Ku;jt.defaultOptions=_u;jt.modifiers=Du;jt.className=Po.className;var ja="input",Or=ja;var Gs=require("react/jsx-runtime"),Hr="k-input",Bu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],zu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Uu={},Le=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:f,rounded:k,fillMode:N,...v}=e;return(0,Gs.jsx)("span",{...v,className:a(e.className,Hr,y(Hr,{size:f,rounded:k,fillMode:N}),S(Hr,{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};Le.states=Bu;Le.options=zu;Le.className=Hr;Le.defaultOptions=Uu;Le.moduleName=ja;Le.folderName=Or;var Os=require("react/jsx-runtime"),Pr="k-picker",Fu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],$u={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Vu={},Fo=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:f,rounded:k,fillMode:N,...v}=e;return(0,Os.jsx)("span",{...v,className:a(e.className,Pr,y(Pr,{size:f,rounded:k,fillMode:N}),S(Pr,{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};Fo.states=Fu;Fo.options=$u;Fo.className=Pr;Fo.defaultOptions=Vu;Fo.moduleName=ja;Fo.folderName=Or;var ea=require("react/jsx-runtime"),Hs="k-clear-value",Wu=[i.disabled,i.loading,i.readonly],Xu={},To=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?(0,ea.jsx)(ea.Fragment,{}):(0,ea.jsx)("span",{className:a(e.className,Hs),children:(0,ea.jsx)(T,{icon:"x"})})};To.states=Wu;To.options=Xu;To.className=Hs;var Ps=require("react/jsx-runtime"),Pl="k-input-inner",Ju=[],qu={},_r={type:"text",autocomplete:"off",value:"",placeholder:""},go=e=>{let{value:o=_r.value,type:t=_r.type,placeholder:r=_r.placeholder,autocomplete:l=_r.autocomplete,disabled:n,readOnly:d,...m}=e;return(0,Ps.jsx)("input",{...m,type:t,className:a(e.className,Pl,y(Pl,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:n||void 0,readOnly:d||void 0})};go.states=Ju;go.options=qu;go.className=Pl;var er=require("react/jsx-runtime"),_l="k-input-inner",Yu=[],Qu={},Bt=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return(0,er.jsxs)("span",{...d,className:a(e.className,_l,y(_l,e)),children:[l,!l&&n&&(0,er.jsx)(T,{className:"k-input-value-icon",icon:n}),r&&!o&&t,r&&o&&(0,er.jsx)("span",{className:"k-input-value-text",children:o})]})};Bt.states=Yu;Bt.options=Qu;Bt.className=_l;var Ks=require("react/jsx-runtime"),Kl="k-input-inner",Zu=[],ju={},_s={value:"",placeholder:""},Dl=e=>{let{value:o=_s.value,placeholder:t=_s.placeholder,rows:r,disabled:l,...n}=e;return(0,Ks.jsx)("textarea",{...n,className:a(e.className,Kl,y(Kl,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};Dl.states=Zu;Dl.options=ju;Dl.className=Kl;var or=require("react/jsx-runtime"),Ds="k-input-loading-icon",eb=[i.disabled,i.loading],no=e=>{let{disabled:o,loading:t}=e;return o||!t?(0,or.jsx)(or.Fragment,{}):(0,or.jsx)("span",{className:a(e.className,Ds,"k-icon k-i-loading")})};no.states=eb;no.className=Ds;var tr=require("react/jsx-runtime"),Bs="k-input-validation-icon",ob=[i.valid,i.invalid,i.disabled,i.loading],tb={},oo=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,n=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?(0,tr.jsx)(tr.Fragment,{}):(0,tr.jsx)(T,{className:a(Bs),icon:n})};oo.states=ob;oo.options=tb;oo.className=Bs;var ar=require("react/jsx-runtime"),ab="k-input-prefix",rb={direction:"horizontal"},Mo=e=>{let{direction:o=rb.direction,...t}=e;return e.children?(0,ar.jsx)("span",{...t,className:a(ab,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):(0,ar.jsx)(ar.Fragment,{})};var rr=require("react/jsx-runtime"),lb="k-input-suffix",ib={direction:"horizontal"},yo=e=>{let{direction:o=ib.direction,...t}=e;return e.children?(0,rr.jsx)("span",{...t,className:a(lb,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):(0,rr.jsx)(rr.Fragment,{})};var nb=require("react/jsx-runtime");var zs=require("react/jsx-runtime"),sb="k-input-suffix-text",Bl=e=>{let{children:o,...t}=e;return(0,zs.jsx)("span",{...t,className:a(sb,e.className),children:o})};var Fs=require("react/jsx-runtime"),Us="k-input-separator",db={direction:"vertical"},So=e=>{let{direction:o=db.direction,...t}=e;return(0,Fs.jsx)("span",{...t,className:a(Us,e.className,{[`${Us}-${o}`]:o})})};var Ie=require("react/jsx-runtime"),cb=Le.states,pb=Le.defaultOptions,mb=Le.options,ub=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],bb=[],oa=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,f=o==null?void 0:o.prefix,k=o==null?void 0:o.suffix,N=o==null?void 0:o["clear-button"],v=o==null?void 0:o["validation-icon"],b=o==null?void 0:o.separators;return(0,Ie.jsxs)(Le,{...m,valid:t,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(Mo,{children:(0,Ie.jsx)(T,{icon:"lock"})}),b&&(0,Ie.jsx)(So,{})]}),(0,Ie.jsx)(go,{placeholder:"Placeholder",value:"Value"}),v&&(0,Ie.jsx)(oo,{valid:t,invalid:r,loading:l,disabled:n}),(0,Ie.jsx)(no,{loading:l,disabled:n}),N&&(0,Ie.jsx)(To,{loading:l,disabled:n,readonly:d,value:"Value"}),k&&(0,Ie.jsxs)(Ie.Fragment,{children:[b&&(0,Ie.jsx)(So,{}),(0,Ie.jsx)(yo,{children:(0,Ie.jsx)(_t,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};oa.options=mb;oa.states=cb;oa.variants=bb;oa.defaultOptions=pb;oa.modifiers=ub;oa.className=Le.className;var lr=require("react/jsx-runtime"),$s="k-spin-button",gb=[],hb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},zl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ht=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=zl.increaseLabel,decreaseLabel:n=zl.decreaseLabel,...d}=e;return(0,lr.jsxs)("span",{...d,className:a($s,e.className),children:[(0,lr.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),(0,lr.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":n})]})};ht.states=gb;ht.options=hb;ht.className=$s;ht.defaultOptions=zl;ht.moduleName=null;ht.folderName=null;var Vs="numeric-textbox",Ws="numerictextbox";var Ee=require("react/jsx-runtime"),Xs="k-numerictextbox",xb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Nb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Kr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Kr.separators,showClearButton:n=Kr.showClearButton,showSpinButton:d=Kr.showSpinButton,prefix:m,suffix:f,value:k,placeholder:N,hover:v,focus:b,valid:w,invalid:C,required:G,loading:H,disabled:P,readonly:U,id:ge,"aria-label":de,"aria-describedby":Ye,...Qe}=e;return(0,Ee.jsxs)(Le,{...Qe,size:o,rounded:t,fillMode:r,hover:v,focus:b,valid:w,invalid:C,required:G,loading:H,disabled:P,readonly:U,className:a(e.className,Xs),children:[m&&(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(Mo,{children:m}),l&&(0,Ee.jsx)(So,{})]}),(0,Ee.jsx)(go,{id:ge,placeholder:N,value:k,role:"spinbutton",disabled:P,"aria-label":de,"aria-describedby":Ye,"aria-invalid":C?"true":void 0}),(0,Ee.jsx)(oo,{valid:w,invalid:C,loading:H,disabled:P}),(0,Ee.jsx)(no,{loading:H,disabled:P}),n&&(0,Ee.jsx)(To,{loading:H,disabled:P,readonly:U,value:k}),f&&(0,Ee.jsxs)(Ee.Fragment,{children:[l&&(0,Ee.jsx)(So,{}),(0,Ee.jsx)(yo,{children:f})]}),d&&(0,Ee.jsx)(ht,{className:"k-input-spinner",size:o,fillMode:r,disabled:P})]})};$.states=xb;$.options=Nb;$.className=Xs;$.defaultOptions=Kr;$.moduleName=Vs;$.folderName=Ws;$.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 ir=$;var qs=require("react/jsx-runtime"),Js=e=>(0,qs.jsx)(ir,{...e});var Ul="popup",Ys=Ul;var $l=require("react/jsx-runtime"),Qs="k-animation-container",kb=[],vb={},Fl={positionMode:"absolute",shown:!0},$o=e=>{let{positionMode:o=Fl.positionMode,shown:t=Fl.shown,animationStyle:r,offset:l,...n}=e;return(0,$l.jsx)("div",{...n,style:{...l,...e.style},className:a(e.className,Qs,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:(0,$l.jsx)("div",{className:"k-child-animation-container",style:r,children:e.children})})};$o.states=kb;$o.options=vb;$o.className=Qs;$o.defaultOptions=Fl;$o.moduleName=Ul;$o.folderName=Ys;var Vl="popup",Zs=Vl;var Wl=require("react/jsx-runtime"),js="k-popup",wb=[],Cb={},ed={positionMode:"absolute"},re=e=>{let{offset:o,positionMode:t=ed.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return(0,Wl.jsx)($o,{positionMode:t,offset:o,animationStyle:r,className:l,role:n,"aria-label":d,children:(0,Wl.jsx)("div",{...m,className:a(e.className,js),children:e.children})})};re.states=wb;re.options=Cb;re.className=js;re.defaultOptions=ed;re.moduleName=Vl;re.folderName=Zs;re.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 Xl="action-buttons",od=Xl;var td=require("react/jsx-runtime"),Dr="k-actions",Lb=[],Mb={},Jl={alignment:"start",orientation:"horizontal"},Ao=e=>{let{alignment:o=Jl.alignment,orientation:t=Jl.orientation,...r}=e;return(0,td.jsx)("div",{...r,className:a(Dr,{[`${Dr}-${o}`]:o,[`${Dr}-${t}`]:t},e.className),children:e.children})};Ao.states=Lb;Ao.options=Mb;Ao.className=Dr;Ao.defaultOptions=Jl;Ao.moduleName=Xl;Ao.folderName=od;var rd=require("react/jsx-runtime"),yb="k-actionsheet-footer",ad={alignment:"stretched",orientation:"horizontal"},xt=e=>{let{alignment:o=ad.alignment,orientation:t=ad.orientation,template:r,as:l=r?"div":Ao,...n}=e;return(0,rd.jsx)(l,{...n,...!r&&{alignment:o,orientation:t},className:a(e.className,yb),children:e.children})};var ql="searchbox",ld=ql;var Nt=require("react/jsx-runtime"),id="k-searchbox",Sb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Ab={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Yl={showIcon:!0,icon:"search"},ho=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:f,invalid:k,required:N,loading:v,disabled:b,showIcon:w=Yl.showIcon,icon:C=Yl.icon,"aria-label":G,...H}=e;return(0,Nt.jsxs)(Le,{...H,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:f,invalid:k,required:N,loading:v,disabled:b,className:a(e.className,id),children:[w&&(0,Nt.jsx)(T,{className:"k-input-icon",icon:C}),(0,Nt.jsx)(go,{placeholder:t,value:o,"aria-label":G}),(0,Nt.jsx)(no,{...e}),(0,Nt.jsx)(oo,{...e}),(0,Nt.jsx)(To,{...e})]})};ho.states=Sb;ho.options=Ab;ho.className=id;ho.defaultOptions=Yl;ho.moduleName=ql;ho.folderName=ld;var Ib=require("react/jsx-runtime");var Ql="textbox",nd=Ql;var Ue=require("react/jsx-runtime"),sd="k-textbox",Rb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Eb={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Br={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Br.separators,showClearButton:n=Br.showClearButton,showValidationIcon:d=Br.showValidationIcon,prefix:m,suffix:f,type:k,value:N,placeholder:v,hover:b,focus:w,valid:C,invalid:G,required:H,loading:P,disabled:U,readonly:ge,id:de,"aria-label":Ye,"aria-describedby":Qe,...Ze}=e;return(0,Ue.jsxs)(Le,{...Ze,size:o,rounded:t,fillMode:r,hover:b,focus:w,valid:C,invalid:G,required:H,loading:P,disabled:U,readonly:ge,className:a(e.className,sd),children:[m&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(Mo,{children:m}),l&&(0,Ue.jsx)(So,{})]}),(0,Ue.jsx)(go,{id:de,placeholder:v,value:N,type:k,disabled:U,"aria-label":Ye,"aria-describedby":Qe,"aria-invalid":G?"true":void 0}),d&&(0,Ue.jsx)(oo,{valid:C,invalid:G,loading:P,disabled:U}),(0,Ue.jsx)(no,{loading:P,disabled:U}),n&&(0,Ue.jsx)(To,{loading:P,disabled:U,readonly:ge,value:N}),f&&(0,Ue.jsxs)(Ue.Fragment,{children:[l&&(0,Ue.jsx)(So,{}),(0,Ue.jsx)(yo,{children:f})]})]})};me.states=Rb;me.options=Eb;me.className=sd;me.defaultOptions=Br;me.moduleName=Ql;me.folderName=nd;me.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 nr=me;var cd=require("react/jsx-runtime"),dd=e=>(0,cd.jsx)(nr,{...e});var pd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var zr=require("react/jsx-runtime"),Ob=me.states,Hb=me.defaultOptions,Pb=me.options,_b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Kb=[],ta=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o!=null&&o[l]?(0,zr.jsx)(T,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o!=null&&o[l]?(0,zr.jsx)(_t,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o==null?void 0:o[l];break;default:break}}),(0,zr.jsx)(dd,{value:"Value",style:{width:300},...t,...r})};ta.options=Pb;ta.states=Ob;ta.variants=Kb;ta.defaultOptions=Hb;ta.modifiers=_b;ta.className=me.className;var xo=require("react/jsx-runtime"),ud="k-actionsheet-titlebar",Db={},to=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:f,adaptive:k,titleId:N,children:v,...b}=e;return(0,xo.jsxs)("div",{...b,className:a(e.className,ud),children:[(0,xo.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,xo.jsx)("div",{className:"k-actionsheet-actions",children:r}),!v&&(0,xo.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[o&&(0,xo.jsx)("div",{className:"k-text-center",children:o}),t&&(0,xo.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),v&&(0,xo.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),l&&(0,xo.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&(0,xo.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,xo.jsx)(me,{value:m,placeholder:f,size:k?"large":"medium","aria-label":o||f||"Input"}):(0,xo.jsx)(ho,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};to.className=ud;to.defaultOptions=Db;var aa=require("react/jsx-runtime"),Zl="k-actionsheet-view",Bb=[],zb={},Ub={},ra=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:n,titleId:d,...m}=e,f=(l==null?void 0:l.type)===to&&(0,aa.jsx)(to,{adaptive:o,titleId:d,...l==null?void 0:l.props}),k=(n==null?void 0:n.type)===xt&&(0,aa.jsx)(xt,{...n==null?void 0:n.props});return(0,aa.jsxs)("div",{...m,className:a(e.className,Zl,{[`${Zl}-animated`]:t}),children:[f,(0,aa.jsx)("div",{className:"k-actionsheet-content",children:r}),k]})};ra.states=Bb;ra.options=zb;ra.className=Zl;ra.defaultOptions=Ub;var sr="action-sheet",Ur=sr;var jl="overlay",bd=jl;var Td=require("react/jsx-runtime"),fd="k-overlay",Fb=[],$b={},Vb={},kt=e=>{let{...o}=e;return(0,Td.jsx)("div",{...o,className:a(e.className,fd),children:e.children})};kt.states=Fb;kt.options=$b;kt.className=fd;kt.defaultOptions=Vb;kt.moduleName=jl;kt.folderName=bd;var zt=require("react/jsx-runtime"),gd="k-actionsheet",Wb=[],Xb={},dr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ve=e=>{let{side:o=dr.side,fullscreen:t=dr.fullscreen,adaptive:r=dr.adaptive,overlay:l=dr.overlay,template:n,children:d,header:m,footer:f,id:k,...N}=e,v=k&&!n&&m?`${k}-title`:void 0;return(0,zt.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,zt.jsx)(kt,{}),(0,zt.jsx)($o,{animationStyle:{[`${t===!0?"top":o}`]:0,[`${t===!0?"width":null}`]:"100%",[`${t===!0?"height":null}`]:"100%",[`${o==="top"||o==="bottom"?"width":null}`]:"100%",[`${o==="left"||o==="right"?"height":null}`]:"100%"},children:(0,zt.jsx)("div",{...N,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:a(e.className,gd,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:n||(0,zt.jsx)(ra,{header:m,footer:f,adaptive:r,titleId:v,...e,children:d})})})]})};ve.states=Wb;ve.options=Xb;ve.className=gd;ve.defaultOptions=dr;ve.moduleName=sr;ve.folderName=Ur;ve.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 xd=require("react/jsx-runtime"),hd="k-actionsheet-container",Jb=[],qb={},Yb={},la=e=>{let{children:o,...t}=e;return(0,xd.jsx)("div",{...t,className:hd,children:o})};la.states=Jb;la.options=qb;la.className=hd;la.defaultOptions=Yb;la.moduleName=sr;la.folderName=Ur;var Nd=require("react/jsx-runtime"),ei=e=>{let{...o}=e;return(0,Nd.jsx)("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};var Io=require("react/jsx-runtime"),oi="k-actionsheet-item",Qb=[i.hover,i.focus,i.selected,i.disabled],vt=e=>{let{iconName:o,text:t,description:r,hover:l,focus:n,selected:d,disabled:m,...f}=e;return(0,Io.jsxs)("span",{...f,className:a(e.className,oi,S(oi,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&(0,Io.jsx)(Io.Fragment,{children:(0,Io.jsxs)("span",{className:"k-actionsheet-action",children:[o&&(0,Io.jsx)("span",{className:"k-icon-wrap",children:(0,Io.jsx)(T,{className:"k-actionsheet-item-icon",icon:o})}),(0,Io.jsxs)("span",{className:"k-actionsheet-item-text",children:[t&&(0,Io.jsx)("span",{className:"k-actionsheet-item-title",children:t}),r&&(0,Io.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};vt.states=Qb;vt.className=oi;var kd=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var he=require("react/jsx-runtime"),of=ve.options,tf=ve.states,wd={...ve.defaultOptions,variant:"normal"},af=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],rf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ia=e=>{let{variant:o,modifiers:t,...r}={...wd,...e},l={},n=(0,he.jsxs)(ei,{children:[(0,he.jsx)(vt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,he.jsx)(vt,{text:"Add to Favorites",iconName:"heart"}),(0,he.jsx)(vt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,he.jsx)("hr",{className:"k-hr"}),(0,he.jsx)(vt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(t!=null&&t[f]),l.actionsEnd=!!(t!=null&&t[f]);break;case"subtitle":l.subtitle=t!=null&&t[f]?d:void 0;break;case"footer":l.footer=!!(t!=null&&t[f]);break;default:break}}),o==="adaptive"?(0,he.jsx)(ve,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,he.jsx)(to,{actionsStart:l.actionsStart?(0,he.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xt,{alignment:"stretched",children:[(0,he.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,he.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,he.jsx)(ve,{...r,fullscreen:l.fullScreen,header:(0,he.jsx)(to,{actionsStart:l.actionsStart?(0,he.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,he.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,he.jsxs)(xt,{alignment:"stretched",children:[(0,he.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,he.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};ia.options=of;ia.states=tf;ia.variants=af;ia.defaultOptions=wd;ia.modifiers=rf;ia.className=ve.className;var $r=fs(require("react"));var ti=require("react/jsx-runtime"),lf="k-list-group-sticky-header",ai=e=>(0,ti.jsx)("div",{className:a(lf,e.className),children:(0,ti.jsx)("div",{className:"k-list-header-text",children:e.children})});var Cd=require("react/jsx-runtime"),nf="k-no-data",Fr=e=>{let{live:o,...t}=e;return(0,Cd.jsx)("span",{...t,className:a(nf,e.className),"aria-live":o?"polite":void 0,children:e.children})};var Ut="list",na=Ut;var sa=require("react/jsx-runtime"),ri="k-list",sf=[],df={size:[s.undefined,s.small,s.medium,s.large]},cf={},oe=e=>{var C;let{size:o,virtualization:t,children:r,header:l,selectAll:n,optionLabel:d,customValue:m,noData:f,screenReaders:k,...N}=e,b=$r.default.Children.toArray(r)[0],w=(C=b==null?void 0:b.props)!=null&&C.children?$r.default.Children.count(b.props.children):$r.default.Children.count(r);return(0,sa.jsxs)("div",{...N,className:a(e.className,ri,y(ri,{size:o}),{"k-virtual-list":t}),children:[d,n,m,l&&(0,sa.jsx)(ai,{children:l}),r||(f!==void 0?f:(0,sa.jsx)(Fr,{live:!0,children:"No data found."})),k&&r&&(0,sa.jsxs)(Fr,{className:"k-sr-only",live:!0,children:[w," items found."]})]})};oe.states=sf;oe.options=df;oe.className=ri;oe.defaultOptions=cf;oe.moduleName=Ut;oe.folderName=na;oe.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Md=require("react/jsx-runtime"),Ld="k-list-container",pf=[],mf={},uf={},da=e=>{let{...o}=e;return(0,Md.jsx)("div",{...o,className:a(e.className,Ld),children:e.children})};da.states=pf;da.options=mf;da.className=Ld;da.defaultOptions=uf;da.moduleName=Ut;da.folderName=na;var Vo=require("react/jsx-runtime"),li="k-list-item",bf=[i.hover,i.focus,i.selected,i.disabled],ff={},Tf={},F=e=>{let{text:o,groupLabel:t,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:f,focus:k,selected:N,disabled:v,actions:b,description:w,id:C,...G}=e,H=o||e.children;return(0,Vo.jsxs)("li",{...G,id:C,role:r?"presentation":"option",tabIndex:r?void 0:k?0:-1,"aria-selected":!r&&N?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:a(e.className,r?"k-list-group-item":li,S(li,{hover:f,focus:k,disabled:v,selected:N})),children:[d&&(0,Vo.jsx)(Te,{checked:m}),l&&(0,Vo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Vo.jsx)(T,{icon:l,className:a("k-list-item-icon",n)})}),(0,Vo.jsx)("span",{className:"k-list-item-text",children:H}),b&&(0,Vo.jsx)("div",{className:"k-list-item-actions",children:b}),w&&(0,Vo.jsx)("span",{className:"k-list-item-description",children:w}),t&&t!==""&&(0,Vo.jsx)("div",{className:"k-list-item-group-label",children:t})]})};F.states=bf;F.options=ff;F.className=li;F.defaultOptions=Tf;F.moduleName=Ut;F.folderName=na;F.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 yd=require("react/jsx-runtime"),gf="k-list-ul",et=e=>{let{children:o,role:t,id:r,...l}=e;return(0,yd.jsx)("ul",{...l,id:r,role:t,className:a(gf,e.className),children:o})};et.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 ca=require("react/jsx-runtime"),hf="k-list-content",pe=e=>{let{virtualization:o,grouping:t,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return(0,ca.jsxs)("div",{...d,className:a(hf,e.className),role:t?"listbox":void 0,id:t?n:void 0,"aria-label":t?r:void 0,"aria-labelledby":t?l:void 0,children:[t?e.children:(0,ca.jsx)(et,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),o&&(0,ca.jsx)("div",{className:"k-height-container",children:(0,ca.jsx)("div",{})})]})};pe.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 pa=require("react/jsx-runtime"),Vr="k-list-sticky-header",xf=[i.hover,i.focus,i.selected],Nf={},kf={},Wr=e=>{let{label:o="Select all",showCheckbox:t=!0,checked:r,indeterminate:l,hover:n,focus:d,selected:m,...f}=e;return(0,pa.jsx)("div",{...f,className:a(Vr,e.className),children:(0,pa.jsxs)("div",{className:a(`${Vr}-item`,S(`${Vr}-item`,{hover:n,focus:d,selected:m})),children:[t&&(0,pa.jsx)(Te,{checked:r,indeterminate:l,"aria-label":o}),(0,pa.jsx)("span",{className:"k-list-item-text",children:o})]})})};Wr.states=xf;Wr.options=Nf;Wr.className=Vr;Wr.defaultOptions=kf;var ii=require("react/jsx-runtime");var ma=require("react/jsx-runtime"),vf="k-list-group-item",Ft=e=>{let{groupIconName:o,...t}=e;return(0,ma.jsxs)("li",{...t,role:"presentation",className:a(vf,e.className),children:[o&&(0,ma.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ma.jsx)(T,{icon:o,className:"k-list-item-icon"})}),(0,ma.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ft.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 Sd=require("react/jsx-runtime"),ni="k-list-optionlabel",wf=[i.hover,i.focus,i.selected,i.disabled],Cf={},Lf={},Xr=e=>{let{text:o,hover:t,focus:r,selected:l,disabled:n,...d}=e;return(0,Sd.jsx)("div",{...d,className:a(ni,S(ni,{hover:t,focus:r,selected:l,disabled:n})),children:o})};Xr.states=wf;Xr.options=Cf;Xr.className=ni;Xr.defaultOptions=Lf;var Ad=require("react/jsx-runtime"),si="k-list-custom-value",Mf=[i.hover,i.focus,i.selected,i.disabled],yf={},Sf={},wt=e=>{let{text:o,hover:t,focus:r,selected:l,disabled:n,...d}=e;return(0,Ad.jsx)("div",{...d,className:a(si,S(si,{hover:t,focus:r,selected:l,disabled:n})),children:o})};wt.states=Mf;wt.options=yf;wt.className=si;wt.defaultOptions=Sf;var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var Id="dropdown-list",Rd="dropdownlist";var xe=require("react/jsx-runtime"),Ed="k-dropdownlist",If=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Rf={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},bi={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:o,rounded:t,fillMode:r,arrowIconName:l=bi.arrowIconName,showValue:n=bi.showValue,valueIconName:d,prefix:m,suffix:f,value:k,placeholder:N,hover:v,focus:b,valid:w,invalid:C,required:G,loading:H,disabled:P,readonly:U,popup:ge,opened:de,adaptive:Ye,adaptiveSettings:Qe,adaptiveTitle:Ze,adaptiveSubtitle:Ht,adaptiveFilter:kl,id:Tt,activeDescendant:Sr,"aria-label":vl,...wl}=e,qm=Tt?`${Tt}-listbox`:void 0,us=Tt?`${Tt}-value`:void 0;return(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsxs)(Fo,{...wl,id:Tt,size:o,rounded:t,fillMode:r,hover:v,focus:b,valid:w,invalid:C,required:G,loading:H,disabled:P,readonly:U,className:a(e.className,Ed,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?qm:void 0,"aria-activedescendant":de&&Sr?Sr:void 0,"aria-describedby":de?us:void 0,"aria-disabled":P?"true":void 0,"aria-label":vl,tabIndex:0,children:[(0,xe.jsx)(Mo,{children:m}),(0,xe.jsx)(Bt,{placeholder:N,value:k,showValue:n,valueIconName:d,id:us}),(0,xe.jsx)(oo,{valid:w,invalid:C,loading:H,disabled:P}),(0,xe.jsx)(no,{loading:H,disabled:P}),(0,xe.jsx)(yo,{children:f}),(0,xe.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),de&&ge&&(0,xe.jsx)(re,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ge}),Ye&&(0,xe.jsx)(ve,{adaptive:!0,...Qe,header:(0,xe.jsx)(to,{actionsEnd:(0,xe.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:kl,inputValue:k,inputPlaceholder:N,title:Ze,subtitle:Ht}),children:(0,xe.jsx)("div",{className:"k-list-container",children:(0,xe.jsx)(oe,{size:"large",children:(0,xe.jsxs)(pe,{"aria-label":"Options",children:[(0,xe.jsx)(F,{text:"List item"}),(0,xe.jsx)(F,{text:"List item"}),(0,xe.jsx)(F,{text:"List item"})]})})})})]})};le.states=If;le.options=Rf;le.className=Ed;le.defaultOptions=bi;le.moduleName=Id;le.folderName=Rd;le.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 Ef=require("react/jsx-runtime");var Gd=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Od=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Of=require("react/jsx-runtime");var so=require("react/jsx-runtime"),Hf=le.states,Pf=le.defaultOptions,_f=le.options,Kf=[{name:"opened",title:"Opened"}],Df=[],ba=e=>{let{modifiers:o,...t}=e,r={},l=(0,so.jsxs)(so.Fragment,{children:[(0,so.jsx)("div",{className:"k-list-filter",children:(0,so.jsx)(ho,{})}),(0,so.jsx)(oe,{style:{width:300},size:t.size,children:(0,so.jsxs)(pe,{children:[(0,so.jsx)(F,{children:"List item"}),(0,so.jsx)(F,{children:"List item"}),(0,so.jsx)(F,{children:"List item"})]})})]});return Object.keys(o||{}).forEach(n=>{n==="opened"&&(r.opened=!!(o!=null&&o[n]),r.popup=o!=null&&o[n]?l:void 0)}),(0,so.jsx)("div",{children:(0,so.jsx)(le,{placeholder:"Value",style:{width:300},...t,...r})})};ba.options=_f;ba.states=Hf;ba.variants=Df;ba.defaultOptions=Pf;ba.modifiers=Kf;ba.className=le.className;var Hd=require("react/jsx-runtime");var Pd=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Jr=require("react/jsx-runtime"),zf=$.states,Uf=$.defaultOptions,Ff=$.options,$f=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Vf=[],fa=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o!=null&&o[l]?(0,Jr.jsx)(le,{size:t.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=o!=null&&o[l]?(0,Jr.jsx)(Bl,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=o==null?void 0:o[l];break;case"spin-button":r.showSpinButton=o==null?void 0:o[l];break;default:break}}),(0,Jr.jsx)(Js,{value:"Value",style:{width:300},...t,...r})};fa.options=Ff;fa.states=zf;fa.variants=Vf;fa.defaultOptions=Uf;fa.modifiers=$f;fa.className=$.className;var j="grid",te=j;var Yr=require("react/jsx-runtime"),qr="k-grid",Wf=[],Xf={size:[s.undefined,s.small,s.medium,s.large]},Jf=[],_d={pagerPosition:"bottom"},_=e=>{let{size:o,pagerPosition:t=_d.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_re