@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 130 kB
JavaScript
var Pl=Object.create;var ra=Object.defineProperty;var wl=Object.getOwnPropertyDescriptor;var Bl=Object.getOwnPropertyNames;var Rl=Object.getPrototypeOf,Kl=Object.prototype.hasOwnProperty;var _l=(e,t)=>{for(var o in t)ra(e,o,{get:t[o],enumerable:!0})},yr=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Bl(t))!Kl.call(e,n)&&n!==o&&ra(e,n,{get:()=>t[n],enumerable:!(a=wl(t,n))||a.enumerable});return e};var Tr=(e,t,o)=>(o=e!=null?Pl(Rl(e)):{},yr(t||!e||!e.__esModule?ra(o,"default",{value:e,enumerable:!0}):o,e)),Dl=e=>yr(ra({},"__esModule",{value:!0}),e);var lf={};_l(lf,{DOCKMANAGER_CLASSNAME:()=>Ir,DockManager:()=>vt,default:()=>sf});module.exports=Dl(lf);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 y=(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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:p,selected:m,disabled:h,indeterminate:x,loading:N,empty:u,readonly:L,highlighted:k,...M}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":m,"k-disabled":h,"k-indeterminate":x&&!l,"k-loading":N,"k-empty":u,"k-readonly":L,"k-highlighted":k},Object.keys(M).reduce((C,I)=>(I.startsWith("k-")?C[I]=M[I]:C[`k-${I}`]=M[I],C),{}))};function Er(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={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"},ot={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ha={};function _(e){return Ha[e]=(Ha[e]||0)+1,`k-${e}-${Ha[e]}`}var Ar=require("react/jsx-runtime"),Rt="k-pane",Hl=[],zl={},za={resizable:!0,flex:!1},Se=e=>{let{scrollable:t,flexBasis:o,flex:a=za.flex,collapsible:n,resizable:s=za.resizable,pinned:l,unpinned:p,tabbed:m,...h}=e;return(0,Ar.jsx)("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,Rt,{[`${Rt}-static`]:o,[`${Rt}-flex`]:a,"k-scrollable":t,[`${Rt}-pinned`]:l,[`${Rt}-unpinned`]:p,[`${Rt}-tabbed`]:m}),role:"group",children:e.children})};Se.states=Hl;Se.options=zl;Se.className=Rt;Se.defaultOptions=za;var Ko=require("react/jsx-runtime"),Ua="k-font-icon",Ul=[],Gl={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Fl={},_o=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?(0,Ko.jsx)("span",{...l,className:r(e.className,Ua,y(Ua,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Ko.jsx)(Ko.Fragment,{})};_o.states=Ul;_o.options=Gl;_o.className=Ua;_o.defaultOptions=Fl;var Or=_o;var Kt=require("react/jsx-runtime"),Ga="k-svg-icon",$l=[],Vl={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[ot.outline,ot.solid,ot.duotone]},Fa={viewBox:"0 0 24 24",variant:ot.outline},Do=e=>{var N,u;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Fa.viewBox,variant:l=Fa.variant,icon:p,...m}=e;if(!p)return(0,Kt.jsx)(Kt.Fragment,{});if(p==="none")return(0,Kt.jsx)("span",{...m,className:r(e.className,Ga,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof p=="object"&&p.name&&p.name,x=typeof p=="object"?l&&((N=p.variants)==null?void 0:N[l])||((u=p.variants)==null?void 0:u.outline)||p.content:void 0;return(0,Kt.jsx)("span",{...m,className:r(e.className,Ga,y("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,Kt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:p?void 0:e.children})})};Do.states=$l;Do.options=Vl;Do.className=Ga;Do.defaultOptions=Fa;var $a=Do;var Va=Tr(require("@progress/kendo-svg-icons"));var Pr="icon",wr="icons";var Kr=require("react");var Br=require("react"),Rr=(0,Br.createContext)({iconsType:"svg"});var ct=require("react/jsx-runtime"),ia="k-icon",Xl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jl=[],ql={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[ot.outline,ot.solid,ot.duotone]},sa={viewBox:"0 0 24 24",type:"svg",variant:ot.outline},S=e=>{let{iconsType:t}=(0,Kr.useContext)(Rr),{size:o,themeColor:a,icon:n,type:s=t||sa.type,rotate:l,flip:p,viewBox:m=sa.viewBox,variant:h=sa.variant,...x}=e;if(!n)return(0,ct.jsx)(ct.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,ct.jsx)($a,{...x,className:r(e.className,ia),icon:n,size:o,variant:h});let u=Va[n]?n:Xl(`${n}-icon`);return Va[u]?(0,ct.jsx)($a,{...x,className:r(e.className,ia),icon:Va[u],size:o,themeColor:a,rotate:l,flip:p,viewBox:m,variant:h}):(0,ct.jsx)(ct.Fragment,{})}return(0,ct.jsx)(Or,{...x,className:r(e.className,ia),icon:n,size:o,themeColor:a,rotate:l,flip:p})};S.states=Jl;S.options=ql;S.defaultOptions=sa;S.className=ia;S.moduleName=Pr;S.folderName=wr;S.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 Re=require("react/jsx-runtime"),Jt="k-splitbar",Wl=[i.hover,i.focus],Yl={},Xa={orientation:"horizontal",draggable:!0},Lt=e=>{let{hover:t,focus:o,orientation:a=Xa.orientation,draggable:n=Xa.draggable,collapsePrev:s,collapseNext:l,ariaLabel:p,...m}=e;return(0,Re.jsxs)("div",{...m,className:r(e.className,Jt,T(Jt,{hover:t,focus:o}),{[`${Jt}-${a}`]:a,[`${Jt}-draggable-${a}`]:n,[`${Jt}-static-${a}`]:!n&&!s&&!l}),role:"separator","aria-label":p,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&(0,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)("div",{className:"k-collapse-prev",children:(0,Re.jsx)(S,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Re.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),l&&(0,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)("div",{className:"k-collapse-next",children:(0,Re.jsx)(S,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Lt.states=Wl;Lt.options=Yl;Lt.className=Jt;Lt.defaultOptions=Xa;var Ja="splitter",_r=Ja;var la=require("react/jsx-runtime"),Hr=require("react"),qa="k-splitter",Ql={},Dr={orientation:"horizontal"},Me=e=>{let{orientation:t=Dr.orientation,children:o,panes:a,...n}=e,s=[];return a&&a.forEach((l,p)=>{let m=a[p+1],h=l.props,x=m==null?void 0:m.props;s.push((0,Hr.createElement)(Se,{...h,key:p})),m&&s.push((0,la.jsx)(Lt,{draggable:h.resizable!==!1&&x.resizable!==!1,collapsePrev:h.collapsible,collapseNext:x.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),(0,la.jsxs)("div",{...n,className:r(e.className,qa,{[`${qa}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};Me.options=Ql;Me.className=qa;Me.defaultOptions=Dr;Me.moduleName=Ja;Me.folderName=_r;Me.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var _t=require("react/jsx-runtime"),Ho=require("react"),Zl=Me.options,jl=Me.states,Gr={...Me.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},ed=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],td=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],qt=e=>{let{variant:t,modifiers:o,...a}={...Gr,...e},n=m=>({collapsible:m,content:m?"Resizable and collapsible":"Resizable only"}),s=n(!0),l=n(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(m=>{let h=o==null?void 0:o[m];switch(m){case"secondPaneProps":l=n(!!h);break;case"firstPaneProps":s=n(!!h);break;default:break}}),t==="vertical"?(0,_t.jsx)(Me,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Ho.createElement)(Se,{...s,flexBasis:"50%",style:p,key:"pane-1"},(0,_t.jsx)("p",{children:s.content})),(0,Ho.createElement)(Se,{...l,flexBasis:"50%",style:p,key:"pane-2"},(0,_t.jsx)("p",{children:l.content}))]}):(0,_t.jsx)(Me,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Ho.createElement)(Se,{...s,flexBasis:"50%",style:p,key:"pane-1"},(0,_t.jsx)("p",{children:s.content})),(0,Ho.createElement)(Se,{...l,flexBasis:"50%",style:p,key:"pane-2"},(0,_t.jsx)("p",{children:l.content}))]})};qt.options=Zl;qt.states=jl;qt.variants=ed;qt.defaultOptions=Gr;qt.modifiers=td;qt.className=Me.className;var Wa="button",Fr=Wa;var Ke=require("react/jsx-runtime"),zo="k-button",od=["icon-button"],ad=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],nd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Ya={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=Ya.showArrow,arrowIconName:p=Ya.arrowIconName,variant:m,hover:h,focus:x,active:N,selected:u,disabled:L,togglable:k,ariaDisabled:M,icon:C,iconSize:I,text:w,iconClassName:Y,className:ue,...ve}=e,ge=C!=null,Le=e.children!==void 0;return(0,Ke.jsxs)(t,{className:r(ue,zo,Er(zo,m),y(zo,{size:o,rounded:a,fillMode:n,themeColor:s}),T(zo,{hover:h,focus:x,active:N,disabled:L||M,selected:u}),{"k-icon-button":!w&&!Le&&ge}),"aria-pressed":k?u?"true":"false":void 0,...ve,"aria-disabled":M?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,Ke.jsx)(S,{className:r(Y,"k-button-icon"),icon:C,size:I}),C&&typeof C!="string"&&(0,Ke.jsx)(Ke.Fragment,{children:C}),w?(0,Ke.jsxs)(Ke.Fragment,{children:[w&&(0,Ke.jsx)("span",{className:"k-button-text",children:w}),e.children]}):e.children&&(0,Ke.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,Ke.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ke.jsx)(S,{icon:p})})]})};c.states=ad;c.options=nd;c.variants=od;c.className=zo;c.defaultOptions=Ya;c.moduleName=Wa;c.folderName=Fr;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var $r=require("react/jsx-runtime"),St=e=>(0,$r.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Vr=require("react/jsx-runtime"),Uo=e=>(0,Vr.jsx)(c,{icon:"folder",children:"Button",...e});var Xr=require("react/jsx-runtime"),Dt=e=>(0,Xr.jsx)(c,{children:"Button",...e});var da=require("react/jsx-runtime"),rd=c.options,id=c.states,sd={...c.defaultOptions,variant:"text"},ld=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dd=[],Wt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,da.jsx)(St,{...o,icon:"star"});case"icon-and-text":return(0,da.jsx)(Uo,{...o,icon:"star",children:"Button"});default:return(0,da.jsx)(Dt,{...o,children:"Button"})}};Wt.options=rd;Wt.states=id;Wt.variants=ld;Wt.defaultOptions=sd;Wt.modifiers=dd;Wt.className=c.className;var Qa="button",Jr=Qa;var qr=require("react/jsx-runtime"),Go="k-button-group",cd=[i.disabled],pd={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},ud={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,qr.jsx)("div",{role:"group",...n,className:r(e.className,Go,y(Go,{fillMode:t}),T(Go,{disabled:o}),{[`${Go}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=cd;O.options=pd;O.className=Go;O.defaultOptions=ud;O.moduleName=Qa;O.folderName=Jr;O.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 Za=require("react/jsx-runtime");var ja=require("react/jsx-runtime");var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),md={...c.options,...O.options},fd=c.states,bd={...c.defaultOptions,...O.defaultOptions,variant:"text-button"},hd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],xd=[],Yt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ae.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ae.jsx)(c,{...a,icon:"star"}),(0,Ae.jsx)(c,{...a,icon:"star"}),(0,Ae.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ae.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ae.jsx)(c,{...a,icon:"star",children:"First"}),(0,Ae.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,Ae.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,Ae.jsxs)(O,{fillMode:a.fillMode,className:o,children:[(0,Ae.jsx)(c,{...a,children:"First"}),(0,Ae.jsx)(c,{...a,children:"Middle"}),(0,Ae.jsx)(c,{...a,children:"Last"})]})};Yt.options=md;Yt.states=fd;Yt.variants=hd;Yt.defaultOptions=bd;Yt.modifiers=xd;Yt.className=O.className;var Fo="input",ca=Fo;var Wr=require("react/jsx-runtime"),pa="k-input",Nd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},vd={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:p,size:m,rounded:h,fillMode:x,...N}=e;return(0,Wr.jsx)("span",{...N,className:r(e.className,pa,y(pa,{size:m,rounded:h,fillMode:x}),T(pa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:p}))})};Q.states=Nd;Q.options=kd;Q.className=pa;Q.defaultOptions=vd;Q.moduleName=Fo;Q.folderName=ca;var Yr=require("react/jsx-runtime"),ua="k-picker",gd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ld={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Sd={},at=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:p,size:m,rounded:h,fillMode:x,...N}=e;return(0,Yr.jsx)("span",{...N,className:r(e.className,ua,y(ua,{size:m,rounded:h,fillMode:x}),T(ua,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:p})),children:e.children})};at.states=gd;at.options=Ld;at.className=ua;at.defaultOptions=Sd;at.moduleName=Fo;at.folderName=ca;var Qt=require("react/jsx-runtime"),Qr="k-clear-value",Md=[i.disabled,i.loading,i.readonly],Id={},_e=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Qt.jsx)(Qt.Fragment,{}):(0,Qt.jsx)("span",{className:r(e.className,Qr),children:(0,Qt.jsx)(S,{icon:"x"})})};_e.states=Md;_e.options=Id;_e.className=Qr;var Zr=require("react/jsx-runtime"),nn="k-input-inner",Cd=[],yd={},ma={type:"text",autocomplete:"off",value:"",placeholder:""},De=e=>{let{value:t=ma.value,type:o=ma.type,placeholder:a=ma.placeholder,autocomplete:n=ma.autocomplete,disabled:s,readOnly:l,...p}=e;return(0,Zr.jsx)("input",{...p,type:o,className:r(e.className,nn,y(nn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};De.states=Cd;De.options=yd;De.className=nn;var $o=require("react/jsx-runtime"),rn="k-input-inner",Td=[],Ed={},Ht=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return(0,$o.jsxs)("span",{...l,className:r(e.className,rn,y(rn,e)),children:[n,!n&&s&&(0,$o.jsx)(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,$o.jsx)("span",{className:"k-input-value-text",children:t})]})};Ht.states=Td;Ht.options=Ed;Ht.className=rn;var ei=require("react/jsx-runtime"),sn="k-input-inner",Ad=[],Od={},jr={value:"",placeholder:""},ln=e=>{let{value:t=jr.value,placeholder:o=jr.placeholder,rows:a,disabled:n,...s}=e;return(0,ei.jsx)("textarea",{...s,className:r(e.className,sn,y(sn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ln.states=Ad;ln.options=Od;ln.className=sn;var Vo=require("react/jsx-runtime"),ti="k-input-loading-icon",Pd=[i.disabled,i.loading],Oe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Vo.jsx)(Vo.Fragment,{}):(0,Vo.jsx)("span",{className:r(e.className,ti,"k-icon k-i-loading")})};Oe.states=Pd;Oe.className=ti;var Xo=require("react/jsx-runtime"),oi="k-input-validation-icon",wd=[i.valid,i.invalid,i.disabled,i.loading],Bd={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Xo.jsx)(Xo.Fragment,{}):(0,Xo.jsx)(S,{className:r(oi),icon:s})};Ie.states=wd;Ie.options=Bd;Ie.className=oi;var Jo=require("react/jsx-runtime"),Rd="k-input-prefix",Kd={direction:"horizontal"},Fe=e=>{let{direction:t=Kd.direction,...o}=e;return e.children?(0,Jo.jsx)("span",{...o,className:r(Rd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Jo.jsx)(Jo.Fragment,{})};var qo=require("react/jsx-runtime"),_d="k-input-suffix",Dd={direction:"horizontal"},$e=e=>{let{direction:t=Dd.direction,...o}=e;return e.children?(0,qo.jsx)("span",{...o,className:r(_d,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,qo.jsx)(qo.Fragment,{})};var Hd=require("react/jsx-runtime");var ai=require("react/jsx-runtime"),zd="k-input-suffix-text",dn=e=>{let{children:t,...o}=e;return(0,ai.jsx)("span",{...o,className:r(zd,e.className),children:t})};var ri=require("react/jsx-runtime"),ni="k-input-separator",Ud={direction:"vertical"},Ve=e=>{let{direction:t=Ud.direction,...o}=e;return(0,ri.jsx)("span",{...o,className:r(ni,e.className,{[`${ni}-${t}`]:t})})};var oe=require("react/jsx-runtime"),Gd=Q.states,Fd=Q.defaultOptions,$d=Q.options,Vd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Xd=[],Zt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...p}=e,m=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,oe.jsxs)(Q,{...p,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[m&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)(Fe,{children:(0,oe.jsx)(S,{icon:"lock"})}),u&&(0,oe.jsx)(Ve,{})]}),(0,oe.jsx)(De,{placeholder:"Placeholder",value:"Value"}),N&&(0,oe.jsx)(Ie,{valid:o,invalid:a,loading:n,disabled:s}),(0,oe.jsx)(Oe,{loading:n,disabled:s}),x&&(0,oe.jsx)(_e,{loading:n,disabled:s,readonly:l,value:"Value"}),h&&(0,oe.jsxs)(oe.Fragment,{children:[u&&(0,oe.jsx)(Ve,{}),(0,oe.jsx)($e,{children:(0,oe.jsx)(Dt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Zt.options=$d;Zt.states=Gd;Zt.variants=Xd;Zt.defaultOptions=Fd;Zt.modifiers=Vd;Zt.className=Q.className;var Wo=require("react/jsx-runtime"),ii="k-color-preview",Jd=[],qd={},Mt=e=>{let{color:t,iconName:o,...a}=e;return(0,Wo.jsxs)("span",{...a,className:r(e.className,ii,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Wo.jsx)(S,{icon:o,className:"k-color-preview-icon"}),(0,Wo.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mt.states=Jd;Mt.options=qd;Mt.className=ii;var cn="popup",si=cn;var un=require("react/jsx-runtime"),li="k-animation-container",Wd=[],Yd={},pn={positionMode:"absolute",shown:!0},nt=e=>{let{positionMode:t=pn.positionMode,shown:o=pn.shown,animationStyle:a,offset:n,...s}=e;return(0,un.jsx)("div",{...s,style:{...n,...e.style},className:r(e.className,li,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,un.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};nt.states=Wd;nt.options=Yd;nt.className=li;nt.defaultOptions=pn;nt.moduleName=cn;nt.folderName=si;var mn="popup",di=mn;var fn=require("react/jsx-runtime"),ci="k-popup",Qd=[],Zd={},pi={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=pi.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...p}=e;return(0,fn.jsx)(nt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:(0,fn.jsx)("div",{...p,className:r(e.className,ci),children:e.children})})};F.states=Qd;F.options=Zd;F.className=ci;F.defaultOptions=pi;F.moduleName=mn;F.folderName=di;F.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 bn="action-buttons",ui=bn;var mi=require("react/jsx-runtime"),fa="k-actions",jd=[],ec={},hn={alignment:"start",orientation:"horizontal"},rt=e=>{let{alignment:t=hn.alignment,orientation:o=hn.orientation,...a}=e;return(0,mi.jsx)("div",{...a,className:r(fa,{[`${fa}-${t}`]:t,[`${fa}-${o}`]:o},e.className),children:e.children})};rt.states=jd;rt.options=ec;rt.className=fa;rt.defaultOptions=hn;rt.moduleName=bn;rt.folderName=ui;var bi=require("react/jsx-runtime"),tc="k-actionsheet-footer",fi={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=fi.alignment,orientation:o=fi.orientation,template:a,as:n=a?"div":rt,...s}=e;return(0,bi.jsx)(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,tc),children:e.children})};var xn="searchbox",hi=xn;var Ct=require("react/jsx-runtime"),xi="k-searchbox",oc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ac={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Nn={showIcon:!0,icon:"search"},Xe=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:p,valid:m,invalid:h,required:x,loading:N,disabled:u,showIcon:L=Nn.showIcon,icon:k=Nn.icon,"aria-label":M,...C}=e;return(0,Ct.jsxs)(Q,{...C,size:a,rounded:n,fillMode:s,hover:l,focus:p,valid:m,invalid:h,required:x,loading:N,disabled:u,className:r(e.className,xi),children:[L&&(0,Ct.jsx)(S,{className:"k-input-icon",icon:k}),(0,Ct.jsx)(De,{placeholder:o,value:t,"aria-label":M}),(0,Ct.jsx)(Oe,{...e}),(0,Ct.jsx)(Ie,{...e}),(0,Ct.jsx)(_e,{...e})]})};Xe.states=oc;Xe.options=ac;Xe.className=xi;Xe.defaultOptions=Nn;Xe.moduleName=xn;Xe.folderName=hi;var nc=require("react/jsx-runtime");var kn="textbox",Ni=kn;var me=require("react/jsx-runtime"),ki="k-textbox",rc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ic={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ba={showClearButton:!0,showValidationIcon:!0,separators:!0},re=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ba.separators,showClearButton:s=ba.showClearButton,showValidationIcon:l=ba.showValidationIcon,prefix:p,suffix:m,type:h,value:x,placeholder:N,hover:u,focus:L,valid:k,invalid:M,required:C,loading:I,disabled:w,readonly:Y,id:ue,"aria-label":ve,"aria-describedby":ge,...Le}=e;return(0,me.jsxs)(Q,{...Le,size:t,rounded:o,fillMode:a,hover:u,focus:L,valid:k,invalid:M,required:C,loading:I,disabled:w,readonly:Y,className:r(e.className,ki),children:[p&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(Fe,{children:p}),n&&(0,me.jsx)(Ve,{})]}),(0,me.jsx)(De,{id:ue,placeholder:N,value:x,type:h,disabled:w,"aria-label":ve,"aria-describedby":ge,"aria-invalid":M?"true":void 0}),l&&(0,me.jsx)(Ie,{valid:k,invalid:M,loading:I,disabled:w}),(0,me.jsx)(Oe,{loading:I,disabled:w}),s&&(0,me.jsx)(_e,{loading:I,disabled:w,readonly:Y,value:x}),m&&(0,me.jsxs)(me.Fragment,{children:[n&&(0,me.jsx)(Ve,{}),(0,me.jsx)($e,{children:m})]})]})};re.states=rc;re.options=ic;re.className=ki;re.defaultOptions=ba;re.moduleName=kn;re.folderName=Ni;re.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 Yo=re;var gi=require("react/jsx-runtime"),vi=e=>(0,gi.jsx)(Yo,{...e});var Li=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var ha=require("react/jsx-runtime"),lc=re.states,dc=re.defaultOptions,cc=re.options,pc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],uc=[],jt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,ha.jsx)(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,ha.jsx)(Dt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,ha.jsx)(vi,{value:"Value",style:{width:300},...o,...a})};jt.options=cc;jt.states=lc;jt.variants=uc;jt.defaultOptions=dc;jt.modifiers=pc;jt.className=re.className;var He=require("react/jsx-runtime"),Mi="k-actionsheet-titlebar",mc={},Ce=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:p,inputPlaceholder:m,adaptive:h,titleId:x,children:N,...u}=e;return(0,He.jsxs)("div",{...u,className:r(e.className,Mi),children:[(0,He.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,He.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,He.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,He.jsx)("div",{className:"k-text-center",children:t}),o&&(0,He.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,He.jsx)("div",{className:"k-actionsheet-title",id:x,children:N}),n&&(0,He.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l||s)&&(0,He.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,He.jsx)(re,{value:p,placeholder:m,size:h?"large":"medium","aria-label":t||m||"Input"}):(0,He.jsx)(Xe,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ce.className=Mi;Ce.defaultOptions=mc;var eo=require("react/jsx-runtime"),vn="k-actionsheet-view",fc=[],bc={},hc={},to=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...p}=e,m=(n==null?void 0:n.type)===Ce&&(0,eo.jsx)(Ce,{adaptive:t,titleId:l,...n==null?void 0:n.props}),h=(s==null?void 0:s.type)===It&&(0,eo.jsx)(It,{...s==null?void 0:s.props});return(0,eo.jsxs)("div",{...p,className:r(e.className,vn,{[`${vn}-animated`]:o}),children:[m,(0,eo.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};to.states=fc;to.options=bc;to.className=vn;to.defaultOptions=hc;var Qo="action-sheet",xa=Qo;var gn="overlay",Ii=gn;var yi=require("react/jsx-runtime"),Ci="k-overlay",xc=[],Nc={},kc={},yt=e=>{let{...t}=e;return(0,yi.jsx)("div",{...t,className:r(e.className,Ci),children:e.children})};yt.states=xc;yt.options=Nc;yt.className=Ci;yt.defaultOptions=kc;yt.moduleName=gn;yt.folderName=Ii;var zt=require("react/jsx-runtime"),Ti="k-actionsheet",vc=[],gc={},Zo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},q=e=>{let{side:t=Zo.side,fullscreen:o=Zo.fullscreen,adaptive:a=Zo.adaptive,overlay:n=Zo.overlay,template:s,children:l,header:p,footer:m,id:h,...x}=e,N=h&&!s&&p?`${h}-title`:void 0;return(0,zt.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,zt.jsx)(yt,{}),(0,zt.jsx)(nt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,zt.jsx)("div",{...x,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,Ti,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,zt.jsx)(to,{header:p,footer:m,adaptive:a,titleId:N,...e,children:l})})})]})};q.states=vc;q.options=gc;q.className=Ti;q.defaultOptions=Zo;q.moduleName=Qo;q.folderName=xa;q.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 Ai=require("react/jsx-runtime"),Ei="k-actionsheet-container",Lc=[],Sc={},Mc={},oo=e=>{let{children:t,...o}=e;return(0,Ai.jsx)("div",{...o,className:Ei,children:t})};oo.states=Lc;oo.options=Sc;oo.className=Ei;oo.defaultOptions=Mc;oo.moduleName=Qo;oo.folderName=xa;var Oi=require("react/jsx-runtime"),Ln=e=>{let{...t}=e;return(0,Oi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Je=require("react/jsx-runtime"),Sn="k-actionsheet-item",Ic=[i.hover,i.focus,i.selected,i.disabled],Tt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:p,...m}=e;return(0,Je.jsxs)("span",{...m,className:r(e.className,Sn,T(Sn,{hover:n,focus:s,selected:l,disabled:p})),children:[!e.children&&(0,Je.jsx)(Je.Fragment,{children:(0,Je.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Je.jsx)("span",{className:"k-icon-wrap",children:(0,Je.jsx)(S,{className:"k-actionsheet-item-icon",icon:t})}),(0,Je.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Je.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Je.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Tt.states=Ic;Tt.className=Sn;var Pi=require("react/jsx-runtime");var Cc=require("react/jsx-runtime");var yc=require("react/jsx-runtime");var Tc=require("react/jsx-runtime");var $=require("react/jsx-runtime"),Ec=q.options,Ac=q.states,Bi={...q.defaultOptions,variant:"normal"},Oc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Pc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ao=e=>{let{variant:t,modifiers:o,...a}={...Bi,...e},n={},s=(0,$.jsxs)(Ln,{children:[(0,$.jsx)(Tt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,$.jsx)(Tt,{text:"Add to Favorites",iconName:"heart"}),(0,$.jsx)(Tt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,$.jsx)("hr",{className:"k-hr"}),(0,$.jsx)(Tt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":n.actionsStart=!!(o!=null&&o[m]),n.actionsEnd=!!(o!=null&&o[m]);break;case"subtitle":n.subtitle=o!=null&&o[m]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[m]);break;default:break}}),t==="adaptive"?(0,$.jsx)(q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,$.jsx)(Ce,{actionsStart:n.actionsStart?(0,$.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,$.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:n.subtitle}),footer:n.footer?(0,$.jsxs)(It,{alignment:"stretched",children:[(0,$.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,$.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,$.jsx)(q,{...a,fullscreen:n.fullScreen,header:(0,$.jsx)(Ce,{actionsStart:n.actionsStart?(0,$.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,$.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,$.jsxs)(It,{alignment:"stretched",children:[(0,$.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,$.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ao.options=Ec;ao.states=Ac;ao.variants=Oc;ao.defaultOptions=Bi;ao.modifiers=Pc;ao.className=q.className;var Mn="slider",Ri=Mn;var Qe=require("react/jsx-runtime"),jo="k-slider",wc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Bc={},qe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=e=>{let{type:t=qe.type,orientation:o=qe.orientation,gradientType:a=qe.gradientType,readonly:n=qe.readonly,disabled:s=qe.disabled,handlePosition:l=qe.handlePosition,showButtons:p=qe.showButtons,showTicks:m=qe.showTicks,value:h=qe.value,min:x=qe.min,max:N=qe.max,startValue:u,endValue:L,hover:k,focus:M,active:C,trackStyle:I,dir:w,...Y}=e,ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ge,Le;return o==="horizontal"?(ge=w==="rtl"?"chevron-left":"chevron-right",Le=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ge="chevron-up",Le="chevron-down"),(0,Qe.jsxs)("div",{...Y,className:r(jo,e.className,T(jo,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&(0,Qe.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:Le,tabIndex:-1,title:"Decrease"}),(0,Qe.jsxs)("div",{className:"k-slider-track-wrap",children:[m&&(0,Qe.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Qe.jsxs)("div",{className:"k-slider-track",style:I,children:[(0,Qe.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Qe.jsx)("span",{className:r("k-draghandle","k-draghandle-start",T(jo,{hover:k,focus:M,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":L??N,"aria-orientation":ve,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":Y["aria-label"]?`${Y["aria-label"]} start`:"Range start"}),(0,Qe.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,T(jo,{hover:k,focus:M,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??N:h,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":N,"aria-orientation":ve,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?Y["aria-label"]?`${Y["aria-label"]} end`:"Range end":Y["aria-label"]})]})]}),p&&(0,Qe.jsx)(c,{className:"k-button-increase",rounded:"full",icon:ge,tabIndex:-1,title:"Increase"})]})};G.states=wc;G.options=Bc;G.className=jo;G.defaultOptions=qe;G.moduleName=Mn;G.folderName=Ri;G.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 In=require("react/jsx-runtime"),Ki="k-tick",Rc=[],Kc={},_i={label:!1},E=e=>{let{style:t,label:o=_i.label,orientation:a,large:n,text:s,...l}=e;return(0,In.jsx)("li",{...l,role:"presentation",title:s||"Tick",className:r(e.className,Ki,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,In.jsx)("span",{className:"k-label",children:s})})};E.states=Rc;E.options=Kc;E.className=Ki;E.defaultOptions=_i;var ie=require("react/jsx-runtime"),Di=e=>(0,ie.jsx)(G,{"aria-label":e["aria-label"]||"Slider",children:(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(E,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{label:!0,large:!0,text:"5"}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{}),(0,ie.jsx)(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var se=require("react/jsx-runtime"),Hi=e=>(0,se.jsx)(G,{children:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(E,{className:"k-first",label:!0,large:!0,text:"0"}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{label:!0,large:!0,text:"5"}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{}),(0,se.jsx)(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Cn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var zi=require("react/jsx-runtime"),Tn=e=>(0,zi.jsx)(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ui=require("react/jsx-runtime"),En=e=>(0,Ui.jsx)(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var An=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),_c=G.options,Dc=G.states,Gi={...G.defaultOptions,variant:"horizontal",label:!0},Hc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],no=e=>{let{variant:t,modifiers:o,...a}=e,n=Gi.label,s={};Object.keys(o||{}).forEach(p=>{switch(p){case"button":{s.showButtons=!!(o!=null&&o[p]);break}case"label":{n=!!(o!=null&&o[p]);break}case"tick":{s.showTicks=!!(o!=null&&o[p]);break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Pe.jsxs)(Hi,{style:{height:"300px",...l},...a,...s,children:[(0,Pe.jsx)(E,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Pe.jsxs)(Di,{style:{width:"400px",...l},...a,...s,children:[(0,Pe.jsx)(E,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Pe.jsx)(E,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};no.options=_c;no.states=Dc;no.variants=Hc;no.defaultOptions=Gi;no.modifiers=zc;no.className=G.className;var ea=require("react/jsx-runtime"),Fi="k-spin-button",Fc=[],$c={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Pn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Et=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Pn.increaseLabel,decreaseLabel:s=Pn.decreaseLabel,...l}=e;return(0,ea.jsxs)("span",{...l,className:r(Fi,e.className),children:[(0,ea.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,ea.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Et.states=Fc;Et.options=$c;Et.className=Fi;Et.defaultOptions=Pn;Et.moduleName=null;Et.folderName=null;var $i="numeric-textbox",Vi="numerictextbox";var le=require("react/jsx-runtime"),Xi="k-numerictextbox",Vc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Xc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Na={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Na.separators,showClearButton:s=Na.showClearButton,showSpinButton:l=Na.showSpinButton,prefix:p,suffix:m,value:h,placeholder:x,hover:N,focus:u,valid:L,invalid:k,required:M,loading:C,disabled:I,readonly:w,id:Y,"aria-label":ue,"aria-describedby":ve,...ge}=e;return(0,le.jsxs)(Q,{...ge,size:t,rounded:o,fillMode:a,hover:N,focus:u,valid:L,invalid:k,required:M,loading:C,disabled:I,readonly:w,className:r(e.className,Xi),children:[p&&(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(Fe,{children:p}),n&&(0,le.jsx)(Ve,{})]}),(0,le.jsx)(De,{id:Y,placeholder:x,value:h,role:"spinbutton",disabled:I,"aria-label":ue,"aria-describedby":ve,"aria-invalid":k?"true":void 0}),(0,le.jsx)(Ie,{valid:L,invalid:k,loading:C,disabled:I}),(0,le.jsx)(Oe,{loading:C,disabled:I}),s&&(0,le.jsx)(_e,{loading:C,disabled:I,readonly:w,value:h}),m&&(0,le.jsxs)(le.Fragment,{children:[n&&(0,le.jsx)(Ve,{}),(0,le.jsx)($e,{children:m})]}),l&&(0,le.jsx)(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};D.states=Vc;D.options=Xc;D.className=Xi;D.defaultOptions=Na;D.moduleName=$i;D.folderName=Vi;D.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 ta=D;var qi=require("react/jsx-runtime"),Ji=e=>(0,qi.jsx)(ta,{...e});var va=Tr(require("react"));var wn=require("react/jsx-runtime"),Jc="k-list-group-sticky-header",Bn=e=>(0,wn.jsx)("div",{className:r(Jc,e.className),children:(0,wn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Wi=require("react/jsx-runtime"),qc="k-no-data",ka=e=>{let{live:t,...o}=e;return(0,Wi.jsx)("span",{...o,className:r(qc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ut="list",ro=Ut;var io=require("react/jsx-runtime"),Rn="k-list",Wc=[],Yc={size:[d.undefined,d.small,d.medium,d.large]},Qc={},R=e=>{var k;let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:p,noData:m,screenReaders:h,...x}=e,u=va.default.Children.toArray(a)[0],L=(k=u==null?void 0:u.props)!=null&&k.children?va.default.Children.count(u.props.children):va.default.Children.count(a);return(0,io.jsxs)("div",{...x,className:r(e.className,Rn,y(Rn,{size:t}),{"k-virtual-list":o}),children:[l,s,p,n&&(0,io.jsx)(Bn,{children:n}),a||(m!==void 0?m:(0,io.jsx)(ka,{live:!0,children:"No data found."})),h&&a&&(0,io.jsxs)(ka,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Wc;R.options=Yc;R.className=Rn;R.defaultOptions=Qc;R.moduleName=Ut;R.folderName=ro;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Qi=require("react/jsx-runtime"),Yi="k-list-container",Zc=[]