@progress/kendo-themes-html/dist/cjs/form/demos/form.js

A collection of HTML helpers used for developing Kendo UI themes

var Ba=Object.create;var Rt=Object.defineProperty;var za=Object.getOwnPropertyDescriptor;var Fa=Object.getOwnPropertyNames;var Ua=Object.getPrototypeOf,Ga=Object.prototype.hasOwnProperty;var Va=(e,t)=>{for(var o in t)Rt(e,o,{get:t[o],enumerable:!0})},ii=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Fa(t))!Ga.call(e,i)&&i!==o&&Rt(e,i,{get:()=>t[i],enumerable:!(a=za(t,i))||a.enumerable});return e};var ai=(e,t,o)=>(o=e!=null?Ba(Ua(e)):{},ii(t||!e||!e.__esModule?Rt(o,"default",{value:e,enumerable:!0}):o,e)),$a=e=>ii(Rt({},"__esModule",{value:!0}),e);var ll={};Va(ll,{FormDemo:()=>ye,default:()=>rl});module.exports=$a(ll);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 I=(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:d,active:c,selected:p,disabled:u,indeterminate:f,loading:h,empty:x,readonly:O,highlighted:T,...R}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":p,"k-disabled":u,"k-indeterminate":f&&!d,"k-loading":h,"k-empty":x,"k-readonly":O,"k-highlighted":T},Object.keys(R).reduce((y,K)=>(K.startsWith("k-")?y[K]=R[K]:y[`k-${K}`]=R[K],y),{}))};function ni(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"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},se={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},b={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 Zt={};function v(e){return Zt[e]=(Zt[e]||0)+1,`k-${e}-${Zt[e]}`}var si="form",ri="forms";var re=require("react/jsx-runtime"),Kt="k-form",Xa=[],Wa={size:[l.undefined,l.small,l.medium,l.large]},jt={layout:"basic",tag:"form"},Y=e=>{let{size:t,orientation:o,layout:a=jt.layout,formButtons:i,cols:r,gutters:d,tag:c=jt.tag,children:p}=e,u=c,f=n(e.className,Kt,I(Kt,{size:t}),{[`${Kt}-${o}`]:o}),h=(0,re.jsxs)(re.Fragment,{children:[a==="grid"?(0,re.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:p}):(0,re.jsx)(re.Fragment,{children:p}),i&&(0,re.jsx)("div",{className:"k-form-buttons",children:i})]}),{role:x,"aria-labelledby":O,"aria-label":T,id:R}=e;return(0,re.jsx)(u,{className:f,role:x,"aria-labelledby":O,"aria-label":T,id:R,children:h})};Y.states=Xa;Y.options=Wa;Y.className=Kt;Y.defaultOptions=jt;Y.moduleName=si;Y.folderName=ri;var Le=require("react/jsx-runtime"),li="k-form-fieldset",eo=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return(0,Le.jsxs)("fieldset",{className:n(li,{[`k-col-span-${r}`]:r}),children:[t&&(0,Le.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,Le.jsx)("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):(0,Le.jsx)(Le.Fragment,{children:e.children})]})};eo.className=li;var di="label",ci="label";var ht=require("react/jsx-runtime"),to="k-label",qa=[s.disabled],Ja={},Ya={},Ne=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...d}=e;return(0,ht.jsxs)("label",{...d,className:n(e.className,to,A(to,{disabled:t})),children:[i||r,o&&(0,ht.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,ht.jsx)("span",{className:"k-field-info",children:a})]})};Ne.states=qa;Ne.options=Ja;Ne.className=to;Ne.defaultOptions=Ya;Ne.moduleName=di;Ne.folderName=ci;var mi=require("react/jsx-runtime"),pi="k-form-hint",Qa=[],Za={},ja={},Pe=e=>{let{text:t,children:o,...a}=e;return(0,mi.jsx)("div",{...a,className:n(e.className,pi),children:t||o})};Pe.states=Qa;Pe.options=Za;Pe.className=pi;Pe.defaultOptions=ja;var fi=require("react/jsx-runtime"),ui="k-form-error",en=[],tn={},on={},De=e=>{let{text:t,children:o,...a}=e;return(0,fi.jsx)("div",{...a,className:n(e.className,ui),children:t||o})};De.states=en;De.options=tn;De.className=ui;De.defaultOptions=on;var ve=require("react/jsx-runtime"),oo="k-form-field",an=[s.disabled],Be=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:d,error:c,info:p,disabled:u,dir:f,colSpan:h,...x}=e;return(0,ve.jsxs)("div",{...x,className:n(oo,e.className,A(oo,{disabled:u}),{[`k-col-span-${h}`]:h}),dir:f,children:[o&&(0,ve.jsx)(Ne,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:p?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,ve.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,ve.jsxs)("div",{className:"k-form-field-wrap",children:[r,d&&(0,ve.jsx)(Pe,{id:t?`${t}-hint`:void 0,children:d}),c&&(0,ve.jsx)(De,{id:t?`${t}-error`:void 0,children:c})]})]})};Be.states=an;Be.className=oo;var xt=require("react/jsx-runtime"),io="k-font-icon",nn=[],sn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info]},rn={},Lt=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...d}=e;return a?(0,xt.jsx)("span",{...d,className:n(e.className,io,I(io,{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"}):(0,xt.jsx)(xt.Fragment,{})};Lt.states=nn;Lt.options=sn;Lt.className=io;Lt.defaultOptions=rn;var bi=Lt;var Me=require("react/jsx-runtime"),ao="k-svg-icon",ln=[],dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info],variant:[se.outline,se.solid,se.duotone]},no={viewBox:"0 0 24 24",variant:se.outline},Nt=e=>{var h,x;let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=no.viewBox,variant:d=no.variant,icon:c,...p}=e;if(!c)return(0,Me.jsx)(Me.Fragment,{});if(c==="none")return(0,Me.jsx)("span",{...p,className:n(e.className,ao,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&((h=c.variants)==null?void 0:h[d])||((x=c.variants)==null?void 0:x.outline)||c.content:void 0;return(0,Me.jsx)("span",{...p,className:n(e.className,ao,I("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:(0,Me.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};Nt.states=ln;Nt.options=dn;Nt.className=ao;Nt.defaultOptions=no;var so=Nt;var ro=ai(require("@progress/kendo-svg-icons"));var hi="icon",xi="icons";var vi=require("react");var Li=require("react"),Ni=(0,Li.createContext)({iconsType:"svg"});var me=require("react/jsx-runtime"),wt="k-icon",cn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pn=[],mn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info],variant:[se.outline,se.solid,se.duotone]},_t={viewBox:"0 0 24 24",type:"svg",variant:se.outline},g=e=>{let{iconsType:t}=(0,vi.useContext)(Ni),{size:o,themeColor:a,icon:i,type:r=t||_t.type,rotate:d,flip:c,viewBox:p=_t.viewBox,variant:u=_t.variant,...f}=e;if(!i)return(0,me.jsx)(me.Fragment,{});if((t||r)==="svg"){if(i==="none")return(0,me.jsx)(so,{...f,className:n(e.className,wt),icon:i,size:o,variant:u});let x=ro[i]?i:cn(`${i}-icon`);return ro[x]?(0,me.jsx)(so,{...f,className:n(e.className,wt),icon:ro[x],size:o,themeColor:a,rotate:d,flip:c,viewBox:p,variant:u}):(0,me.jsx)(me.Fragment,{})}return(0,me.jsx)(bi,{...f,className:n(e.className,wt),icon:i,size:o,themeColor:a,rotate:d,flip:c})};g.states=pn;g.options=mn;g.defaultOptions=_t;g.className=wt;g.moduleName=hi;g.folderName=xi;g.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 lo="button",gi=lo;var Q=require("react/jsx-runtime"),vt="k-button",un=["icon-button"],fn=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],bn={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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[b.undefined,b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.inverse]},co={showArrow:!1,arrowIconName:"chevron-down"},L=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:d=co.showArrow,arrowIconName:c=co.arrowIconName,variant:p,hover:u,focus:f,active:h,selected:x,disabled:O,togglable:T,ariaDisabled:R,icon:y,iconSize:K,text:J,iconClassName:Ee,className:pe,...mt}=e,ut=y!=null,ft=e.children!==void 0;return(0,Q.jsxs)(t,{className:n(pe,vt,ni(vt,p),I(vt,{size:o,rounded:a,fillMode:i,themeColor:r}),A(vt,{hover:u,focus:f,active:h,disabled:O||R,selected:x}),{"k-icon-button":!J&&!ft&&ut}),"aria-pressed":T?x?"true":"false":void 0,...mt,"aria-disabled":R?"true":void 0,disabled:O||void 0,children:[typeof y=="string"&&y&&(0,Q.jsx)(g,{className:n(Ee,"k-button-icon"),icon:y,size:K}),y&&typeof y!="string"&&(0,Q.jsx)(Q.Fragment,{children:y}),J?(0,Q.jsxs)(Q.Fragment,{children:[J&&(0,Q.jsx)("span",{className:"k-button-text",children:J}),e.children]}):e.children&&(0,Q.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Q.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Q.jsx)(g,{icon:c})})]})};L.states=fn;L.options=bn;L.variants=un;L.className=vt;L.defaultOptions=co;L.moduleName=lo;L.folderName=gi;L.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 ki=require("react/jsx-runtime"),Ii=e=>(0,ki.jsx)(L,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Si=require("react/jsx-runtime"),Ai=e=>(0,Si.jsx)(L,{icon:"folder",children:"Button",...e});var yi=require("react/jsx-runtime"),Ce=e=>(0,yi.jsx)(L,{children:"Button",...e});var Ht=require("react/jsx-runtime"),hn=L.options,xn=L.states,Ln={...L.defaultOptions,variant:"text"},Nn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vn=[],ze=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ht.jsx)(Ii,{...o,icon:"star"});case"icon-and-text":return(0,Ht.jsx)(Ai,{...o,icon:"star",children:"Button"});default:return(0,Ht.jsx)(Ce,{...o,children:"Button"})}};ze.options=hn;ze.states=xn;ze.variants=Nn;ze.defaultOptions=Ln;ze.modifiers=vn;ze.className=L.className;var gt="input",Pt=gt;var Ei=require("react/jsx-runtime"),Dt="k-input",gn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],In={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},kn={},D=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:c,size:p,rounded:u,fillMode:f,...h}=e;return(0,Ei.jsx)("span",{...h,className:n(e.className,Dt,I(Dt,{size:p,rounded:u,fillMode:f}),A(Dt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:c}))})};D.states=gn;D.options=In;D.className=Dt;D.defaultOptions=kn;D.moduleName=gt;D.folderName=Pt;var Mi=require("react/jsx-runtime"),Bt="k-picker",An=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sn={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},yn={},ge=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:c,size:p,rounded:u,fillMode:f,...h}=e;return(0,Mi.jsx)("span",{...h,className:n(e.className,Bt,I(Bt,{size:p,rounded:u,fillMode:f}),A(Bt,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:d,readonly:c})),children:e.children})};ge.states=An;ge.options=Sn;ge.className=Bt;ge.defaultOptions=yn;ge.moduleName=gt;ge.folderName=Pt;var Fe=require("react/jsx-runtime"),Ci="k-clear-value",En=[s.disabled,s.loading,s.readonly],Mn={},ue=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?(0,Fe.jsx)(Fe.Fragment,{}):(0,Fe.jsx)("span",{className:n(e.className,Ci),children:(0,Fe.jsx)(g,{icon:"x"})})};ue.states=En;ue.options=Mn;ue.className=Ci;var Oi=require("react/jsx-runtime"),po="k-input-inner",Cn=[],On={},zt={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=zt.value,type:o=zt.type,placeholder:a=zt.placeholder,autocomplete:i=zt.autocomplete,disabled:r,readOnly:d,...c}=e;return(0,Oi.jsx)("input",{...c,type:o,className:n(e.className,po,I(po,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r||void 0,readOnly:d||void 0})};fe.states=Cn;fe.options=On;fe.className=po;var It=require("react/jsx-runtime"),mo="k-input-inner",Tn=[],Rn={},kt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...d}=e;return(0,It.jsxs)("span",{...d,className:n(e.className,mo,I(mo,e)),children:[i,!i&&r&&(0,It.jsx)(g,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&(0,It.jsx)("span",{className:"k-input-value-text",children:t})]})};kt.states=Tn;kt.options=Rn;kt.className=mo;var Ri=require("react/jsx-runtime"),uo="k-input-inner",Kn=[],wn={},Ti={value:"",placeholder:""},fo=e=>{let{value:t=Ti.value,placeholder:o=Ti.placeholder,rows:a,disabled:i,...r}=e;return(0,Ri.jsx)("textarea",{...r,className:n(e.className,uo,I(uo,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};fo.states=Kn;fo.options=wn;fo.className=uo;var At=require("react/jsx-runtime"),Ki="k-input-loading-icon",_n=[s.disabled,s.loading],le=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,At.jsx)(At.Fragment,{}):(0,At.jsx)("span",{className:n(e.className,Ki,"k-icon k-i-loading")})};le.states=_n;le.className=Ki;var St=require("react/jsx-runtime"),wi="k-input-validation-icon",Hn=[s.valid,s.invalid,s.disabled,s.loading],Pn={},ie=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?(0,St.jsx)(St.Fragment,{}):(0,St.jsx)(g,{className:n(wi),icon:r})};ie.states=Hn;ie.options=Pn;ie.className=wi;var yt=require("react/jsx-runtime"),Dn="k-input-prefix",Bn={direction:"horizontal"},Ue=e=>{let{direction:t=Bn.direction,...o}=e;return e.children?(0,yt.jsx)("span",{...o,className:n(Dn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,yt.jsx)(yt.Fragment,{})};var Et=require("react/jsx-runtime"),zn="k-input-suffix",Fn={direction:"horizontal"},Ge=e=>{let{direction:t=Fn.direction,...o}=e;return e.children?(0,Et.jsx)("span",{...o,className:n(zn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Et.jsx)(Et.Fragment,{})};var Un=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Hi=require("react/jsx-runtime"),_i="k-input-separator",Vn={direction:"vertical"},Ve=e=>{let{direction:t=Vn.direction,...o}=e;return(0,Hi.jsx)("span",{...o,className:n(_i,e.className,{[`${_i}-${t}`]:t})})};var w=require("react/jsx-runtime"),$n=D.states,Xn=D.defaultOptions,Wn=D.options,qn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Jn=[],$e=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:d,...c}=e,p=t==null?void 0:t.prefix,u=t==null?void 0:t.suffix,f=t==null?void 0:t["clear-button"],h=t==null?void 0:t["validation-icon"],x=t==null?void 0:t.separators;return(0,w.jsxs)(D,{...c,valid:o,invalid:a,loading:i,disabled:r,readonly:d,style:{width:300},children:[p&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(Ue,{children:(0,w.jsx)(g,{icon:"lock"})}),x&&(0,w.jsx)(Ve,{})]}),(0,w.jsx)(fe,{placeholder:"Placeholder",value:"Value"}),h&&(0,w.jsx)(ie,{valid:o,invalid:a,loading:i,disabled:r}),(0,w.jsx)(le,{loading:i,disabled:r}),f&&(0,w.jsx)(ue,{loading:i,disabled:r,readonly:d,value:"Value"}),u&&(0,w.jsxs)(w.Fragment,{children:[x&&(0,w.jsx)(Ve,{}),(0,w.jsx)(Ge,{children:(0,w.jsx)(Ce,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};$e.options=Wn;$e.states=$n;$e.variants=Jn;$e.defaultOptions=Xn;$e.modifiers=qn;$e.className=D.className;var bo="popup",Pi=bo;var xo=require("react/jsx-runtime"),Di="k-animation-container",Yn=[],Qn={},ho={positionMode:"absolute",shown:!0},de=e=>{let{positionMode:t=ho.positionMode,shown:o=ho.shown,animationStyle:a,offset:i,...r}=e;return(0,xo.jsx)("div",{...r,style:{...i,...e.style},className:n(e.className,Di,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,xo.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};de.states=Yn;de.options=Qn;de.className=Di;de.defaultOptions=ho;de.moduleName=bo;de.folderName=Pi;var Lo="popup",Bi=Lo;var No=require("react/jsx-runtime"),zi="k-popup",Zn=[],jn={},Fi={positionMode:"absolute"},be=e=>{let{offset:t,positionMode:o=Fi.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:d,...c}=e;return(0,No.jsx)(de,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":d,children:(0,No.jsx)("div",{...c,className:n(e.className,zi),children:e.children})})};be.states=Zn;be.options=jn;be.className=zi;be.defaultOptions=Fi;be.moduleName=Lo;be.folderName=Bi;be.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var vo="action-buttons",Ui=vo;var Gi=require("react/jsx-runtime"),Ft="k-actions",es=[],ts={},go={alignment:"start",orientation:"horizontal"},Ie=e=>{let{alignment:t=go.alignment,orientation:o=go.orientation,...a}=e;return(0,Gi.jsx)("div",{...a,className:n(Ft,{[`${Ft}-${t}`]:t,[`${Ft}-${o}`]:o},e.className),children:e.children})};Ie.states=es;Ie.options=ts;Ie.className=Ft;Ie.defaultOptions=go;Ie.moduleName=vo;Ie.folderName=Ui;var $i=require("react/jsx-runtime"),os="k-actionsheet-footer",Vi={alignment:"stretched",orientation:"horizontal"},Xe=e=>{let{alignment:t=Vi.alignment,orientation:o=Vi.orientation,template:a,as:i=a?"div":Ie,...r}=e;return(0,$i.jsx)(i,{...r,...!a&&{alignment:t,orientation:o},className:n(e.className,os),children:e.children})};var Io="searchbox",Xi=Io;var ke=require("react/jsx-runtime"),Wi="k-searchbox",is=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],as={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ko={showIcon:!0,icon:"search"},j=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:d,focus:c,valid:p,invalid:u,required:f,loading:h,disabled:x,showIcon:O=ko.showIcon,icon:T=ko.icon,"aria-label":R,...y}=e;return(0,ke.jsxs)(D,{...y,size:a,rounded:i,fillMode:r,hover:d,focus:c,valid:p,invalid:u,required:f,loading:h,disabled:x,className:n(e.className,Wi),children:[O&&(0,ke.jsx)(g,{className:"k-input-icon",icon:T}),(0,ke.jsx)(fe,{placeholder:o,value:t,"aria-label":R}),(0,ke.jsx)(le,{...e}),(0,ke.jsx)(ie,{...e}),(0,ke.jsx)(ue,{...e})]})};j.states=is;j.options=as;j.className=Wi;j.defaultOptions=ko;j.moduleName=Io;j.folderName=Xi;var ns=require("react/jsx-runtime");var Ao="textbox",qi=Ao;var B=require("react/jsx-runtime"),Ji="k-textbox",ss=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],rs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ut={showClearButton:!0,showValidationIcon:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ut.separators,showClearButton:r=Ut.showClearButton,showValidationIcon:d=Ut.showValidationIcon,prefix:c,suffix:p,type:u,value:f,placeholder:h,hover:x,focus:O,valid:T,invalid:R,required:y,loading:K,disabled:J,readonly:Ee,id:pe,"aria-label":mt,"aria-describedby":ut,...ft}=e;return(0,B.jsxs)(D,{...ft,size:t,rounded:o,fillMode:a,hover:x,focus:O,valid:T,invalid:R,required:y,loading:K,disabled:J,readonly:Ee,className:n(e.className,Ji),children:[c&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(Ue,{children:c}),i&&(0,B.jsx)(Ve,{})]}),(0,B.jsx)(fe,{id:pe,placeholder:h,value:f,type:u,disabled:J,"aria-label":mt,"aria-describedby":ut,"aria-invalid":R?"true":void 0}),d&&(0,B.jsx)(ie,{valid:T,invalid:R,loading:K,disabled:J}),(0,B.jsx)(le,{loading:K,disabled:J}),r&&(0,B.jsx)(ue,{loading:K,disabled:J,readonly:Ee,value:f}),p&&(0,B.jsxs)(B.Fragment,{children:[i&&(0,B.jsx)(Ve,{}),(0,B.jsx)(Ge,{children:p})]})]})};_.states=ss;_.options=rs;_.className=Ji;_.defaultOptions=Ut;_.moduleName=Ao;_.folderName=qi;_.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 Mt=_;var Qi=require("react/jsx-runtime"),Yi=e=>(0,Qi.jsx)(Mt,{...e});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var Gt=require("react/jsx-runtime"),ds=_.states,cs=_.defaultOptions,ps=_.options,ms=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],us=[],We=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Gt.jsx)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Gt.jsx)(Ce,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,Gt.jsx)(Yi,{value:"Value",style:{width:300},...o,...a})};We.options=ps;We.states=ds;We.variants=us;We.defaultOptions=cs;We.modifiers=ms;We.className=_.className;var Z=require("react/jsx-runtime"),ea="k-actionsheet-titlebar",fs={},ae=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:d,inputValue:c,inputPlaceholder:p,adaptive:u,titleId:f,children:h,...x}=e;return(0,Z.jsxs)("div",{...x,className:n(e.className,ea),children:[(0,Z.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Z.jsx)("div",{className:"k-actionsheet-actions",children:a}),!h&&(0,Z.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,Z.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Z.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&(0,Z.jsx)("div",{className:"k-actionsheet-title",id:f,children:h}),i&&(0,Z.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(d||r)&&(0,Z.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Z.jsx)(_,{value:c,placeholder:p,size:u?"large":"medium","aria-label":t||p||"Input"}):(0,Z.jsx)(j,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};ae.className=ea;ae.defaultOptions=fs;var qe=require("react/jsx-runtime"),So="k-actionsheet-view",bs=[],hs={},xs={},Je=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:d,...c}=e,p=(i==null?void 0:i.type)===ae&&(0,qe.jsx)(ae,{adaptive:t,titleId:d,...i==null?void 0:i.props}),u=(r==null?void 0:r.type)===Xe&&(0,qe.jsx)(Xe,{...r==null?void 0:r.props});return(0,qe.jsxs)("div",{...c,className:n(e.className,So,{[`${So}-animated`]:o}),children:[p,(0,qe.jsx)("div",{className:"k-actionsheet-content",children:a}),u]})};Je.states=bs;Je.options=hs;Je.className=So;Je.defaultOptions=xs;var Ct="action-sheet",Vt=Ct;var yo="overlay",ta=yo;var ia=require("react/jsx-runtime"),oa="k-overlay",Ls=[],Ns={},vs={},Ae=e=>{let{...t}=e;return(0,ia.jsx)("div",{...t,className:n(e.className,oa),children:e.children})};Ae.states=Ls;Ae.options=Ns;Ae.className=oa;Ae.defaultOptions=vs;Ae.moduleName=yo;Ae.folderName=ta;var Oe=require("react/jsx-runtime"),aa="k-actionsheet",gs=[],Is={},Ot={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},H=e=>{let{side:t=Ot.side,fullscreen:o=Ot.fullscreen,adaptive:a=Ot.adaptive,overlay:i=Ot.overlay,template:r,children:d,header:c,footer:p,id:u,...f}=e,h=u&&!r&&c?`${u}-title`:void 0;return(0,Oe.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,Oe.jsx)(Ae,{}),(0,Oe.jsx)(de,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,Oe.jsx)("div",{...f,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":h,className:n(e.className,aa,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r||(0,Oe.jsx)(Je,{header:c,footer:p,adaptive:a,titleId:h,...e,children:d})})})]})};H.states=gs;H.options=Is;H.className=aa;H.defaultOptions=Ot;H.moduleName=Ct;H.folderName=Vt;H.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 sa=require("react/jsx-runtime"),na="k-actionsheet-container",ks=[],As={},Ss={},Ye=e=>{let{children:t,...o}=e;return(0,sa.jsx)("div",{...o,className:na,children:t})};Ye.states=ks;Ye.options=As;Ye.className=na;Ye.defaultOptions=Ss;Ye.moduleName=Ct;Ye.folderName=Vt;var ra=require("react/jsx-runtime"),Eo=e=>{let{...t}=e;return(0,ra.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var ee=require("react/jsx-runtime"),Mo="k-actionsheet-item",ys=[s.hover,s.focus,s.selected,s.disabled],Se=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:d,disabled:c,...p}=e;return(0,ee.jsxs)("span",{...p,className:n(e.className,Mo,A(Mo,{hover:i,focus:r,selected:d,disabled:c})),children:[!e.children&&(0,ee.jsx)(ee.Fragment,{children:(0,ee.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ee.jsx)("span",{className:"k-icon-wrap",children:(0,ee.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,ee.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ee.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ee.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Se.states=ys;Se.className=Mo;var la=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var Ms=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Os=H.options,Ts=H.states,ca={...H.defaultOptions,variant:"normal"},Rs=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ks=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qe=e=>{let{variant:t,modifiers:o,...a}={...ca,...e},i={},r=(0,E.jsxs)(Eo,{children:[(0,E.jsx)(Se,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,E.jsx)(Se,{text:"Add to Favorites",iconName:"heart"}),(0,E.jsx)(Se,{text:"Upload New",iconName:"upload",disabled:!0}),(0,E.jsx)("hr",{className:"k-hr"}),(0,E.jsx)(Se,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(p=>{switch(p){case"actions":i.actionsStart=!!(o!=null&&o[p]),i.actionsEnd=!!(o!=null&&o[p]);break;case"subtitle":i.subtitle=o!=null&&o[p]?d:void 0;break;case"footer":i.footer=!!(o!=null&&o[p]);break;default:break}}),t==="adaptive"?(0,E.jsx)(H,{...a,adaptive:!0,fullscreen:i.fullScreen,header:(0,E.jsx)(ae,{actionsStart:i.actionsStart?(0,E.jsx)(L,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,E.jsx)(L,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:i.subtitle}),footer:i.footer?(0,E.jsxs)(Xe,{alignment:"stretched",children:[(0,E.jsx)(L,{text:"Cancel",size:"large",themeColor:"base"}),(0,E.jsx)(L,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):(0,E.jsx)(H,{...a,fullscreen:i.fullScreen,header:(0,E.jsx)(ae,{actionsStart:i.actionsStart?(0,E.jsx)(L,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,E.jsx)(L,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,E.jsxs)(Xe,{alignment:"stretched",children:[(0,E.jsx)(L,{text:"Apply",themeColor:"primary"}),(0,E.jsx)(L,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};Qe.options=Os;Qe.states=Ts;Qe.variants=Rs;Qe.defaultOptions=ca;Qe.modifiers=Ks;Qe.className=H.className;var $t=ai(require("react"));var Co=require("react/jsx-runtime"),ws="k-list-group-sticky-header",Oo=e=>(0,Co.jsx)("div",{className:n(ws,e.className),children:(0,Co.jsx)("div",{className:"k-list-header-text",children:e.children})});var pa=require("react/jsx-runtime"),_s="k-no-data",To=e=>{let{live:t,...o}=e;return(0,pa.jsx)("span",{...o,className:n(_s,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Te="list",Ze=Te;var je=require("react/jsx-runtime"),Ro="k-list",Hs=[],Ps={size:[l.undefined,l.small,l.medium,l.large]},Ds={},C=e=>{var T;let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:d,customValue:c,noData:p,screenReaders:u,...f}=e,x=$t.default.Children.toArray(a)[0],O=(T=x==null?void 0:x.props)!=null&&T.children?$t.default.Children.count(x.props.children):$t.default.Children.count(a);return(0,je.jsxs)("div",{...f,className:n(e.className,Ro,I(Ro,{size:t}),{"k-virtual-list":o}),children:[d,r,c,i&&(0,je.jsx)(Oo,{children:i}),a||(p!==void 0?p:(0,je.jsx)(To,{live:!0,children:"No data found."})),u&&a&&(0,je.jsxs)(To,{className:"k-sr-only",live:!0,children:[O," items found."]})]})};C.states=Hs;C.options=Ps;C.className=Ro;C.defaultOptions=Ds;C.moduleName=Te;C.folderName=Ze;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var ua=require("react/jsx-runtime"),ma="k-list-container",Bs=[],zs={},Fs={},et=e=>{let{...t}=e;return(0,ua.jsx)("div",{...t,className:n(e.className,ma),children:e.children})};et.states=Bs;et.options=zs;et.className=ma;et.defaultOptions=Fs;et.moduleName=Te;et.folderName=Ze;var Re="checkbox",tt=Re;var Ko=require("react/jsx-runtime"),Xt="k-checkbox",Us=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Gs={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full]},Vs={},W=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:d,invalid:c,valid:p,required:u,size:f,rounded:h,wrapperRole:x,...O}=e;return(0,Ko.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,Ko.jsx)("input",{...O,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,Xt,I(Xt,{size:f,rounded:h}),A(Xt,{hover:i,focus:r,disabled:d,invalid:c,valid:p,indeterminate:a,checked:o}))})})};W.states=Us;W.options=Gs;W.className=Xt;W.defaultOptions=Vs;W.moduleName=Re;W.folderName=tt;W.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 ne=W;var ha=require("react/jsx-runtime"),fa="k-checkbox-list",$s=[],Xs={},ba={layout:"vertical"},G=e=>{let{layout:t=ba.layout,...o}=e;return(0,ha.jsx)("ul",{...o,className:n(e.className,fa,{[`k-list-${t}`]:t}),children:e.children})};G.states=$s;G.options=Xs;G.className=fa;G.defaultOptions=ba;G.moduleName=Re;G.folderName=tt;var La=require("react/jsx-runtime"),xa="k-checkbox-list-item",Ws=[],qs={},Js={},V=e=>{let{...t}=e;return(0,La.jsx)("li",{...t,className:n(e.className,xa),children:e.children})};V.states=Ws;V.options=qs;V.className=xa;V.defaultOptions=Js;V.moduleName=Re;V.folderName=tt;var Ke=require("react/jsx-runtime"),he=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(ne,{id:t,...o}),(0,Ke.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var wo=require("react/jsx-runtime");var _o=require("react/jsx-runtime");var Ho=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var z=require("react/jsx-runtime"),js=G.options,er=G.states,tr={...G.defaultOptions,variant:"vertical"},or=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ir=[],ot=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,z.jsxs)(G,{layout:"horizontal",...o,children:[(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),children:"Label"})}),(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),children:"Label"})})]}):(0,z.jsxs)(G,{...o,children:[(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),defaultChecked:!0,children:"Label"})}),(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),children:"Label"})}),(0,z.jsx)(V,{children:(0,z.jsx)(he,{id:v("cb"),children:"Label"})})]})};ot.options=js;ot.states=er;ot.variants=or;ot.defaultOptions=tr;ot.modifiers=ir;ot.className=G.className;var Na=require("react/jsx-runtime"),ar=ne.options,nr=ne.states,sr=ne.defaultOptions,rr=[],lr=[],it=e=>(0,Na.jsx)(he,{id:v("checkbox"),...e,defaultChecked:!0,children:"Label"});it.options=ar;it.states=nr;it.variants=rr;it.defaultOptions=sr;it.modifiers=lr;it.className=ne.className;var ce=require("react/jsx-runtime"),Po="k-list-item",dr=[s.hover,s.focus,s.selected,s.disabled],cr={},pr={},S=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:r,showCheckbox:d,checked:c,hover:p,focus:u,selected:f,disabled:h,actions:x,description:O,id:T,...R}=e,y=t||e.children;return(0,ce.jsxs)("li",{...R,id:T,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&f?"true":a?void 0:"false","aria-disabled":!a&&h?"true":void 0,className:n(e.className,a?"k-list-group-item":Po,A(Po,{hover:p,focus:u,disabled:h,selected:f})),children:[d&&(0,ce.jsx)(W,{checked:c}),i&&(0,ce.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ce.jsx)(g,{icon:i,className:n("k-list-item-icon",r)})}),(0,ce.jsx)("span",{className:"k-list-item-text",children:y}),x&&(0,ce.jsx)("div",{className:"k-list-item-actions",children:x}),O&&(0,ce.jsx)("span",{className:"k-list-item-description",children:O}),o&&o!==""&&(0,ce.jsx)("div",{className:"k-list-item-group-label",children:o})]})};S.states=dr;S.options=cr;S.className=Po;S.defaultOptions=pr;S.moduleName=Te;S.folderName=Ze;S.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 va=require("react/jsx-runtime"),mr="k-list-ul",we=e=>{let{children:t,role:o,id:a,...i}=e;return(0,va.jsx)("ul",{...i,id:a,role:o,className:n(mr,e.className),children:t})};we.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 at=require("react/jsx-runtime"),ur="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...d}=e;return(0,at.jsxs)("div",{...d,className:n(ur,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:(0,at.jsx)(we,{role:"listbox",id:r,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&(0,at.jsx)("div",{className:"k-height-container",children:(0,at.jsx)("div",{})})]})};$.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 nt=require("react/jsx-runtime"),Wt="k-list-sticky-header",fr=[s.hover,s.focus,s.selected],br={},hr={},qt=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:d,selected:c,...p}=e;return(0,nt.jsx)("div",{...p,className:n(Wt,e.className),children:(0,nt.jsxs)("div",{className:n(`${Wt}-item`,A(`${Wt}-item`,{hover:r,focus:d,selected:c})),children:[o&&(0,nt.jsx)(W,{checked:a,indeterminate:i,"aria-label":t}),(0,nt.jsx)("span",{className:"k-list-item-text",children:t})]})})};qt.states=fr;qt.options=br;qt.className=Wt;qt.defaultOptions=hr;var Do=require("react/jsx-runtime");var st=require("react/jsx-runtime"),xr="k-list-group-item",Tt=e=>{let{groupIconName:t,...o}=e;return(0,st.jsxs)("li",{...o,role:"presentation",className:n(xr,e.className),children:[t&&(0,st.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,st.jsx)(g,{icon:t,className:"k-list-item-icon"})}),(0,st.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Tt.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 ga=require("react/jsx-runtime"),Bo="k-list-optionlabel",Lr=[s.hover,s.focus,s.selected,s.disabled],Nr={},vr={},Jt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return(0,ga.jsx)("div",{...d,className:n(Bo,A(Bo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Jt.states=Lr;Jt.options=Nr;Jt.className=Bo;Jt.defaultOptions=vr;var Ia=require("react/jsx-runtime"),zo="k-list-custom-value",gr=[s.hover,s.focus,s.selected,s.disabled],Ir={},kr={},Yt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...d}=e;return(0,Ia.jsx)("div",{...d,className:n(zo,A(zo,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Yt.states=gr;Yt.options=Ir;Yt.className=zo;Yt.defaultOptions=kr;var Fo=require("react/jsx-runtime");var Uo=require("react/jsx-runtime");var Go=require("react/jsx-runtime");var Vo=require("react/jsx-runtime");var Ar=require("react/jsx-runtime");var $o=require("react/jsx-runtime");var ka="dropdown-list",Aa="dropdownlist";var M=require("react/jsx-runtime"),Sa="k-dropdownlist",Sr=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yr={size:[l.undefined,l.small,l.medium,l.large],rounded:[m.undefined,m.none,m.small,m.medium,m.large,m.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Xo={showValue:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Xo.arrowIconName,showValue:r=Xo.showValue,valueIconName:d,prefix:c,suffix:p,value:u,placeholder:f,hover:h,focus:x,valid:O,invalid:T,required:R,loading:y,disabled:K,readonly:J,popup:Ee,opened:pe,adaptive:mt,adaptiveSettings:ut,adaptiveTitle:ft,adaptiveSubtitle:wa,adaptiveFilter:_a,id:bt,activeDescendant:ti,"aria-label":Ha,...Pa}=e,Da=bt?`${bt}-listbox`:void 0,oi=bt?`${bt}-value`:void 0;return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(ge,{...Pa,id:bt,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:O,invalid:T,required:R,loading:y,disabled:K,readonly:J,className:n(e.className,Sa,{"k-icon-picker":!r&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?Da:void 0,"aria-activedescendant":pe&&ti?ti:void 0,"aria-describedby":pe?oi:void 0,"aria-disabled":K?"true":void 0,"aria-label":Ha,tabIndex:0,children:[(0,M.jsx)(Ue,{children:c}),(0,M.jsx)(kt,{placeholder:f,value:u,showValue:r,valueIconName:d,id:oi}),(0,M.jsx)(ie,{valid:O,invalid:T,loading:y,disabled:K}),(0,M.jsx)(le,{loading:y,disabled:K}),(0,M.jsx)(Ge,{children:p}),(0,M.jsx)(L,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":f||"Toggle dropdown",tabIndex:-1})]}),pe&&Ee&&(0,M.jsx)(be,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Ee}),mt&&(0,M.jsx)(H,{adaptive:!0,...ut,header:(0,M.jsx)(ae,{actionsEnd:(0,M.jsx)(L,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:_a,inputValue:u,inputPlaceholder:f,title:ft,subtitle:wa}),children:(0,M.jsx)("div",{className:"k-list-container",children:(0,M.jsx)(C,{size:"large",children:(0,M.jsxs)($,{"aria-label":"Options",children:[(0,M.jsx)(S,{text:"List item"}),(0,M.jsx)(S,{text:"List item"}),(0,M.jsx)(S,{text:"List item"})]})})})})]})};X.states=Sr;X.options=yr;X.className=Sa;X.defaultOptions=Xo;X.moduleName=ka;X.folderName=Aa;X.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 Er=require("react/jsx-runtime");var ya=require("react/jsx-runtime");var Wo=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Ea=require("react/jsx-runtime");var qo=require("react/jsx-runtime");var Cr=require("react/jsx-runtime");var q=require("react/jsx-runtime"),Or=X.states,Tr=X.defaultOptions,Rr=X.options,Kr=[{name:"opened",title:"Opened"}],wr=[],lt=e=>{let{modifiers:t,...o}=e,a={},i=(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)("div",{className:"k-list-filter",children:(0,q.jsx)(j,{})}),(0,q.jsx)(C,{style:{width:300},size:o.size,children:(0,q.jsxs)($,{children:[(0,q.jsx)(S,{children:"List item"}),(0,q.jsx)(S,{children:"List item"}),(0,q.jsx)(S,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(r=>{r==="opened"&&(a.opened=!!(t!=null&&t[r]),a.popup=t!=null&&t[r]?i:void 0)}),(0,q.jsx)("div",{children:(0,q.jsx)(X,{placeholder:"Value",style:{width:300},...o,...a})})};lt.options=Rr;lt.states=Or;lt.variants=wr;lt.defaultOptions=Tr;lt.modifiers=Kr;lt.className=X.className;var _e="radio",dt=_e;var Jo=require("react/jsx-runtime"),Qt="k-radio",_r=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],Hr={size:[l.undefined,l.small,l.medium,l.large]},Pr={},te=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:d,valid:c,required:p,size:u,...f}=e;return(0,Jo.jsx)("span",{className:"k-radio-wrap",children:(0,Jo.jsx)("input",{...f,id:t,type:"radio",checked:o,required:p,disabled:r||void 0,"aria-invalid":d?"true":void 0,className:n(e.className,Qt,I(Qt,{size:u}),A(Qt,{hover:a,focus:i,disabled:r,invalid:d,valid:c,checked:o}))})})};te.states=_r;te.options=Hr;te.className=Qt;te.defaultOptions=Pr;te.moduleName=_e;te.folderName=dt;te.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",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-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var oe=te;var Oa=require("react/jsx-runtime"),Ma="k-radio-list",Dr=[],Br={},Ca={layout:"vertical"},P=e=>{let{layout:t=Ca.layout,...o}=e;return(0,Oa.jsx)("ul",{...o,className:n(e.className,Ma,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};P.states=Dr;P.options=Br;P.className=Ma;P.defaultOptions=Ca;P.moduleName=_e;P.folderName=dt;P.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-