@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 72.7 kB
JavaScript
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 M=(e,t)=>r({[`${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:s,checked:d,active:c,selected:m,disabled:u,indeterminate:b,loading:x,empty:h,readonly:I,highlighted:E,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":s,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":u,"k-indeterminate":b&&!d,"k-loading":x,"k-empty":h,"k-readonly":I,"k-highlighted":E},Object.keys(y).reduce((k,g)=>(g.startsWith("k-")?k[g]=y[g]:k[`k-${g}`]=y[g],k),{}))};function hi(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"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ne={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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 ro={};function S(e){return ro[e]=(ro[e]||0)+1,`k-${e}-${ro[e]}`}var Ni="form",Li="forms";import{Fragment as ki,jsx as Pt,jsxs as Nn}from"react/jsx-runtime";var Ht="k-form",xn=[],hn={size:[l.undefined,l.small,l.medium,l.large]},so={layout:"basic",tag:"form"},D=e=>{let{size:t,orientation:o,layout:a=so.layout,formButtons:i,cols:s,gutters:d,tag:c=so.tag,children:m}=e,u=c,b=r(e.className,Ht,M(Ht,{size:t}),{[`${Ht}-${o}`]:o}),x=Nn(ki,{children:[a==="grid"?Pt("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:m}):Pt(ki,{children:m}),i&&Pt("div",{className:"k-form-buttons",children:i})]}),{role:h,"aria-labelledby":I,"aria-label":E,id:y}=e;return Pt(u,{className:b,role:h,"aria-labelledby":I,"aria-label":E,id:y,children:x})};D.states=xn;D.options=hn;D.className=Ht;D.defaultOptions=so;D.moduleName=Ni;D.folderName=Li;var vi="label",gi="label";import{jsx as Ii,jsxs as gn}from"react/jsx-runtime";var lo="k-label",Ln=[n.disabled],kn={},vn={},Te=e=>{let{disabled:t,optional:o,info:a,text:i,children:s,...d}=e;return gn("label",{...d,className:r(e.className,lo,A(lo,{disabled:t})),children:[i||s,o&&Ii("span",{className:"k-label-optional",children:"(Optional)"}),a&&Ii("span",{className:"k-field-info",children:a})]})};Te.states=Ln;Te.options=kn;Te.className=lo;Te.defaultOptions=vn;Te.moduleName=vi;Te.folderName=gi;import{jsx as Mn}from"react/jsx-runtime";var Si="k-form-hint",In=[],Sn={},yn={},se=e=>{let{text:t,children:o,...a}=e;return Mn("div",{...a,className:r(e.className,Si),children:t||o})};se.states=In;se.options=Sn;se.className=Si;se.defaultOptions=yn;import{jsx as On}from"react/jsx-runtime";var yi="k-form-error",Tn=[],An={},En={},le=e=>{let{text:t,children:o,...a}=e;return On("div",{...a,className:r(e.className,yi),children:t||o})};le.states=Tn;le.options=An;le.className=yi;le.defaultOptions=En;import{jsx as zt,jsxs as Mi}from"react/jsx-runtime";var po="k-form-field",Cn=[n.disabled],_=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:s,hint:d,error:c,info:m,disabled:u,dir:b,colSpan:x,...h}=e;return Mi("div",{...h,className:r(po,e.className,A(po,{disabled:u}),{[`k-col-span-${x}`]:x}),dir:b,children:[o&&zt(Te,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:m?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&zt("span",{className:"k-label k-form-label k-label-empty"}),Mi("div",{className:"k-form-field-wrap",children:[s,d&&zt(se,{id:t?`${t}-hint`:void 0,children:d}),c&&zt(le,{id:t?`${t}-error`:void 0,children:c})]})]})};_.states=Cn;_.className=po;import{Fragment as Rn,jsx as co,jsxs as wn}from"react/jsx-runtime";var Ti="k-form-fieldset",Ge=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:s}=e;return wn("fieldset",{className:r(Ti,{[`k-col-span-${s}`]:s}),children:[t&&co("legend",{className:"k-form-legend",children:t}),o==="grid"?co("div",{className:r("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}):co(Rn,{children:e.children})]})};Ge.className=Ti;import{Fragment as Pn,jsx as Ai}from"react/jsx-runtime";var mo="k-font-icon",Kn=[],Dn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},_n={},vt=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:s,...d}=e;return a?Ai("span",{...d,className:r(e.className,mo,M(mo,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Ai(Pn,{})};vt.states=Kn;vt.options=Dn;vt.className=mo;vt.defaultOptions=_n;var Ei=vt;import{Fragment as Bn,jsx as Bt}from"react/jsx-runtime";var uo="k-svg-icon",Hn=[],zn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},fo={viewBox:"0 0 24 24",variant:Ne.outline},gt=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:s=fo.viewBox,variant:d=fo.variant,icon:c,...m}=e;if(!c)return Bt(Bn,{});if(c==="none")return Bt("span",{...m,className:r(e.className,uo,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return Bt("span",{...m,className:r(e.className,uo,M("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:Bt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};gt.states=Hn;gt.options=zn;gt.className=uo;gt.defaultOptions=fo;var bo=gt;import*as xo from"@progress/kendo-svg-icons";var Oi="icon",Ci="icons";import{useContext as Un}from"react";import{createContext as Fn}from"react";var Ri=Fn({iconsType:"svg"});import{Fragment as wi,jsx as It}from"react/jsx-runtime";var Ft="k-icon",Vn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Gn=[],Xn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Ne.outline,Ne.solid,Ne.duotone]},Ut={viewBox:"0 0 24 24",type:"svg",variant:Ne.outline},v=e=>{let{iconsType:t}=Un(Ri),{size:o,themeColor:a,icon:i,type:s=t||Ut.type,rotate:d,flip:c,viewBox:m=Ut.viewBox,variant:u=Ut.variant,...b}=e;if(!i)return It(wi,{});if((t||s)==="svg"){if(i==="none")return It(bo,{...b,className:r(e.className,Ft),icon:i,size:o,variant:u});let h=xo[i]?i:Vn(`${i}-icon`);return xo[h]?It(bo,{...b,className:r(e.className,Ft),icon:xo[h],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:u}):It(wi,{})}return It(Ei,{...b,className:r(e.className,Ft),icon:i,size:o,themeColor:a,rotate:d,flip:c})};v.states=Gn;v.options=Xn;v.defaultOptions=Ut;v.className=Ft;v.moduleName=Oi;v.folderName=Ci;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ho="button",Ki=ho;import{Fragment as Di,jsx as Xe,jsxs as _i}from"react/jsx-runtime";var St="k-button",$n=["icon-button"],qn=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Wn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},No={showArrow:!1,arrowIconName:"chevron-down"},L=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:s,showArrow:d=No.showArrow,arrowIconName:c=No.arrowIconName,variant:m,hover:u,focus:b,active:x,selected:h,disabled:I,togglable:E,ariaDisabled:y,icon:k,iconSize:g,text:w,iconClassName:U,className:W,...be}=e,ge=k!=null,Pe=e.children!==void 0;return _i(t,{className:r(W,St,hi(St,m),M(St,{size:o,rounded:a,fillMode:i,themeColor:s}),A(St,{hover:u,focus:b,active:x,disabled:I||y,selected:h}),{"k-icon-button":!w&&!Pe&&ge}),"aria-pressed":E?h?"true":"false":void 0,...be,"aria-disabled":y?"true":void 0,disabled:I||void 0,children:[typeof k=="string"&&k&&Xe(v,{className:r(U,"k-button-icon"),icon:k,size:g}),k&&typeof k!="string"&&Xe(Di,{children:k}),w?_i(Di,{children:[w&&Xe("span",{className:"k-button-text",children:w}),e.children]}):e.children&&Xe("span",{className:"k-button-text",children:e.children}),d&&Xe("span",{className:"k-menu-button-arrow k-button-arrow",children:Xe(v,{icon:c})})]})};L.states=qn;L.options=Wn;L.variants=$n;L.className=St;L.defaultOptions=No;L.moduleName=ho;L.folderName=Ki;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."}]};import{jsx as Jn}from"react/jsx-runtime";var Lo=e=>Jn(L,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Yn}from"react/jsx-runtime";var Pi=e=>Yn(L,{icon:"folder",children:"Button",...e});import{jsx as Qn}from"react/jsx-runtime";var He=e=>Qn(L,{children:"Button",...e});import{jsx as ko}from"react/jsx-runtime";var Zn=L.options,jn=L.states,er={...L.defaultOptions,variant:"text"},tr=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],or=[],$e=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ko(Lo,{...o,icon:"star"});case"icon-and-text":return ko(Pi,{...o,icon:"star",children:"Button"});default:return ko(He,{...o,children:"Button"})}};$e.options=Zn;$e.states=jn;$e.variants=tr;$e.defaultOptions=er;$e.modifiers=or;$e.className=L.className;var yt="input",Vt=yt;import{jsx as rr}from"react/jsx-runtime";var Gt="k-input",ir=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ar={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},nr={},O=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c,size:m,rounded:u,fillMode:b,...x}=e;return rr("span",{...x,className:r(e.className,Gt,M(Gt,{size:m,rounded:u,fillMode:b}),A(Gt,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c}))})};O.states=ir;O.options=ar;O.className=Gt;O.defaultOptions=nr;O.moduleName=yt;O.folderName=Vt;import{jsx as pr}from"react/jsx-runtime";var Xt="k-picker",sr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],lr={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},dr={},Ae=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c,size:m,rounded:u,fillMode:b,...x}=e;return pr("span",{...x,className:r(e.className,Xt,M(Xt,{size:m,rounded:u,fillMode:b}),A(Xt,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c})),children:e.children})};Ae.states=sr;Ae.options=lr;Ae.className=Xt;Ae.defaultOptions=dr;Ae.moduleName=yt;Ae.folderName=Vt;import{Fragment as ur,jsx as vo}from"react/jsx-runtime";var Hi="k-clear-value",cr=[n.disabled,n.loading,n.readonly],mr={},J=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?vo(ur,{}):vo("span",{className:r(e.className,Hi),children:vo(v,{icon:"x"})})};J.states=cr;J.options=mr;J.className=Hi;import{jsx as xr}from"react/jsx-runtime";var go="k-input-inner",fr=[],br={},$t={type:"text",autocomplete:"off",value:"",placeholder:""},Y=e=>{let{value:t=$t.value,type:o=$t.type,placeholder:a=$t.placeholder,autocomplete:i=$t.autocomplete,disabled:s,readOnly:d,...c}=e;return xr("input",{...c,type:o,className:r(e.className,go,M(go,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Y.states=fr;Y.options=br;Y.className=go;import{jsx as zi,jsxs as Lr}from"react/jsx-runtime";var Io="k-input-inner",hr=[],Nr={},Mt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:s,...d}=e;return Lr("span",{...d,className:r(e.className,Io,M(Io,e)),children:[i,!i&&s&&zi(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&zi("span",{className:"k-input-value-text",children:t})]})};Mt.states=hr;Mt.options=Nr;Mt.className=Io;import{jsx as gr}from"react/jsx-runtime";var So="k-input-inner",kr=[],vr={},Bi={value:"",placeholder:""},Tt=e=>{let{value:t=Bi.value,placeholder:o=Bi.placeholder,rows:a,disabled:i,...s}=e;return gr("textarea",{...s,className:r(e.className,So,M(So,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};Tt.states=kr;Tt.options=vr;Tt.className=So;import{Fragment as Sr,jsx as Fi}from"react/jsx-runtime";var Ui="k-input-loading-icon",Ir=[n.disabled,n.loading],V=e=>{let{disabled:t,loading:o}=e;return t||!o?Fi(Sr,{}):Fi("span",{className:r(e.className,Ui,"k-icon k-i-loading")})};V.states=Ir;V.className=Ui;import{Fragment as Tr,jsx as Vi}from"react/jsx-runtime";var Gi="k-input-validation-icon",yr=[n.valid,n.invalid,n.disabled,n.loading],Mr={},P=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,s=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Vi(Tr,{}):Vi(v,{className:r(Gi),icon:s})};P.states=yr;P.options=Mr;P.className=Gi;import{Fragment as Or,jsx as Xi}from"react/jsx-runtime";var Ar="k-input-prefix",Er={direction:"horizontal"},de=e=>{let{direction:t=Er.direction,...o}=e;return e.children?Xi("span",{...o,className:r(Ar,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Xi(Or,{})};import{Fragment as wr,jsx as $i}from"react/jsx-runtime";var Cr="k-input-suffix",Rr={direction:"horizontal"},pe=e=>{let{direction:t=Rr.direction,...o}=e;return e.children?$i("span",{...o,className:r(Cr,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$i(wr,{})};import{jsx as _m}from"react/jsx-runtime";import{jsx as Dr}from"react/jsx-runtime";var Kr="k-input-suffix-text",yo=e=>{let{children:t,...o}=e;return Dr("span",{...o,className:r(Kr,e.className),children:t})};import{jsx as Pr}from"react/jsx-runtime";var qi="k-input-separator",_r={direction:"vertical"},Q=e=>{let{direction:t=_r.direction,...o}=e;return Pr("span",{...o,className:r(qi,e.className,{[`${qi}-${t}`]:t})})};import{Fragment as Wi,jsx as Le,jsxs as Mo}from"react/jsx-runtime";var Hr=O.states,zr=O.defaultOptions,Br=O.options,Fr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ur=[],qe=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:s,readonly:d,...c}=e,m=t?.prefix,u=t?.suffix,b=t?.["clear-button"],x=t?.["validation-icon"],h=t?.separators;return Mo(O,{...c,valid:o,invalid:a,loading:i,disabled:s,readonly:d,style:{width:300},children:[m&&Mo(Wi,{children:[Le(de,{children:Le(v,{icon:"lock"})}),h&&Le(Q,{})]}),Le(Y,{placeholder:"Placeholder",value:"Value"}),x&&Le(P,{valid:o,invalid:a,loading:i,disabled:s}),Le(V,{loading:i,disabled:s}),b&&Le(J,{loading:i,disabled:s,readonly:d,value:"Value"}),u&&Mo(Wi,{children:[h&&Le(Q,{}),Le(pe,{children:Le(He,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};qe.options=Br;qe.states=Hr;qe.variants=Ur;qe.defaultOptions=zr;qe.modifiers=Fr;qe.className=O.className;var To="popup",Ji=To;import{jsx as Yi}from"react/jsx-runtime";var Qi="k-animation-container",Vr=[],Gr={},Ao={positionMode:"absolute",shown:!0},ke=e=>{let{positionMode:t=Ao.positionMode,shown:o=Ao.shown,animationStyle:a,offset:i,...s}=e;return Yi("div",{...s,style:{...i,...e.style},className:r(e.className,Qi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Yi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ke.states=Vr;ke.options=Gr;ke.className=Qi;ke.defaultOptions=Ao;ke.moduleName=To;ke.folderName=Ji;var Eo="popup",Zi=Eo;import{jsx as ji}from"react/jsx-runtime";var ea="k-popup",Xr=[],$r={},ta={positionMode:"absolute"},Ie=e=>{let{offset:t,positionMode:o=ta.positionMode,animationStyle:a,containerClassName:i,containerRole:s,containerAriaLabel:d,...c}=e;return ji(ke,{positionMode:o,offset:t,animationStyle:a,className:i,role:s,"aria-label":d,children:ji("div",{...c,className:r(e.className,ea),children:e.children})})};Ie.states=Xr;Ie.options=$r;Ie.className=ea;Ie.defaultOptions=ta;Ie.moduleName=Eo;Ie.folderName=Zi;Ie.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 Oo="action-buttons",oa=Oo;import{jsx as Jr}from"react/jsx-runtime";var qt="k-actions",qr=[],Wr={},Co={alignment:"start",orientation:"horizontal"},Ee=e=>{let{alignment:t=Co.alignment,orientation:o=Co.orientation,...a}=e;return Jr("div",{...a,className:r(qt,{[`${qt}-${t}`]:t,[`${qt}-${o}`]:o},e.className),children:e.children})};Ee.states=qr;Ee.options=Wr;Ee.className=qt;Ee.defaultOptions=Co;Ee.moduleName=Oo;Ee.folderName=oa;import{jsx as Qr}from"react/jsx-runtime";var Yr="k-actionsheet-footer",ia={alignment:"stretched",orientation:"horizontal"},We=e=>{let{alignment:t=ia.alignment,orientation:o=ia.orientation,template:a,as:i=a?"div":Ee,...s}=e;return Qr(i,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Yr),children:e.children})};var Ro="searchbox",aa=Ro;import{jsx as At,jsxs as es}from"react/jsx-runtime";var na="k-searchbox",Zr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],jr={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},wo={showIcon:!0,icon:"search"},ce=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:s,hover:d,focus:c,valid:m,invalid:u,required:b,loading:x,disabled:h,showIcon:I=wo.showIcon,icon:E=wo.icon,"aria-label":y,...k}=e;return es(O,{...k,size:a,rounded:i,fillMode:s,hover:d,focus:c,valid:m,invalid:u,required:b,loading:x,disabled:h,className:r(e.className,na),children:[I&&At(v,{className:"k-input-icon",icon:E}),At(Y,{placeholder:o,value:t,"aria-label":y}),At(V,{...e}),At(P,{...e}),At(J,{...e})]})};ce.states=Zr;ce.options=jr;ce.className=na;ce.defaultOptions=wo;ce.moduleName=Ro;ce.folderName=aa;import{jsx as tf}from"react/jsx-runtime";var Ko="textbox",ra=Ko;import{Fragment as sa,jsx as Oe,jsxs as Do}from"react/jsx-runtime";var la="k-textbox",ts=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],os={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Wt={showClearButton:!0,showValidationIcon:!0,separators:!0},T=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Wt.separators,showClearButton:s=Wt.showClearButton,showValidationIcon:d=Wt.showValidationIcon,prefix:c,suffix:m,type:u,value:b,placeholder:x,hover:h,focus:I,valid:E,invalid:y,required:k,loading:g,disabled:w,readonly:U,id:W,"aria-label":be,"aria-describedby":ge,...Pe}=e;return Do(O,{...Pe,size:t,rounded:o,fillMode:a,hover:h,focus:I,valid:E,invalid:y,required:k,loading:g,disabled:w,readonly:U,className:r(e.className,la),children:[c&&Do(sa,{children:[Oe(de,{children:c}),i&&Oe(Q,{})]}),Oe(Y,{id:W,placeholder:x,value:b,type:u,disabled:w,"aria-label":be,"aria-describedby":ge,"aria-invalid":y?"true":void 0}),d&&Oe(P,{valid:E,invalid:y,loading:g,disabled:w}),Oe(V,{loading:g,disabled:w}),s&&Oe(J,{loading:g,disabled:w,readonly:U,value:b}),m&&Do(sa,{children:[i&&Oe(Q,{}),Oe(pe,{children:m})]})]})};T.states=ts;T.options=os;T.className=la;T.defaultOptions=Wt;T.moduleName=Ko;T.folderName=ra;T.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 Et=T;import{jsx as is}from"react/jsx-runtime";var da=e=>is(Et,{...e});import{Fragment as kf,jsx as Lf}from"react/jsx-runtime";import{Fragment as Mf,jsx as yf}from"react/jsx-runtime";import{jsx as Of}from"react/jsx-runtime";import{jsx as _o}from"react/jsx-runtime";var as=T.states,ns=T.defaultOptions,rs=T.options,ss=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ls=[],Je=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?_o(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?_o(He,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),_o(da,{value:"Value",style:{width:300},...o,...a})};Je.options=rs;Je.states=as;Je.variants=ls;Je.defaultOptions=ns;Je.modifiers=ss;Je.className=T.className;import{jsx as Ce,jsxs as Po}from"react/jsx-runtime";var pa="k-actionsheet-titlebar",ds={},xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:s,input:d,inputValue:c,inputPlaceholder:m,adaptive:u,titleId:b,children:x,...h}=e;return Po("div",{...h,className:r(e.className,pa),children:[Po("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ce("div",{className:"k-actionsheet-actions",children:a}),!x&&Po("div",{className:"k-actionsheet-title",id:b,children:[t&&Ce("div",{className:"k-text-center",children:t}),o&&Ce("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Ce("div",{className:"k-actionsheet-title",id:b,children:x}),i&&Ce("div",{className:"k-actionsheet-actions",children:i})]}),(d||s)&&Ce("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Ce(T,{value:c,placeholder:m,size:u?"large":"medium","aria-label":t||m||"Input"}):Ce(ce,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};xe.className=pa;xe.defaultOptions=ds;import{jsx as Ho,jsxs as us}from"react/jsx-runtime";var zo="k-actionsheet-view",ps=[],cs={},ms={},Ye=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:s,titleId:d,...c}=e,m=i?.type===xe&&Ho(xe,{adaptive:t,titleId:d,...i?.props}),u=s?.type===We&&Ho(We,{...s?.props});return us("div",{...c,className:r(e.className,zo,{[`${zo}-animated`]:o}),children:[m,Ho("div",{className:"k-actionsheet-content",children:a}),u]})};Ye.states=ps;Ye.options=cs;Ye.className=zo;Ye.defaultOptions=ms;var Ot="action-sheet",Jt=Ot;var Bo="overlay",ca=Bo;import{jsx as hs}from"react/jsx-runtime";var ma="k-overlay",fs=[],bs={},xs={},Re=e=>{let{...t}=e;return hs("div",{...t,className:r(e.className,ma),children:e.children})};Re.states=fs;Re.options=bs;Re.className=ma;Re.defaultOptions=xs;Re.moduleName=Bo;Re.folderName=ca;import{jsx as Yt,jsxs as ks}from"react/jsx-runtime";var ua="k-actionsheet",Ns=[],Ls={},Ct={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},H=e=>{let{side:t=Ct.side,fullscreen:o=Ct.fullscreen,adaptive:a=Ct.adaptive,overlay:i=Ct.overlay,template:s,children:d,header:c,footer:m,id:u,...b}=e,x=u&&!s&&c?`${u}-title`:void 0;return ks("div",{className:"k-actionsheet-container",children:[i&&Yt(Re,{}),Yt(ke,{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:Yt("div",{...b,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":x,className:r(e.className,ua,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Yt(Ye,{header:c,footer:m,adaptive:a,titleId:x,...e,children:d})})})]})};H.states=Ns;H.options=Ls;H.className=ua;H.defaultOptions=Ct;H.moduleName=Ot;H.folderName=Jt;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."}]};import{jsx as Ss}from"react/jsx-runtime";var fa="k-actionsheet-container",vs=[],gs={},Is={},Qe=e=>{let{children:t,...o}=e;return Ss("div",{...o,className:fa,children:t})};Qe.states=vs;Qe.options=gs;Qe.className=fa;Qe.defaultOptions=Is;Qe.moduleName=Ot;Qe.folderName=Jt;import{jsx as ys}from"react/jsx-runtime";var Fo=e=>{let{...t}=e;return ys("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ts,jsx as Rt,jsxs as Uo}from"react/jsx-runtime";var Vo="k-actionsheet-item",Ms=[n.hover,n.focus,n.selected,n.disabled],we=e=>{let{iconName:t,text:o,description:a,hover:i,focus:s,selected:d,disabled:c,...m}=e;return Uo("span",{...m,className:r(e.className,Vo,A(Vo,{hover:i,focus:s,selected:d,disabled:c})),children:[!e.children&&Rt(Ts,{children:Uo("span",{className:"k-actionsheet-action",children:[t&&Rt("span",{className:"k-icon-wrap",children:Rt(v,{className:"k-actionsheet-item-icon",icon:t})}),Uo("span",{className:"k-actionsheet-item-text",children:[o&&Rt("span",{className:"k-actionsheet-item-title",children:o}),a&&Rt("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};we.states=Ms;we.className=Vo;import{jsx as Eb,jsxs as Ob}from"react/jsx-runtime";import{jsx as Kb}from"react/jsx-runtime";import{jsx as Hb}from"react/jsx-runtime";import{jsx as Ub}from"react/jsx-runtime";import{jsx as z,jsxs as Go}from"react/jsx-runtime";var As=H.options,Es=H.states,xa={...H.defaultOptions,variant:"normal"},Os=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Cs=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ze=e=>{let{variant:t,modifiers:o,...a}={...xa,...e},i={},s=Go(Fo,{children:[z(we,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),z(we,{text:"Add to Favorites",iconName:"heart"}),z(we,{text:"Upload New",iconName:"upload",disabled:!0}),z("hr",{className:"k-hr"}),z(we,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":i.actionsStart=!!o?.[m],i.actionsEnd=!!o?.[m];break;case"subtitle":i.subtitle=o?.[m]?d:void 0;break;case"footer":i.footer=!!o?.[m];break;default:break}}),t==="adaptive"?z(H,{...a,adaptive:!0,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(L,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(L,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:i.subtitle}),footer:i.footer?Go(We,{alignment:"stretched",children:[z(L,{text:"Cancel",size:"large",themeColor:"base"}),z(L,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):z(H,{...a,fullscreen:i.fullScreen,header:z(xe,{actionsStart:i.actionsStart?z(L,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?z(L,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Go(We,{alignment:"stretched",children:[z(L,{text:"Apply",themeColor:"primary"}),z(L,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Ze.options=As;Ze.states=Es;Ze.variants=Os;Ze.defaultOptions=xa;Ze.modifiers=Cs;Ze.className=H.className;import qo from"react";import{jsx as ha}from"react/jsx-runtime";var Rs="k-list-group-sticky-header",Xo=e=>ha("div",{className:r(Rs,e.className),children:ha("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ks}from"react/jsx-runtime";var ws="k-no-data",$o=e=>{let{live:t,...o}=e;return Ks("span",{...o,className:r(ws,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ze="list",je=ze;import{jsx as Na,jsxs as La}from"react/jsx-runtime";var Wo="k-list",Ds=[],_s={size:[l.undefined,l.small,l.medium,l.large]},Ps={},K=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:s,optionLabel:d,customValue:c,noData:m,screenReaders:u,...b}=e,h=qo.Children.toArray(a)[0],I=h?.props?.children?qo.Children.count(h.props.children):qo.Children.count(a);return La("div",{...b,className:r(e.className,Wo,M(Wo,{size:t}),{"k-virtual-list":o}),children:[d,s,c,i&&Na(Xo,{children:i}),a||(m!==void 0?m:Na($o,{live:!0,children:"No data found."})),u&&a&&La($o,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};K.states=Ds;K.options=_s;K.className=Wo;K.defaultOptions=Ps;K.moduleName=ze;K.folderName=je;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Fs}from"react/jsx-runtime";var ka="k-list-container",Hs=[],zs={},Bs={},et=e=>{let{...t}=e;return Fs("div",{...t,className:r(e.className,ka),children:e.children})};et.states=Hs;et.options=zs;et.className=ka;et.defaultOptions=Bs;et.moduleName=ze;et.folderName=je;var Be="checkbox",tt=Be;import{jsx as va}from"react/jsx-runtime";var Qt="k-checkbox",Us=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Vs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},Gs={},G=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:s,disabled:d,invalid:c,valid:m,required:u,size:b,rounded:x,wrapperRole:h,...I}=e;return va("span",{className:"k-checkbox-wrap",role:h,children:va("input",{...I,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,Qt,M(Qt,{size:b,rounded:x}),A(Qt,{hover:i,focus:s,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};G.states=Us;G.options=Vs;G.className=Qt;G.defaultOptions=Gs;G.moduleName=Be;G.folderName=tt;G.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 he=G;import{jsx as qs}from"react/jsx-runtime";var ga="k-checkbox-list",Xs=[],$s={},Ia={layout:"vertical"},Z=e=>{let{layout:t=Ia.layout,...o}=e;return qs("ul",{...o,className:r(e.className,ga,{[`k-list-${t}`]:t}),children:e.children})};Z.states=Xs;Z.options=$s;Z.className=ga;Z.defaultOptions=Ia;Z.moduleName=Be;Z.folderName=tt;import{jsx as Qs}from"react/jsx-runtime";var Sa="k-checkbox-list-item",Ws=[],Js={},Ys={},j=e=>{let{...t}=e;return Qs("li",{...t,className:r(e.className,Sa),children:e.children})};j.states=Ws;j.options=Js;j.className=Sa;j.defaultOptions=Ys;j.moduleName=Be;j.folderName=tt;import{Fragment as Zs,jsx as ya,jsxs as js}from"react/jsx-runtime";var Se=({children:e="Label",id:t="cb-label-after",...o})=>js(Zs,{children:[ya(he,{id:t,...o}),ya("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Qx,jsx as Yx,jsxs as Zx}from"react/jsx-runtime";import{Fragment as ih,jsx as oh,jsxs as ah}from"react/jsx-runtime";import{Fragment as dh,jsx as lh,jsxs as ph}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";import{jsx as Nh}from"react/jsx-runtime";import{jsx as gh}from"react/jsx-runtime";import{jsx as me,jsxs as Ma}from"react/jsx-runtime";var el=Z.options,tl=Z.states,ol={...Z.defaultOptions,variant:"vertical"},il=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],al=[],ot=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ma(Z,{layout:"horizontal",...o,children:[me(j,{children:me(Se,{id:S("cb"),defaultChecked:!0,children:"Label"})}),me(j,{children:me(Se,{id:S("cb"),children:"Label"})}),me(j,{children:me(Se,{id:S("cb"),children:"Label"})})]}):Ma(Z,{...o,children:[me(j,{children:me(Se,{id:S("cb"),defaultChecked:!0,children:"Label"})}),me(j,{children:me(Se,{id:S("cb"),children:"Label"})}),me(j,{children:me(Se,{id:S("cb"),children:"Label"})})]})};ot.options=el;ot.states=tl;ot.variants=il;ot.defaultOptions=ol;ot.modifiers=al;ot.className=Z.className;import{jsx as pl}from"react/jsx-runtime";var nl=he.options,rl=he.states,sl=he.defaultOptions,ll=[],dl=[],it=e=>pl(Se,{id:S("checkbox"),...e,defaultChecked:!0,children:"Label"});it.options=nl;it.states=rl;it.variants=ll;it.defaultOptions=sl;it.modifiers=dl;it.className=he.className;import{jsx as Fe,jsxs as fl}from"react/jsx-runtime";var Jo="k-list-item",cl=[n.hover,n.focus,n.selected,n.disabled],ml={},ul={},C=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:s,showCheckbox:d,checked:c,hover:m,focus:u,selected:b,disabled:x,actions:h,description:I,id:E,...y}=e,k=t||e.children;return fl("li",{...y,id:E,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":Jo,A(Jo,{hover:m,focus:u,disabled:x,selected:b})),children:[d&&Fe(G,{checked:c}),i&&Fe("span",{className:"k-list-item-icon-wrapper",children:Fe(v,{icon:i,className:r("k-list-item-icon",s)})}),Fe("span",{className:"k-list-item-text",children:k}),h&&Fe("div",{className:"k-list-item-actions",children:h}),I&&Fe("span",{className:"k-list-item-description",children:I}),o&&o!==""&&Fe("div",{className:"k-list-item-group-label",children:o})]})};C.states=cl;C.options=ml;C.className=Jo;C.defaultOptions=ul;C.moduleName=ze;C.folderName=je;C.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as xl}from"react/jsx-runtime";var bl="k-list-ul",Ue=e=>{let{children:t,role:o,id:a,...i}=e;return xl("ul",{...i,id:a,role:o,className:r(bl,e.className),children:t})};Ue.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Yo,jsxs as Nl}from"react/jsx-runtime";var hl="k-list-content",ee=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:s,...d}=e;return Nl("div",{...d,className:r(hl,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Yo(Ue,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Yo("div",{className:"k-height-container",children:Yo("div",{})})]})};ee.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{jsx as Qo,jsxs as gl}from"react/jsx-runtime";var Zt="k-list-sticky-header",Ll=[n.hover,n.focus,n.selected],kl={},vl={},jt=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:s,focus:d,selected:c,...m}=e;return Qo("div",{...m,className:r(Zt,e.className),children:gl("div",{className:r(`${Zt}-item`,A(`${Zt}-item`,{hover:s,focus:d,selected:c})),children:[o&&Qo(G,{checked:a,indeterminate:i,"aria-label":t}),Qo("span",{className:"k-list-item-text",children:t})]})})};jt.states=Ll;jt.options=kl;jt.className=Zt;jt.defaultOptions=vl;import{Fragment as xN,jsx as bN,jsxs as hN}from"react/jsx-runtime";import{jsx as Zo,jsxs as Sl}from"react/jsx-runtime";var Il="k-list-group-item",wt=e=>{let{groupIconName:t,...o}=e;return Sl("li",{...o,role:"presentation",className:r(Il,e.className),children:[t&&Zo("span",{className:"k-list-item-icon-wrapper",children:Zo(v,{icon:t,className:"k-list-item-icon"})}),Zo("span",{className:"k-list-item-text",children:e.children})]})};wt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Al}from"react/jsx-runtime";var jo="k-list-optionlabel",yl=[n.hover,n.focus,n.selected,n.disabled],Ml={},Tl={},eo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return Al("div",{...d,className:r(jo,A(jo,{hover:o,focus:a,selected:i,disabled:s})),children:t})};eo.states=yl;eo.options=Ml;eo.className=jo;eo.defaultOptions=Tl;import{jsx as Rl}from"react/jsx-runtime";var ei="k-list-custom-value",El=[n.hover,n.focus,n.selected,n.disabled],Ol={},Cl={},to=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return Rl("div",{...d,className:r(ei,A(ei,{hover:o,focus:a,selected:i,disabled:s})),children:t})};to.states=El;to.options=Ol;to.className=ei;to.defaultOptions=Cl;import{Fragment as wN,jsx as RN,jsxs as KN}from"react/jsx-runtime";import{Fragment as BN,jsx as zN,jsxs as FN}from"react/jsx-runtime";import{Fragment as WN,jsx as $N,jsxs as qN}from"react/jsx-runtime";import{Fragment as tL,jsx as jN,jsxs as eL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{Fragment as cL,jsx as pL,jsxs as mL}from"react/jsx-runtime";var Ta="dropdown-list",Aa="dropdownlist";import{Fragment as Dl,jsx as te,jsxs as ti}from"react/jsx-runtime";var Ea="k-dropdownlist",wl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kl={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},oi={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=oi.arrowIconName,showValue:s=oi.showValue,valueIconName:d,prefix:c,suffix:m,value:u,placeholder:b,hover:x,focus:h,valid:I,invalid:E,required:y,loading:k,disabled:g,readonly:w,popup:U,opened:W,adaptive:be,adaptiveSettings:ge,adaptiveTitle:Pe,adaptiveSubtitle:cn,adaptiveFilter:mn,id:kt,activeDescendant:bi,"aria-label":un,...fn}=e,bn=kt?`${kt}-listbox`:void 0,xi=kt?`${kt}-value`:void 0;return ti(Dl,{children:[ti(Ae,{...fn,id:kt,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:I,invalid:E,required:y,loading:k,disabled:g,readonly:w,className:r(e.className,Ea,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":W?"true":"false","aria-controls":W?bn:void 0,"aria-activedescendant":W&&bi?bi:void 0,"aria-describedby":W?xi:void 0,"aria-disabled":g?"true":void 0,"aria-label":un,tabIndex:0,children:[te(de,{children:c}),te(Mt,{placeholder:b,value:u,showValue:s,valueIconName:d,id:xi}),te(P,{valid:I,invalid:E,loading:k,disabled:g}),te(V,{loading:k,disabled:g}),te(pe,{children:m}),te(L,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),W&&U&&te(Ie,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:U}),be&&te(H,{adaptive:!0,...ge,header:te(xe,{actionsEnd:te(L,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:mn,inputValue:u,inputPlaceholder:b,title:Pe,subtitle:cn}),children:te("div",{className:"k-list-container",children:te(K,{size:"large",children:ti(ee,{"aria-label":"Options",children:[te(C,{text:"List item"}),te(C,{text:"List item"}),te(C,{text:"List item"})]})})})})]})};R.states=wl;R.options=Kl;R.className=Ea;R.defaultOptions=oi;R.moduleName=Ta;R.folderName=Aa;R.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as $L}from"react/jsx-runtime";import{jsx as ZL,jsxs as jL}from"react/jsx-runtime";import{Fragment as lk,jsx as rk,jsxs as sk}from"react/jsx-runtime";import{jsx as uk}from"react/jsx-runtime";import{jsx as Lk,jsxs as kk}from"react/jsx-runtime";import{Fragment as Ek,jsx as Tk,jsxs as Ak}from"react/jsx-runtime";import{jsx as Kk}from"react/jsx-runtime";import{Fragment as Fl,jsx as Ke,jsxs as Oa}from"react/jsx-runtime";var _l=R.states,Pl=R.defaultOptions,Hl=R.options,zl=[{name:"opened",title:"Opened"}],Bl=[],nt=e=>{let{modifiers:t,...o}=e,a={},i=Oa(Fl,{children:[Ke("div",{className:"k-list-filter",children:Ke(ce,{})}),Ke(K,{style:{width:300},size:o.size,children:Oa(ee,{children:[Ke(C,{children:"List item"}),Ke(C,{children:"List item"}),Ke(C,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0)}),Ke("div",{children:Ke(R,{placeholder:"Value",style:{width:300},...o,...a})})};nt.options=Hl;nt.states=_l;nt.variants=Bl;nt.defaultOptions=Pl;nt.modifiers=zl;nt.className=R.className;var Ve="radio",rt=Ve;import{jsx as Ca}from"react/jsx-runtime";var oo="k-radio",Ul=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Vl={size:[l.undefined,l.small,l.medium,l.large]},Gl={},re=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:s,invalid:d,valid:c,required:m,size:u,...b}=e;return Ca("span",{className:"k-radio-wrap",children:Ca("input",{...b,id:t,type:"radio",checked:o,required:m,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:r(e.className,oo,M(oo,{size:u}),A(oo,{hover:a,focus:i,disabled:s,invalid:d,valid:c,checked:o}))})})};re.states=Ul;re.options=Vl;re.className=oo;re.defaultOptions=Gl;re.moduleName=Ve;re.folderName=rt;re.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 ue=re;import{jsx as ql}from"react/jsx-runtime";var Ra="k-radio-list",Xl=[],$l={},wa={layout:"vertical"},B=e=>{let{layout:t=wa.layout,...o}=e;return ql("ul",{...o,className:r(e.className,Ra,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};B.states=Xl;B.options=$l;B.className=Ra;B.defaultOptions=wa;B.moduleName=Ve;B.folderName=rt;B.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-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};import{jsx as Ql}from"react/jsx-runtime";var Ka="k-radio-list-item",Wl=[],Jl={},Yl={},X=e=>{let{...t}=e;return Ql("li",{...t,className:r(e.className,Ka),role:"none",children:e.children})};X.states=Wl;X.options=Jl;X.className=Ka;X.defaultOptions=Yl;X.moduleName=Ve;X.folderName=rt;import{jsx as uv}from"react/jsx-runtime";import{Fragment as Zl,jsx as Da,jsxs as jl}from"react/jsx-runtime";var ye=({children:e,id:t,...o})=>jl(Zl,{children:[Da(ue,{...o,id:t}),Da("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as vv,jsx as kv,jsxs as gv}from"react/jsx-runtime";import{Fragment as Av,jsx as Mv,jsxs as Tv}from"react/jsx-runtime";import{Fragment as wv,jsx as Rv,jsxs as Kv}from"react/jsx-runtime";import{Fragment as zv,jsx as Hv,jsxs as Bv}from"react/jsx-runtime";import{Fragment as qv,jsx as $v,jsxs as Wv}from"react/jsx-runtime";import{jsx as Zv}from"react/jsx-runtime";import{jsx as rd}from"react/jsx-runtime";var td=ue.options,od=ue.states,id=