@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 252 kB
JavaScript
var uT=Object.create;var fl=Object.defineProperty;var bT=Object.getOwnPropertyDescriptor;var TT=Object.getOwnPropertyNames;var fT=Object.getPrototypeOf,gT=Object.prototype.hasOwnProperty;var hT=(e,o)=>{for(var t in o)fl(e,t,{get:o[t],enumerable:!0})},Cd=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of TT(o))!gT.call(e,l)&&l!==t&&fl(e,l,{get:()=>o[l],enumerable:!(r=bT(o,l))||r.enumerable});return e};var Ld=(e,o,t)=>(t=e!=null?uT(fT(e)):{},Cd(o||!e||!e.__esModule?fl(t,"default",{value:e,enumerable:!0}):t,e)),xT=e=>Cd(fl({},"__esModule",{value:!0}),e);var aC={};hT(aC,{GanttRowReordering:()=>tC});module.exports=xT(aC);var a=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?a(...o):typeof o=="object"?Object.keys(o).map((t,r)=>o[r]||o[t]&&t||null).filter(t=>t!==null).join(" "):o).filter(o=>!!o).join(" ");var G=(e,o)=>a({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"}),I=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:s,checked:p,active:T,selected:h,disabled:k,indeterminate:w,loading:M,empty:x,readonly:R,highlighted:A,...z}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":T,"k-selected":h,"k-disabled":k,"k-indeterminate":w&&!p,"k-loading":M,"k-empty":x,"k-readonly":R,"k-highlighted":A},Object.keys(z).reduce((X,Y)=>(Y.startsWith("k-")?X[Y]=z[Y]:X[`k-${Y}`]=z[Y],X),{}))};function yd(e,o){if(!o)return{};let t=Array.isArray(o)?o:[o];return Object.fromEntries(t.map(r=>[`k-${r}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},C={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},dt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={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"},Md={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var fi={};function $(e){return fi[e]=(fi[e]||0)+1,`k-${e}-${fi[e]}`}var xe="gantt",we=xe;var Rd=require("react/jsx-runtime"),Sd="k-gantt",kT=[],NT={},wT={},Co=e=>{let{headerToolbar:o,footerToolbar:t,...r}=e;return(0,Rd.jsxs)("div",{...r,className:a(e.className,Sd),role:"application","aria-roledescription":"Gantt Chart",children:[o,e.children,t]})};Co.states=kT;Co.options=NT;Co.className=Sd;Co.defaultOptions=wT;Co.moduleName=xe;Co.folderName=we;Co.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};var Ir=require("react/jsx-runtime"),gi="k-font-icon",vT=[],CT={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},LT={},Or=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:s,...p}=e;return r?(0,Ir.jsx)("span",{...p,className:a(e.className,gi,G(gi,{size:o}),{[`k-i-${r}`]:r,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Ir.jsx)(Ir.Fragment,{})};Or.states=vT;Or.options=CT;Or.className=gi;Or.defaultOptions=LT;var Ad=Or;var ca=require("react/jsx-runtime"),hi="k-svg-icon",yT=[],MT={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[dt.outline,dt.solid,dt.duotone]},xi={viewBox:"0 0 24 24",variant:dt.outline},Hr=e=>{var M,x;let{size:o,themeColor:t,rotate:r,flip:l,viewBox:s=xi.viewBox,variant:p=xi.variant,icon:T,...h}=e;if(!T)return(0,ca.jsx)(ca.Fragment,{});if(T==="none")return(0,ca.jsx)("span",{...h,className:a(e.className,hi,G("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let k=typeof T=="object"&&T.name&&T.name,w=typeof T=="object"?p&&((M=T.variants)==null?void 0:M[p])||((x=T.variants)==null?void 0:x.outline)||T.content:void 0;return(0,ca.jsx)("span",{...h,className:a(e.className,hi,G("k-icon",{size:o}),{[`k-svg-i-${k}`]:k,[`k-color-${t}`]:t,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,ca.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof T=="object"?T.viewBox:s,dangerouslySetInnerHTML:w!==void 0?{__html:w}:void 0,children:T?void 0:e.children})})};Hr.states=yT;Hr.options=MT;Hr.className=hi;Hr.defaultOptions=xi;var ki=Hr;var Ni=Ld(require("@progress/kendo-svg-icons"));var Ed="icon",Gd="icons";var Hd=require("react");var Id=require("react"),Od=(0,Id.createContext)({iconsType:"svg"});var ht=require("react/jsx-runtime"),gl="k-icon",ST=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),RT=[],AT={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[dt.outline,dt.solid,dt.duotone]},hl={viewBox:"0 0 24 24",type:"svg",variant:dt.outline},d=e=>{let{iconsType:o}=(0,Hd.useContext)(Od),{size:t,themeColor:r,icon:l,type:s=o||hl.type,rotate:p,flip:T,viewBox:h=hl.viewBox,variant:k=hl.variant,...w}=e;if(!l)return(0,ht.jsx)(ht.Fragment,{});if((o||s)==="svg"){if(l==="none")return(0,ht.jsx)(ki,{...w,className:a(e.className,gl),icon:l,size:t,variant:k});let x=Ni[l]?l:ST(`${l}-icon`);return Ni[x]?(0,ht.jsx)(ki,{...w,className:a(e.className,gl),icon:Ni[x],size:t,themeColor:r,rotate:p,flip:T,viewBox:h,variant:k}):(0,ht.jsx)(ht.Fragment,{})}return(0,ht.jsx)(Ad,{...w,className:a(e.className,gl),icon:l,size:t,themeColor:r,rotate:p,flip:T})};d.states=RT;d.options=AT;d.defaultOptions=hl;d.className=gl;d.moduleName=Ed;d.folderName=Gd;d.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 wi="button",Pd=wi;var Io=require("react/jsx-runtime"),Pr="k-button",ET=["icon-button"],GT=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],IT={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},vi={showArrow:!1,arrowIconName:"chevron-down"},b=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:s,showArrow:p=vi.showArrow,arrowIconName:T=vi.arrowIconName,variant:h,hover:k,focus:w,active:M,selected:x,disabled:R,togglable:A,ariaDisabled:z,icon:X,iconSize:Y,text:ee,iconClassName:Se,className:he,...po}=e,mo=X!=null,uo=e.children!==void 0;return(0,Io.jsxs)(o,{className:a(he,Pr,yd(Pr,h),G(Pr,{size:t,rounded:r,fillMode:l,themeColor:s}),I(Pr,{hover:k,focus:w,active:M,disabled:R||z,selected:x}),{"k-icon-button":!ee&&!uo&&mo}),"aria-pressed":A?x?"true":"false":void 0,...po,"aria-disabled":z?"true":void 0,disabled:R||void 0,children:[typeof X=="string"&&X&&(0,Io.jsx)(d,{className:a(Se,"k-button-icon"),icon:X,size:Y}),X&&typeof X!="string"&&(0,Io.jsx)(Io.Fragment,{children:X}),ee?(0,Io.jsxs)(Io.Fragment,{children:[ee&&(0,Io.jsx)("span",{className:"k-button-text",children:ee}),e.children]}):e.children&&(0,Io.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Io.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Io.jsx)(d,{icon:T})})]})};b.states=GT;b.options=IT;b.variants=ET;b.className=Pr;b.defaultOptions=vi;b.moduleName=wi;b.folderName=Pd;b.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 _d=require("react/jsx-runtime"),Kt=e=>(0,_d.jsx)(b,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Dd=require("react/jsx-runtime"),_r=e=>(0,Dd.jsx)(b,{icon:"folder",children:"Button",...e});var Kd=require("react/jsx-runtime"),pa=e=>(0,Kd.jsx)(b,{children:"Button",...e});var xl=require("react/jsx-runtime"),OT=b.options,HT=b.states,PT={...b.defaultOptions,variant:"text"},_T=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],DT=[],Sa=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return(0,xl.jsx)(Kt,{...t,icon:"star"});case"icon-and-text":return(0,xl.jsx)(_r,{...t,icon:"star",children:"Button"});default:return(0,xl.jsx)(pa,{...t,children:"Button"})}};Sa.options=OT;Sa.states=HT;Sa.variants=_T;Sa.defaultOptions=PT;Sa.modifiers=DT;Sa.className=b.className;var Ci="button",Bd=Ci;var zd=require("react/jsx-runtime"),Dr="k-button-group",KT=[n.disabled],BT={fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},zT={},j=e=>{let{fillMode:o,disabled:t,stretched:r,...l}=e;return(0,zd.jsx)("div",{role:"group",...l,className:a(e.className,Dr,G(Dr,{fillMode:o}),I(Dr,{disabled:t}),{[`${Dr}-stretched`]:r}),...t&&{"aria-disabled":"true"},children:e.children})};j.states=KT;j.options=BT;j.className=Dr;j.defaultOptions=zT;j.moduleName=Ci;j.folderName=Bd;j.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Li=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var Lo=require("react/jsx-runtime"),UT={...b.options,...j.options},FT=b.states,$T={...b.defaultOptions,...j.defaultOptions,variant:"text-button"},VT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],WT=[],Ra=e=>{let{variant:o,className:t,...r}=e;return o==="icon-button"?(0,Lo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,Lo.jsx)(b,{...r,icon:"star"}),(0,Lo.jsx)(b,{...r,icon:"star"}),(0,Lo.jsx)(b,{...r,icon:"star"})]}):o==="icon-text-button"?(0,Lo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,Lo.jsx)(b,{...r,icon:"star",children:"First"}),(0,Lo.jsx)(b,{...r,icon:"star",children:"Middle"}),(0,Lo.jsx)(b,{...r,icon:"star",children:"Last"})]}):(0,Lo.jsxs)(j,{fillMode:r.fillMode,className:t,children:[(0,Lo.jsx)(b,{...r,children:"First"}),(0,Lo.jsx)(b,{...r,children:"Middle"}),(0,Lo.jsx)(b,{...r,children:"Last"})]})};Ra.options=UT;Ra.states=FT;Ra.variants=VT;Ra.defaultOptions=$T;Ra.modifiers=WT;Ra.className=j.className;var Kr="input",kl=Kr;var Ud=require("react/jsx-runtime"),Nl="k-input",XT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],JT={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},qT={},Pe=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,readonly:T,size:h,rounded:k,fillMode:w,...M}=e;return(0,Ud.jsx)("span",{...M,className:a(e.className,Nl,G(Nl,{size:h,rounded:k,fillMode:w}),I(Nl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,readonly:T}))})};Pe.states=XT;Pe.options=JT;Pe.className=Nl;Pe.defaultOptions=qT;Pe.moduleName=Kr;Pe.folderName=kl;var Fd=require("react/jsx-runtime"),wl="k-picker",YT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],QT={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},ZT={},ct=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,readonly:T,size:h,rounded:k,fillMode:w,...M}=e;return(0,Fd.jsx)("span",{...M,className:a(e.className,wl,G(wl,{size:h,rounded:k,fillMode:w}),I(wl,{hover:o,focus:t,disabled:r,invalid:l,valid:s,loading:p,readonly:T})),children:e.children})};ct.states=YT;ct.options=QT;ct.className=wl;ct.defaultOptions=ZT;ct.moduleName=Kr;ct.folderName=kl;var Aa=require("react/jsx-runtime"),$d="k-clear-value",jT=[n.disabled,n.loading,n.readonly],ef={},Oo=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?(0,Aa.jsx)(Aa.Fragment,{}):(0,Aa.jsx)("span",{className:a(e.className,$d),children:(0,Aa.jsx)(d,{icon:"x"})})};Oo.states=jT;Oo.options=ef;Oo.className=$d;var Vd=require("react/jsx-runtime"),Ei="k-input-inner",of=[],tf={},vl={type:"text",autocomplete:"off",value:"",placeholder:""},Ho=e=>{let{value:o=vl.value,type:t=vl.type,placeholder:r=vl.placeholder,autocomplete:l=vl.autocomplete,disabled:s,readOnly:p,...T}=e;return(0,Vd.jsx)("input",{...T,type:t,className:a(e.className,Ei,G(Ei,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:s||void 0,readOnly:p||void 0})};Ho.states=of;Ho.options=tf;Ho.className=Ei;var Br=require("react/jsx-runtime"),Gi="k-input-inner",af=[],rf={},ma=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:s,...p}=e;return(0,Br.jsxs)("span",{...p,className:a(e.className,Gi,G(Gi,e)),children:[l,!l&&s&&(0,Br.jsx)(d,{className:"k-input-value-icon",icon:s}),r&&!o&&t,r&&o&&(0,Br.jsx)("span",{className:"k-input-value-text",children:o})]})};ma.states=af;ma.options=rf;ma.className=Gi;var Xd=require("react/jsx-runtime"),Ii="k-input-inner",lf=[],nf={},Wd={value:"",placeholder:""},Oi=e=>{let{value:o=Wd.value,placeholder:t=Wd.placeholder,rows:r,disabled:l,...s}=e;return(0,Xd.jsx)("textarea",{...s,className:a(e.className,Ii,G(Ii,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};Oi.states=lf;Oi.options=nf;Oi.className=Ii;var zr=require("react/jsx-runtime"),Jd="k-input-loading-icon",sf=[n.disabled,n.loading],yo=e=>{let{disabled:o,loading:t}=e;return o||!t?(0,zr.jsx)(zr.Fragment,{}):(0,zr.jsx)("span",{className:a(e.className,Jd,"k-icon k-i-loading")})};yo.states=sf;yo.className=Jd;var Ur=require("react/jsx-runtime"),qd="k-input-validation-icon",df=[n.valid,n.invalid,n.disabled,n.loading],cf={},bo=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,s=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?(0,Ur.jsx)(Ur.Fragment,{}):(0,Ur.jsx)(d,{className:a(qd),icon:s})};bo.states=df;bo.options=cf;bo.className=qd;var Fr=require("react/jsx-runtime"),pf="k-input-prefix",mf={direction:"horizontal"},Wo=e=>{let{direction:o=mf.direction,...t}=e;return e.children?(0,Fr.jsx)("span",{...t,className:a(pf,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):(0,Fr.jsx)(Fr.Fragment,{})};var $r=require("react/jsx-runtime"),uf="k-input-suffix",bf={direction:"horizontal"},Xo=e=>{let{direction:o=bf.direction,...t}=e;return e.children?(0,$r.jsx)("span",{...t,className:a(uf,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):(0,$r.jsx)($r.Fragment,{})};var Tf=require("react/jsx-runtime");var Yd=require("react/jsx-runtime"),ff="k-input-suffix-text",Hi=e=>{let{children:o,...t}=e;return(0,Yd.jsx)("span",{...t,className:a(ff,e.className),children:o})};var Zd=require("react/jsx-runtime"),Qd="k-input-separator",gf={direction:"vertical"},Jo=e=>{let{direction:o=gf.direction,...t}=e;return(0,Zd.jsx)("span",{...t,className:a(Qd,e.className,{[`${Qd}-${o}`]:o})})};var Ve=require("react/jsx-runtime"),hf=Pe.states,xf=Pe.defaultOptions,kf=Pe.options,Nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wf=[],Ea=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:s,readonly:p,...T}=e,h=o==null?void 0:o.prefix,k=o==null?void 0:o.suffix,w=o==null?void 0:o["clear-button"],M=o==null?void 0:o["validation-icon"],x=o==null?void 0:o.separators;return(0,Ve.jsxs)(Pe,{...T,valid:t,invalid:r,loading:l,disabled:s,readonly:p,style:{width:300},children:[h&&(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Wo,{children:(0,Ve.jsx)(d,{icon:"lock"})}),x&&(0,Ve.jsx)(Jo,{})]}),(0,Ve.jsx)(Ho,{placeholder:"Placeholder",value:"Value"}),M&&(0,Ve.jsx)(bo,{valid:t,invalid:r,loading:l,disabled:s}),(0,Ve.jsx)(yo,{loading:l,disabled:s}),w&&(0,Ve.jsx)(Oo,{loading:l,disabled:s,readonly:p,value:"Value"}),k&&(0,Ve.jsxs)(Ve.Fragment,{children:[x&&(0,Ve.jsx)(Jo,{}),(0,Ve.jsx)(Xo,{children:(0,Ve.jsx)(pa,{size:T.size,fillMode:"clear",children:"Send"})})]})]})};Ea.options=kf;Ea.states=hf;Ea.variants=wf;Ea.defaultOptions=xf;Ea.modifiers=Nf;Ea.className=Pe.className;var Vr=require("react/jsx-runtime"),jd="k-color-preview",vf=[],Cf={},Bt=e=>{let{color:o,iconName:t,...r}=e;return(0,Vr.jsxs)("span",{...r,className:a(e.className,jd,{"k-icon-color-preview":t,"k-no-color":!o}),children:[t&&(0,Vr.jsx)(d,{icon:t,className:"k-color-preview-icon"}),(0,Vr.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:o}})]})};Bt.states=vf;Bt.options=Cf;Bt.className=jd;var Pi="popup",ec=Pi;var Di=require("react/jsx-runtime"),oc="k-animation-container",Lf=[],yf={},_i={positionMode:"absolute",shown:!0},qo=e=>{let{positionMode:o=_i.positionMode,shown:t=_i.shown,animationStyle:r,offset:l,...s}=e;return(0,Di.jsx)("div",{...s,style:{...l,...e.style},className:a(e.className,oc,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:(0,Di.jsx)("div",{className:"k-child-animation-container",style:r,children:e.children})})};qo.states=Lf;qo.options=yf;qo.className=oc;qo.defaultOptions=_i;qo.moduleName=Pi;qo.folderName=ec;var Ki="popup",tc=Ki;var Bi=require("react/jsx-runtime"),ac="k-popup",Mf=[],Sf={},rc={positionMode:"absolute"},de=e=>{let{offset:o,positionMode:t=rc.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:p,...T}=e;return(0,Bi.jsx)(qo,{positionMode:t,offset:o,animationStyle:r,className:l,role:s,"aria-label":p,children:(0,Bi.jsx)("div",{...T,className:a(e.className,ac),children:e.children})})};de.states=Mf;de.options=Sf;de.className=ac;de.defaultOptions=rc;de.moduleName=Ki;de.folderName=tc;de.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var zi="action-buttons",lc=zi;var ic=require("react/jsx-runtime"),Cl="k-actions",Rf=[],Af={},Ui={alignment:"start",orientation:"horizontal"},Yo=e=>{let{alignment:o=Ui.alignment,orientation:t=Ui.orientation,...r}=e;return(0,ic.jsx)("div",{...r,className:a(Cl,{[`${Cl}-${o}`]:o,[`${Cl}-${t}`]:t},e.className),children:e.children})};Yo.states=Rf;Yo.options=Af;Yo.className=Cl;Yo.defaultOptions=Ui;Yo.moduleName=zi;Yo.folderName=lc;var sc=require("react/jsx-runtime"),Ef="k-actionsheet-footer",nc={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:o=nc.alignment,orientation:t=nc.orientation,template:r,as:l=r?"div":Yo,...s}=e;return(0,sc.jsx)(l,{...s,...!r&&{alignment:o,orientation:t},className:a(e.className,Ef),children:e.children})};var Fi="searchbox",dc=Fi;var Ut=require("react/jsx-runtime"),cc="k-searchbox",Gf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],If={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},$i={showIcon:!0,icon:"search"},Po=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:s,hover:p,focus:T,valid:h,invalid:k,required:w,loading:M,disabled:x,showIcon:R=$i.showIcon,icon:A=$i.icon,"aria-label":z,...X}=e;return(0,Ut.jsxs)(Pe,{...X,size:r,rounded:l,fillMode:s,hover:p,focus:T,valid:h,invalid:k,required:w,loading:M,disabled:x,className:a(e.className,cc),children:[R&&(0,Ut.jsx)(d,{className:"k-input-icon",icon:A}),(0,Ut.jsx)(Ho,{placeholder:t,value:o,"aria-label":z}),(0,Ut.jsx)(yo,{...e}),(0,Ut.jsx)(bo,{...e}),(0,Ut.jsx)(Oo,{...e})]})};Po.states=Gf;Po.options=If;Po.className=cc;Po.defaultOptions=$i;Po.moduleName=Fi;Po.folderName=dc;var Of=require("react/jsx-runtime");var Vi="textbox",pc=Vi;var to=require("react/jsx-runtime"),mc="k-textbox",Hf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Pf={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Ll={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Ll.separators,showClearButton:s=Ll.showClearButton,showValidationIcon:p=Ll.showValidationIcon,prefix:T,suffix:h,type:k,value:w,placeholder:M,hover:x,focus:R,valid:A,invalid:z,required:X,loading:Y,disabled:ee,readonly:Se,id:he,"aria-label":po,"aria-describedby":mo,...uo}=e;return(0,to.jsxs)(Pe,{...uo,size:o,rounded:t,fillMode:r,hover:x,focus:R,valid:A,invalid:z,required:X,loading:Y,disabled:ee,readonly:Se,className:a(e.className,mc),children:[T&&(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(Wo,{children:T}),l&&(0,to.jsx)(Jo,{})]}),(0,to.jsx)(Ho,{id:he,placeholder:M,value:w,type:k,disabled:ee,"aria-label":po,"aria-describedby":mo,"aria-invalid":z?"true":void 0}),p&&(0,to.jsx)(bo,{valid:A,invalid:z,loading:Y,disabled:ee}),(0,to.jsx)(yo,{loading:Y,disabled:ee}),s&&(0,to.jsx)(Oo,{loading:Y,disabled:ee,readonly:Se,value:w}),h&&(0,to.jsxs)(to.Fragment,{children:[l&&(0,to.jsx)(Jo,{}),(0,to.jsx)(Xo,{children:h})]})]})};ke.states=Hf;ke.options=Pf;ke.className=mc;ke.defaultOptions=Ll;ke.moduleName=Vi;ke.folderName=pc;ke.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 Wr=ke;var bc=require("react/jsx-runtime"),uc=e=>(0,bc.jsx)(Wr,{...e});var Tc=require("react/jsx-runtime");var fc=require("react/jsx-runtime");var _f=require("react/jsx-runtime");var yl=require("react/jsx-runtime"),Df=ke.states,Kf=ke.defaultOptions,Bf=ke.options,zf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uf=[],Ga=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o!=null&&o[l]?(0,yl.jsx)(d,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o!=null&&o[l]?(0,yl.jsx)(pa,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o==null?void 0:o[l];break;default:break}}),(0,yl.jsx)(uc,{value:"Value",style:{width:300},...t,...r})};Ga.options=Bf;Ga.states=Df;Ga.variants=Uf;Ga.defaultOptions=Kf;Ga.modifiers=zf;Ga.className=ke.className;var _o=require("react/jsx-runtime"),gc="k-actionsheet-titlebar",Ff={},To=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:s,input:p,inputValue:T,inputPlaceholder:h,adaptive:k,titleId:w,children:M,...x}=e;return(0,_o.jsxs)("div",{...x,className:a(e.className,gc),children:[(0,_o.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,_o.jsx)("div",{className:"k-actionsheet-actions",children:r}),!M&&(0,_o.jsxs)("div",{className:"k-actionsheet-title",id:w,children:[o&&(0,_o.jsx)("div",{className:"k-text-center",children:o}),t&&(0,_o.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),M&&(0,_o.jsx)("div",{className:"k-actionsheet-title",id:w,children:M}),l&&(0,_o.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&(0,_o.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,_o.jsx)(ke,{value:T,placeholder:h,size:k?"large":"medium","aria-label":o||h||"Input"}):(0,_o.jsx)(Po,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};To.className=gc;To.defaultOptions=Ff;var Ia=require("react/jsx-runtime"),Wi="k-actionsheet-view",$f=[],Vf={},Wf={},Oa=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:s,titleId:p,...T}=e,h=(l==null?void 0:l.type)===To&&(0,Ia.jsx)(To,{adaptive:o,titleId:p,...l==null?void 0:l.props}),k=(s==null?void 0:s.type)===zt&&(0,Ia.jsx)(zt,{...s==null?void 0:s.props});return(0,Ia.jsxs)("div",{...T,className:a(e.className,Wi,{[`${Wi}-animated`]:t}),children:[h,(0,Ia.jsx)("div",{className:"k-actionsheet-content",children:r}),k]})};Oa.states=$f;Oa.options=Vf;Oa.className=Wi;Oa.defaultOptions=Wf;var Xr="action-sheet",Ml=Xr;var Xi="overlay",hc=Xi;var kc=require("react/jsx-runtime"),xc="k-overlay",Xf=[],Jf={},qf={},Ft=e=>{let{...o}=e;return(0,kc.jsx)("div",{...o,className:a(e.className,xc),children:e.children})};Ft.states=Xf;Ft.options=Jf;Ft.className=xc;Ft.defaultOptions=qf;Ft.moduleName=Xi;Ft.folderName=hc;var ua=require("react/jsx-runtime"),Nc="k-actionsheet",Yf=[],Qf={},Jr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Oe=e=>{let{side:o=Jr.side,fullscreen:t=Jr.fullscreen,adaptive:r=Jr.adaptive,overlay:l=Jr.overlay,template:s,children:p,header:T,footer:h,id:k,...w}=e,M=k&&!s&&T?`${k}-title`:void 0;return(0,ua.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ua.jsx)(Ft,{}),(0,ua.jsx)(qo,{animationStyle:{[`${t===!0?"top":o}`]:0,[`${t===!0?"width":null}`]:"100%",[`${t===!0?"height":null}`]:"100%",[`${o==="top"||o==="bottom"?"width":null}`]:"100%",[`${o==="left"||o==="right"?"height":null}`]:"100%"},children:(0,ua.jsx)("div",{...w,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":M,className:a(e.className,Nc,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:s||(0,ua.jsx)(Oa,{header:T,footer:h,adaptive:r,titleId:M,...e,children:p})})})]})};Oe.states=Yf;Oe.options=Qf;Oe.className=Nc;Oe.defaultOptions=Jr;Oe.moduleName=Xr;Oe.folderName=Ml;Oe.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 vc=require("react/jsx-runtime"),wc="k-actionsheet-container",Zf=[],jf={},eg={},Ha=e=>{let{children:o,...t}=e;return(0,vc.jsx)("div",{...t,className:wc,children:o})};Ha.states=Zf;Ha.options=jf;Ha.className=wc;Ha.defaultOptions=eg;Ha.moduleName=Xr;Ha.folderName=Ml;var Cc=require("react/jsx-runtime"),Ji=e=>{let{...o}=e;return(0,Cc.jsx)("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};var Qo=require("react/jsx-runtime"),qi="k-actionsheet-item",og=[n.hover,n.focus,n.selected,n.disabled],$t=e=>{let{iconName:o,text:t,description:r,hover:l,focus:s,selected:p,disabled:T,...h}=e;return(0,Qo.jsxs)("span",{...h,className:a(e.className,qi,I(qi,{hover:l,focus:s,selected:p,disabled:T})),children:[!e.children&&(0,Qo.jsx)(Qo.Fragment,{children:(0,Qo.jsxs)("span",{className:"k-actionsheet-action",children:[o&&(0,Qo.jsx)("span",{className:"k-icon-wrap",children:(0,Qo.jsx)(d,{className:"k-actionsheet-item-icon",icon:o})}),(0,Qo.jsxs)("span",{className:"k-actionsheet-item-text",children:[t&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-title",children:t}),r&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};$t.states=og;$t.className=qi;var Lc=require("react/jsx-runtime");var tg=require("react/jsx-runtime");var ag=require("react/jsx-runtime");var rg=require("react/jsx-runtime");var Re=require("react/jsx-runtime"),lg=Oe.options,ig=Oe.states,Mc={...Oe.defaultOptions,variant:"normal"},ng=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],sg=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Pa=e=>{let{variant:o,modifiers:t,...r}={...Mc,...e},l={},s=(0,Re.jsxs)(Ji,{children:[(0,Re.jsx)($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Re.jsx)($t,{text:"Add to Favorites",iconName:"heart"}),(0,Re.jsx)($t,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Re.jsx)("hr",{className:"k-hr"}),(0,Re.jsx)($t,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",T="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(h=>{switch(h){case"actions":l.actionsStart=!!(t!=null&&t[h]),l.actionsEnd=!!(t!=null&&t[h]);break;case"subtitle":l.subtitle=t!=null&&t[h]?p:void 0;break;case"footer":l.footer=!!(t!=null&&t[h]);break;default:break}}),o==="adaptive"?(0,Re.jsx)(Oe,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,Re.jsx)(To,{actionsStart:l.actionsStart?(0,Re.jsx)(b,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Re.jsx)(b,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:T,subtitle:l.subtitle}),footer:l.footer?(0,Re.jsxs)(zt,{alignment:"stretched",children:[(0,Re.jsx)(b,{text:"Cancel",size:"large",themeColor:"base"}),(0,Re.jsx)(b,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Re.jsx)(Oe,{...r,fullscreen:l.fullScreen,header:(0,Re.jsx)(To,{actionsStart:l.actionsStart?(0,Re.jsx)(b,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Re.jsx)(b,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Re.jsxs)(zt,{alignment:"stretched",children:[(0,Re.jsx)(b,{text:"Apply",themeColor:"primary"}),(0,Re.jsx)(b,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Pa.options=lg;Pa.states=ig;Pa.variants=ng;Pa.defaultOptions=Mc;Pa.modifiers=sg;Pa.className=Oe.className;var Yi="slider",Sc=Yi;var tt=require("react/jsx-runtime"),qr="k-slider",dg=[n.hover,n.focus,n.active,n.disabled,n.readonly],cg={},Zo={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Le=e=>{let{type:o=Zo.type,orientation:t=Zo.orientation,gradientType:r=Zo.gradientType,readonly:l=Zo.readonly,disabled:s=Zo.disabled,handlePosition:p=Zo.handlePosition,showButtons:T=Zo.showButtons,showTicks:h=Zo.showTicks,value:k=Zo.value,min:w=Zo.min,max:M=Zo.max,startValue:x,endValue:R,hover:A,focus:z,active:X,trackStyle:Y,dir:ee,...Se}=e,po=(()=>{if(o==="gradient"&&r==="2d")return"undefined";if(t==="vertical")return"vertical"})(),mo,uo;return t==="horizontal"?(mo=ee==="rtl"?"chevron-left":"chevron-right",uo=ee==="rtl"?"chevron-right":"chevron-left"):t==="vertical"&&(mo="chevron-up",uo="chevron-down"),(0,tt.jsxs)("div",{...Se,className:a(qr,e.className,I(qr,{readonly:l,disabled:s}),{[`k-slider-${t}`]:t,"k-colorgradient-slider":o==="gradient"}),dir:ee,children:[T&&(0,tt.jsx)(b,{className:"k-button-decrease",rounded:"full",icon:uo,tabIndex:-1,title:"Decrease"}),(0,tt.jsxs)("div",{className:"k-slider-track-wrap",children:[h&&(0,tt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,tt.jsxs)("div",{className:"k-slider-track",style:Y,children:[(0,tt.jsx)("div",{className:"k-slider-selection"}),o==="range"&&(0,tt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",I(qr,{hover:A,focus:z,active:X})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":x??w,"aria-valuemin":w,"aria-valuemax":R??M,"aria-orientation":po,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Se["aria-label"]?`${Se["aria-label"]} start`:"Range start"}),(0,tt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${p}`,I(qr,{hover:A,focus:z,active:X})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":o==="range"?R??M:k,"aria-valuemin":o==="range"?x??w:w,"aria-valuemax":M,"aria-orientation":po,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":o==="range"?Se["aria-label"]?`${Se["aria-label"]} end`:"Range end":Se["aria-label"]})]})]}),T&&(0,tt.jsx)(b,{className:"k-button-increase",rounded:"full",icon:mo,tabIndex:-1,title:"Increase"})]})};Le.states=dg;Le.options=cg;Le.className=qr;Le.defaultOptions=Zo;Le.moduleName=Yi;Le.folderName=Sc;Le.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Qi=require("react/jsx-runtime"),Rc="k-tick",pg=[],mg={},Ac={label:!1},Q=e=>{let{style:o,label:t=Ac.label,orientation:r,large:l,text:s,...p}=e;return(0,Qi.jsx)("li",{...p,role:"presentation",title:s||"Tick",className:a(e.className,Rc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:o,children:t&&(0,Qi.jsx)("span",{className:"k-label",children:s})})};Q.states=pg;Q.options=mg;Q.className=Rc;Q.defaultOptions=Ac;var Xe=require("react/jsx-runtime"),Ec=e=>(0,Xe.jsx)(Le,{"aria-label":e["aria-label"]||"Slider",children:(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{}),(0,Xe.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Je=require("react/jsx-runtime"),Gc=e=>(0,Je.jsx)(Le,{children:(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{}),(0,Je.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var Ic=require("react/jsx-runtime"),en=e=>(0,Ic.jsx)(Le,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Oc=require("react/jsx-runtime"),on=e=>(0,Oc.jsx)(Le,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var tn=require("react/jsx-runtime");var an=require("react/jsx-runtime");var Mo=require("react/jsx-runtime"),ug=Le.options,bg=Le.states,Hc={...Le.defaultOptions,variant:"horizontal",label:!0},Tg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fg=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],_a=e=>{let{variant:o,modifiers:t,...r}=e,l=Hc.label,s={};Object.keys(t||{}).forEach(T=>{switch(T){case"button":{s.showButtons=!!(t!=null&&t[T]);break}case"label":{l=!!(t!=null&&t[T]);break}case"tick":{s.showTicks=!!(t!=null&&t[T]);break}}});let p={"--kendo-slider-start":0,"--kendo-slider-end":60};return o==="vertical"?(0,Mo.jsxs)(Gc,{style:{height:"300px",...p},...r,...s,children:[(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Mo.jsxs)(Ec,{style:{width:"400px",...p},...r,...s,children:[(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Mo.jsx)(Q,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};_a.options=ug;_a.states=bg;_a.variants=Tg;_a.defaultOptions=Hc;_a.modifiers=fg;_a.className=Le.className;var Yr=require("react/jsx-runtime"),Pc="k-spin-button",xg=[],kg={size:[c.undefined,c.small,c.medium,c.large],fillMode:[C.undefined,C.solid,C.flat,C.outline,C.clear,C.link]},rn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Vt=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=rn.increaseLabel,decreaseLabel:s=rn.decreaseLabel,...p}=e;return(0,Yr.jsxs)("span",{...p,className:a(Pc,e.className),children:[(0,Yr.jsx)(b,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),(0,Yr.jsx)(b,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":s})]})};Vt.states=xg;Vt.options=kg;Vt.className=Pc;Vt.defaultOptions=rn;Vt.moduleName=null;Vt.folderName=null;var _c="numeric-textbox",Dc="numerictextbox";var qe=require("react/jsx-runtime"),Kc="k-numerictextbox",Ng=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],wg={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[C.undefined,C.solid,C.flat,C.outline]},Sl={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Sl.separators,showClearButton:s=Sl.showClearButton,showSpinButton:p=Sl.showSpinButton,prefix:T,suffix:h,value:k,placeholder:w,hover:M,focus:x,valid:R,invalid:A,required:z,loading:X,disabled:Y,readonly:ee,id:Se,"aria-label":he,"aria-describedby":po,...mo}=e;return(0,qe.jsxs)(Pe,{...mo,size:o,rounded:t,fillMode:r,hover:M,focus:x,valid:R,invalid:A,required:z,loading:X,disabled:Y,readonly:ee,className:a(e.className,Kc),children:[T&&(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.jsx)(Wo,{children:T}),l&&(0,qe.jsx)(Jo,{})]}),(0,qe.jsx)(Ho,{id:Se,placeholder:w,value:k,role:"spinbutton",disabled:Y,"aria-label":he,"aria-describedby":po,"aria-invalid":A?"true":void 0}),(0,qe.jsx)(bo,{valid:R,invalid:A,loading:X,disabled:Y}),(0,qe.jsx)(yo,{loading:X,disabled:Y}),s&&(0,qe.jsx)(Oo,{loading:X,disabled:Y,readonly:ee,value:k}),h&&(0,qe.jsxs)(qe.Fragment,{children:[l&&(0,qe.jsx)(Jo,{}),(0,qe.jsx)(Xo,{children:h})]}),p&&(0,qe.jsx)(Vt,{className:"k-input-spinner",size:o,fillMode:r,disabled:Y})]})};ae.states=Ng;ae.options=wg;ae.className=Kc;ae.defaultOptions=Sl;ae.moduleName=_c;ae.folderName=Dc;ae.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Qr=ae;var zc=require("react/jsx-runtime"),Bc=e=>(0,zc.jsx)(Qr,{...e});var Al=Ld(require("react"));var ln=require("react/jsx-runtime"),vg="k-list-group-sticky-header",nn=e=>(0,ln.jsx)("div",{className:a(vg,e.className),children:(0,ln.jsx)("div",{className:"k-list-header-text",children:e.children})});var Uc=require("react/jsx-runtime"),Cg="k-no-data",Rl=e=>{let{live:o,...t}=e;return(0,Uc.jsx)("span",{...t,className:a(Cg,e.className),"aria-live":o?"polite":void 0,children:e.children})};var ba="list",Da=ba;var Ka=require("react/jsx-runtime"),sn="k-list",Lg=[],yg={size:[c.undefined,c.small,c.medium,c.large]},Mg={},ne=e=>{var A;let{size:o,virtualization:t,children:r,header:l,selectAll:s,optionLabel:p,customValue:T,noData:h,screenReaders:k,...w}=e,x=Al.default.Children.toArray(r)[0],R=(A=x==null?void 0:x.props)!=null&&A.children?Al.default.Children.count(x.props.children):Al.default.Children.count(r);return(0,Ka.jsxs)("div",{...w,className:a(e.className,sn,G(sn,{size:o}),{"k-virtual-list":t}),children:[p,s,T,l&&(0,Ka.jsx)(nn,{children:l}),r||(h!==void 0?h:(0,Ka.jsx)(Rl,{live:!0,children:"No data found."})),k&&r&&(0,Ka.jsxs)(Rl,{className:"k-sr-only",live:!0,children:[R," items found."]})]})};ne.states=Lg;ne.options=yg;ne.className=sn;ne.defaultOptions=Mg;ne.moduleName=ba;ne.folderName=Da;ne.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $c=require("react/jsx-runtime"),Fc="k-list-container",Sg=[],Rg={},Ag={},Ba=e=>{let{...o}=e;return(0,$c.jsx)("div",{...o,className:a(e.className,Fc),children:e.children})};Ba.states=Sg;Ba.options=Rg;Ba.className=Fc;Ba.defaultOptions=Ag;Ba.moduleName=ba;Ba.folderName=Da;var Ta="checkbox",za=Ta;var dn=require("react/jsx-runtime"),El="k-checkbox",Eg=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Gg={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Ig={},ye=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:s,disabled:p,invalid:T,valid:h,required:k,size:w,rounded:M,wrapperRole:x,...R}=e;return(0,dn.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,dn.jsx)("input",{...R,id:o,type:"checkbox",defaultChecked:t,required:k,disabled:p||void 0,"aria-invalid":T?"true":void 0,className:a(e.className,El,G(El,{size:w,rounded:M}),I(El,{hover:l,focus:s,disabled:p,invalid:T,valid:h,indeterminate:r,checked:t}))})})};ye.states=Eg;ye.options=Gg;ye.className=El;ye.defaultOptions=Ig;ye.moduleName=Ta;ye.folderName=za;ye.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role o