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

A collection of HTML helpers used for developing Kendo UI themes

var Hp=Object.create;var ya=Object.defineProperty;var zp=Object.getOwnPropertyDescriptor;var Up=Object.getOwnPropertyNames;var Gp=Object.getPrototypeOf,Fp=Object.prototype.hasOwnProperty;var $p=(e,t)=>{for(var o in t)ya(e,o,{get:t[o],enumerable:!0})},si=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Up(t))!Fp.call(e,n)&&n!==o&&ya(e,n,{get:()=>t[n],enumerable:!(a=zp(t,n))||a.enumerable});return e};var li=(e,t,o)=>(o=e!=null?Hp(Gp(e)):{},si(t||!e||!e.__esModule?ya(o,"default",{value:e,enumerable:!0}):o,e)),Vp=e=>si(ya({},"__esModule",{value:!0}),e);var Qf={};$p(Qf,{DockManagerDemo:()=>qt,default:()=>Yf});module.exports=Vp(Qf);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 T=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:p,active:d,selected:u,disabled:f,indeterminate:h,loading:v,empty:m,readonly:k,highlighted:N,...M}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":p,"k-active":d,"k-selected":u,"k-disabled":f,"k-indeterminate":h&&!p,"k-loading":v,"k-empty":m,"k-readonly":k,"k-highlighted":N},Object.keys(M).reduce((y,C)=>(C.startsWith("k-")?y[C]=M[C]:y[`k-${C}`]=M[C],y),{}))};function pi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},mt={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"},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 un={};function H(e){return un[e]=(un[e]||0)+1,`k-${e}-${un[e]}`}var ci=require("react/jsx-runtime"),Yt="k-pane",Xp=[],Jp={},bn={resizable:!0,flex:!1},F=e=>{let{scrollable:t,flexBasis:o,flex:a=bn.flex,collapsible:n,resizable:s=bn.resizable,pinned:p,unpinned:d,tabbed:u,...f}=e;return(0,ci.jsx)("div",{...f,style:{flexBasis:o,...e.style},className:r(e.className,Yt,{[`${Yt}-static`]:o,[`${Yt}-flex`]:a,"k-scrollable":t,[`${Yt}-pinned`]:p,[`${Yt}-unpinned`]:d,[`${Yt}-tabbed`]:u}),role:"group",children:e.children})};F.states=Xp;F.options=Jp;F.className=Yt;F.defaultOptions=bn;var ea=require("react/jsx-runtime"),fn="k-font-icon",qp=[],Wp={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]},Yp={},ta=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...p}=e;return a?(0,ea.jsx)("span",{...p,className:r(e.className,fn,T(fn,{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,ea.jsx)(ea.Fragment,{})};ta.states=qp;ta.options=Wp;ta.className=fn;ta.defaultOptions=Yp;var di=ta;var Qt=require("react/jsx-runtime"),hn="k-svg-icon",Qp=[],Zp={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:[mt.outline,mt.solid,mt.duotone]},xn={viewBox:"0 0 24 24",variant:mt.outline},oa=e=>{var v,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=xn.viewBox,variant:p=xn.variant,icon:d,...u}=e;if(!d)return(0,Qt.jsx)(Qt.Fragment,{});if(d==="none")return(0,Qt.jsx)("span",{...u,className:r(e.className,hn,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name,h=typeof d=="object"?p&&((v=d.variants)==null?void 0:v[p])||((m=d.variants)==null?void 0:m.outline)||d.content:void 0;return(0,Qt.jsx)("span",{...u,className:r(e.className,hn,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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,Qt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:d?void 0:e.children})})};oa.states=Qp;oa.options=Zp;oa.className=hn;oa.defaultOptions=xn;var vn=oa;var Nn=li(require("@progress/kendo-svg-icons"));var mi="icon",ui="icons";var hi=require("react");var bi=require("react"),fi=(0,bi.createContext)({iconsType:"svg"});var gt=require("react/jsx-runtime"),Aa="k-icon",jp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ec=[],tc={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:[mt.outline,mt.solid,mt.duotone]},Ea={viewBox:"0 0 24 24",type:"svg",variant:mt.outline},g=e=>{let{iconsType:t}=(0,hi.useContext)(fi),{size:o,themeColor:a,icon:n,type:s=t||Ea.type,rotate:p,flip:d,viewBox:u=Ea.viewBox,variant:f=Ea.variant,...h}=e;if(!n)return(0,gt.jsx)(gt.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,gt.jsx)(vn,{...h,className:r(e.className,Aa),icon:n,size:o,variant:f});let m=Nn[n]?n:jp(`${n}-icon`);return Nn[m]?(0,gt.jsx)(vn,{...h,className:r(e.className,Aa),icon:Nn[m],size:o,themeColor:a,rotate:p,flip:d,viewBox:u,variant:f}):(0,gt.jsx)(gt.Fragment,{})}return(0,gt.jsx)(di,{...h,className:r(e.className,Aa),icon:n,size:o,themeColor:a,rotate:p,flip:d})};g.states=ec;g.options=tc;g.defaultOptions=Ea;g.className=Aa;g.moduleName=mi;g.folderName=ui;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Fe=require("react/jsx-runtime"),lo="k-splitbar",oc=[i.hover,i.focus],ac={},kn={orientation:"horizontal",draggable:!0},Bt=e=>{let{hover:t,focus:o,orientation:a=kn.orientation,draggable:n=kn.draggable,collapsePrev:s,collapseNext:p,ariaLabel:d,...u}=e;return(0,Fe.jsxs)("div",{...u,className:r(e.className,lo,I(lo,{hover:t,focus:o}),{[`${lo}-${a}`]:a,[`${lo}-draggable-${a}`]:n,[`${lo}-static-${a}`]:!n&&!s&&!p}),role:"separator","aria-label":d,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&(0,Fe.jsx)(Fe.Fragment,{children:(0,Fe.jsx)("div",{className:"k-collapse-prev",children:(0,Fe.jsx)(g,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Fe.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),p&&(0,Fe.jsx)(Fe.Fragment,{children:(0,Fe.jsx)("div",{className:"k-collapse-next",children:(0,Fe.jsx)(g,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Bt.states=oc;Bt.options=ac;Bt.className=lo;Bt.defaultOptions=kn;var gn="splitter",xi=gn;var Oa=require("react/jsx-runtime"),Ni=require("react"),Sn="k-splitter",nc={},vi={orientation:"horizontal"},pe=e=>{let{orientation:t=vi.orientation,children:o,panes:a,...n}=e,s=[];return a&&a.forEach((p,d)=>{let u=a[d+1],f=p.props,h=u==null?void 0:u.props;s.push((0,Ni.createElement)(F,{...f,key:d})),u&&s.push((0,Oa.jsx)(Bt,{draggable:f.resizable!==!1&&h.resizable!==!1,collapsePrev:f.collapsible,collapseNext:h.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${d}`))}),(0,Oa.jsxs)("div",{...n,className:r(e.className,Sn,{[`${Sn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};pe.options=nc;pe.className=Sn;pe.defaultOptions=vi;pe.moduleName=gn;pe.folderName=xi;pe.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 ki=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var Zt=require("react/jsx-runtime"),aa=require("react"),rc=pe.options,ic=pe.states,Si={...pe.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},sc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lc=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],po=e=>{let{variant:t,modifiers:o,...a}={...Si,...e},n=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),s=n(!0),p=n(!0),d={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(u=>{let f=o==null?void 0:o[u];switch(u){case"secondPaneProps":p=n(!!f);break;case"firstPaneProps":s=n(!!f);break;default:break}}),t==="vertical"?(0,Zt.jsx)(pe,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,aa.createElement)(F,{...s,flexBasis:"50%",style:d,key:"pane-1"},(0,Zt.jsx)("p",{children:s.content})),(0,aa.createElement)(F,{...p,flexBasis:"50%",style:d,key:"pane-2"},(0,Zt.jsx)("p",{children:p.content}))]}):(0,Zt.jsx)(pe,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,aa.createElement)(F,{...s,flexBasis:"50%",style:d,key:"pane-1"},(0,Zt.jsx)("p",{children:s.content})),(0,aa.createElement)(F,{...p,flexBasis:"50%",style:d,key:"pane-2"},(0,Zt.jsx)("p",{children:p.content}))]})};po.options=rc;po.states=ic;po.variants=sc;po.defaultOptions=Si;po.modifiers=lc;po.className=pe.className;var Ln="button",Li=Ln;var $e=require("react/jsx-runtime"),na="k-button",pc=["icon-button"],cc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Mn={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:p=Mn.showArrow,arrowIconName:d=Mn.arrowIconName,variant:u,hover:f,focus:h,active:v,selected:m,disabled:k,togglable:N,ariaDisabled:M,icon:y,iconSize:C,text:R,iconClassName:ee,className:Ne,...ye}=e,Ae=y!=null,Ee=e.children!==void 0;return(0,$e.jsxs)(t,{className:r(Ne,na,pi(na,u),T(na,{size:o,rounded:a,fillMode:n,themeColor:s}),I(na,{hover:f,focus:h,active:v,disabled:k||M,selected:m}),{"k-icon-button":!R&&!Ee&&Ae}),"aria-pressed":N?m?"true":"false":void 0,...ye,"aria-disabled":M?"true":void 0,disabled:k||void 0,children:[typeof y=="string"&&y&&(0,$e.jsx)(g,{className:r(ee,"k-button-icon"),icon:y,size:C}),y&&typeof y!="string"&&(0,$e.jsx)($e.Fragment,{children:y}),R?(0,$e.jsxs)($e.Fragment,{children:[R&&(0,$e.jsx)("span",{className:"k-button-text",children:R}),e.children]}):e.children&&(0,$e.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,$e.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,$e.jsx)(g,{icon:d})})]})};l.states=cc;l.options=dc;l.variants=pc;l.className=na;l.defaultOptions=Mn;l.moduleName=Ln;l.folderName=Li;l.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Mi=require("react/jsx-runtime"),Rt=e=>(0,Mi.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ti=require("react/jsx-runtime"),ra=e=>(0,Ti.jsx)(l,{icon:"folder",children:"Button",...e});var Ii=require("react/jsx-runtime"),jt=e=>(0,Ii.jsx)(l,{children:"Button",...e});var Pa=require("react/jsx-runtime"),mc=l.options,uc=l.states,bc={...l.defaultOptions,variant:"text"},fc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hc=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Pa.jsx)(Rt,{...o,icon:"star"});case"icon-and-text":return(0,Pa.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,Pa.jsx)(jt,{...o,children:"Button"})}};co.options=mc;co.states=uc;co.variants=fc;co.defaultOptions=bc;co.modifiers=hc;co.className=l.className;var Tn="button",Ci=Tn;var yi=require("react/jsx-runtime"),ia="k-button-group",xc=[i.disabled],vc={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Nc={},P=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,yi.jsx)("div",{role:"group",...n,className:r(e.className,ia,T(ia,{fillMode:t}),I(ia,{disabled:o}),{[`${ia}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};P.states=xc;P.options=vc;P.className=ia;P.defaultOptions=Nc;P.moduleName=Tn;P.folderName=Ci;P.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 In=require("react/jsx-runtime");var Cn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var En=require("react/jsx-runtime");var On=require("react/jsx-runtime");var De=require("react/jsx-runtime"),kc={...l.options,...P.options},gc=l.states,Sc={...l.defaultOptions,...P.defaultOptions,variant:"text-button"},Lc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Mc=[],mo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,De.jsxs)(P,{fillMode:a.fillMode,className:o,children:[(0,De.jsx)(l,{...a,icon:"star"}),(0,De.jsx)(l,{...a,icon:"star"}),(0,De.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,De.jsxs)(P,{fillMode:a.fillMode,className:o,children:[(0,De.jsx)(l,{...a,icon:"star",children:"First"}),(0,De.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,De.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,De.jsxs)(P,{fillMode:a.fillMode,className:o,children:[(0,De.jsx)(l,{...a,children:"First"}),(0,De.jsx)(l,{...a,children:"Middle"}),(0,De.jsx)(l,{...a,children:"Last"})]})};mo.options=kc;mo.states=gc;mo.variants=Lc;mo.defaultOptions=Sc;mo.modifiers=Mc;mo.className=P.className;var sa="input",wa=sa;var Ai=require("react/jsx-runtime"),Ba="k-input",Tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ic={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Cc={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:p,readonly:d,size:u,rounded:f,fillMode:h,...v}=e;return(0,Ai.jsx)("span",{...v,className:r(e.className,Ba,T(Ba,{size:u,rounded:f,fillMode:h}),I(Ba,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:p,readonly:d}))})};te.states=Tc;te.options=Ic;te.className=Ba;te.defaultOptions=Cc;te.moduleName=sa;te.folderName=wa;var Ei=require("react/jsx-runtime"),Ra="k-picker",yc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ac={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ec={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:p,readonly:d,size:u,rounded:f,fillMode:h,...v}=e;return(0,Ei.jsx)("span",{...v,className:r(e.className,Ra,T(Ra,{size:u,rounded:f,fillMode:h}),I(Ra,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:p,readonly:d})),children:e.children})};ut.states=yc;ut.options=Ac;ut.className=Ra;ut.defaultOptions=Ec;ut.moduleName=sa;ut.folderName=wa;var uo=require("react/jsx-runtime"),Oi="k-clear-value",Oc=[i.disabled,i.loading,i.readonly],Pc={},Ve=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,uo.jsx)(uo.Fragment,{}):(0,uo.jsx)("span",{className:r(e.className,Oi),children:(0,uo.jsx)(g,{icon:"x"})})};Ve.states=Oc;Ve.options=Pc;Ve.className=Oi;var Pi=require("react/jsx-runtime"),Pn="k-input-inner",wc=[],Bc={},Ka={type:"text",autocomplete:"off",value:"",placeholder:""},Xe=e=>{let{value:t=Ka.value,type:o=Ka.type,placeholder:a=Ka.placeholder,autocomplete:n=Ka.autocomplete,disabled:s,readOnly:p,...d}=e;return(0,Pi.jsx)("input",{...d,type:o,className:r(e.className,Pn,T(Pn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Xe.states=wc;Xe.options=Bc;Xe.className=Pn;var la=require("react/jsx-runtime"),wn="k-input-inner",Rc=[],Kc={},eo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...p}=e;return(0,la.jsxs)("span",{...p,className:r(e.className,wn,T(wn,e)),children:[n,!n&&s&&(0,la.jsx)(g,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,la.jsx)("span",{className:"k-input-value-text",children:t})]})};eo.states=Rc;eo.options=Kc;eo.className=wn;var Bi=require("react/jsx-runtime"),Bn="k-input-inner",_c=[],Dc={},wi={value:"",placeholder:""},Rn=e=>{let{value:t=wi.value,placeholder:o=wi.placeholder,rows:a,disabled:n,...s}=e;return(0,Bi.jsx)("textarea",{...s,className:r(e.className,Bn,T(Bn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Rn.states=_c;Rn.options=Dc;Rn.className=Bn;var pa=require("react/jsx-runtime"),Ri="k-input-loading-icon",Hc=[i.disabled,i.loading],He=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,pa.jsx)(pa.Fragment,{}):(0,pa.jsx)("span",{className:r(e.className,Ri,"k-icon k-i-loading")})};He.states=Hc;He.className=Ri;var ca=require("react/jsx-runtime"),Ki="k-input-validation-icon",zc=[i.valid,i.invalid,i.disabled,i.loading],Uc={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,ca.jsx)(ca.Fragment,{}):(0,ca.jsx)(g,{className:r(Ki),icon:s})};Oe.states=zc;Oe.options=Uc;Oe.className=Ki;var da=require("react/jsx-runtime"),Gc="k-input-prefix",Fc={direction:"horizontal"},Ze=e=>{let{direction:t=Fc.direction,...o}=e;return e.children?(0,da.jsx)("span",{...o,className:r(Gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,da.jsx)(da.Fragment,{})};var ma=require("react/jsx-runtime"),$c="k-input-suffix",Vc={direction:"horizontal"},je=e=>{let{direction:t=Vc.direction,...o}=e;return e.children?(0,ma.jsx)("span",{...o,className:r($c,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ma.jsx)(ma.Fragment,{})};var Xc=require("react/jsx-runtime");var _i=require("react/jsx-runtime"),Jc="k-input-suffix-text",Kn=e=>{let{children:t,...o}=e;return(0,_i.jsx)("span",{...o,className:r(Jc,e.className),children:t})};var Hi=require("react/jsx-runtime"),Di="k-input-separator",qc={direction:"vertical"},et=e=>{let{direction:t=qc.direction,...o}=e;return(0,Hi.jsx)("span",{...o,className:r(Di,e.className,{[`${Di}-${t}`]:t})})};var ie=require("react/jsx-runtime"),Wc=te.states,Yc=te.defaultOptions,Qc=te.options,Zc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],jc=[],bo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:p,...d}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ie.jsxs)(te,{...d,valid:o,invalid:a,loading:n,disabled:s,readonly:p,style:{width:300},children:[u&&(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(Ze,{children:(0,ie.jsx)(g,{icon:"lock"})}),m&&(0,ie.jsx)(et,{})]}),(0,ie.jsx)(Xe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ie.jsx)(Oe,{valid:o,invalid:a,loading:n,disabled:s}),(0,ie.jsx)(He,{loading:n,disabled:s}),h&&(0,ie.jsx)(Ve,{loading:n,disabled:s,readonly:p,value:"Value"}),f&&(0,ie.jsxs)(ie.Fragment,{children:[m&&(0,ie.jsx)(et,{}),(0,ie.jsx)(je,{children:(0,ie.jsx)(jt,{size:d.size,fillMode:"clear",children:"Send"})})]})]})};bo.options=Qc;bo.states=Wc;bo.variants=jc;bo.defaultOptions=Yc;bo.modifiers=Zc;bo.className=te.className;var ua=require("react/jsx-runtime"),zi="k-color-preview",ed=[],td={},Kt=e=>{let{color:t,iconName:o,...a}=e;return(0,ua.jsxs)("span",{...a,className:r(e.className,zi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ua.jsx)(g,{icon:o,className:"k-color-preview-icon"}),(0,ua.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Kt.states=ed;Kt.options=td;Kt.className=zi;var _n="popup",Ui=_n;var Hn=require("react/jsx-runtime"),Gi="k-animation-container",od=[],ad={},Dn={positionMode:"absolute",shown:!0},bt=e=>{let{positionMode:t=Dn.positionMode,shown:o=Dn.shown,animationStyle:a,offset:n,...s}=e;return(0,Hn.jsx)("div",{...s,style:{...n,...e.style},className:r(e.className,Gi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Hn.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};bt.states=od;bt.options=ad;bt.className=Gi;bt.defaultOptions=Dn;bt.moduleName=_n;bt.folderName=Ui;var zn="popup",Fi=zn;var Un=require("react/jsx-runtime"),$i="k-popup",nd=[],rd={},Vi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:p,...d}=e;return(0,Un.jsx)(bt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":p,children:(0,Un.jsx)("div",{...d,className:r(e.className,$i),children:e.children})})};V.states=nd;V.options=rd;V.className=$i;V.defaultOptions=Vi;V.moduleName=zn;V.folderName=Fi;V.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 Gn="action-buttons",Xi=Gn;var Ji=require("react/jsx-runtime"),_a="k-actions",id=[],sd={},Fn={alignment:"start",orientation:"horizontal"},ft=e=>{let{alignment:t=Fn.alignment,orientation:o=Fn.orientation,...a}=e;return(0,Ji.jsx)("div",{...a,className:r(_a,{[`${_a}-${t}`]:t,[`${_a}-${o}`]:o},e.className),children:e.children})};ft.states=id;ft.options=sd;ft.className=_a;ft.defaultOptions=Fn;ft.moduleName=Gn;ft.folderName=Xi;var Wi=require("react/jsx-runtime"),ld="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},_t=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:n=a?"div":ft,...s}=e;return(0,Wi.jsx)(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,ld),children:e.children})};var $n="searchbox",Yi=$n;var Dt=require("react/jsx-runtime"),Qi="k-searchbox",pd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],cd={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vn={showIcon:!0,icon:"search"},tt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:p,focus:d,valid:u,invalid:f,required:h,loading:v,disabled:m,showIcon:k=Vn.showIcon,icon:N=Vn.icon,"aria-label":M,...y}=e;return(0,Dt.jsxs)(te,{...y,size:a,rounded:n,fillMode:s,hover:p,focus:d,valid:u,invalid:f,required:h,loading:v,disabled:m,className:r(e.className,Qi),children:[k&&(0,Dt.jsx)(g,{className:"k-input-icon",icon:N}),(0,Dt.jsx)(Xe,{placeholder:o,value:t,"aria-label":M}),(0,Dt.jsx)(He,{...e}),(0,Dt.jsx)(Oe,{...e}),(0,Dt.jsx)(Ve,{...e})]})};tt.states=pd;tt.options=cd;tt.className=Qi;tt.defaultOptions=Vn;tt.moduleName=$n;tt.folderName=Yi;var dd=require("react/jsx-runtime");var Xn="textbox",Zi=Xn;var ke=require("react/jsx-runtime"),ji="k-textbox",md=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ud={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Da={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Da.separators,showClearButton:s=Da.showClearButton,showValidationIcon:p=Da.showValidationIcon,prefix:d,suffix:u,type:f,value:h,placeholder:v,hover:m,focus:k,valid:N,invalid:M,required:y,loading:C,disabled:R,readonly:ee,id:Ne,"aria-label":ye,"aria-describedby":Ae,...Ee}=e;return(0,ke.jsxs)(te,{...Ee,size:t,rounded:o,fillMode:a,hover:m,focus:k,valid:N,invalid:M,required:y,loading:C,disabled:R,readonly:ee,className:r(e.className,ji),children:[d&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(Ze,{children:d}),n&&(0,ke.jsx)(et,{})]}),(0,ke.jsx)(Xe,{id:Ne,placeholder:v,value:h,type:f,disabled:R,"aria-label":ye,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),p&&(0,ke.jsx)(Oe,{valid:N,invalid:M,loading:C,disabled:R}),(0,ke.jsx)(He,{loading:C,disabled:R}),s&&(0,ke.jsx)(Ve,{loading:C,disabled:R,readonly:ee,value:h}),u&&(0,ke.jsxs)(ke.Fragment,{children:[n&&(0,ke.jsx)(et,{}),(0,ke.jsx)(je,{children:u})]})]})};ce.states=md;ce.options=ud;ce.className=ji;ce.defaultOptions=Da;ce.moduleName=Xn;ce.folderName=Zi;ce.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 ba=ce;var ts=require("react/jsx-runtime"),es=e=>(0,ts.jsx)(ba,{...e});var os=require("react/jsx-runtime");var as=require("react/jsx-runtime");var bd=require("react/jsx-runtime");var Ha=require("react/jsx-runtime"),fd=ce.states,hd=ce.defaultOptions,xd=ce.options,vd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Nd=[],fo=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)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Ha.jsx)(jt,{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)(es,{value:"Value",style:{width:300},...o,...a})};fo.options=xd;fo.states=fd;fo.variants=Nd;fo.defaultOptions=hd;fo.modifiers=vd;fo.className=ce.className;var Je=require("react/jsx-runtime"),ns="k-actionsheet-titlebar",kd={},Pe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:p,inputValue:d,inputPlaceholder:u,adaptive:f,titleId:h,children:v,...m}=e;return(0,Je.jsxs)("div",{...m,className:r(e.className,ns),children:[(0,Je.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Je.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,Je.jsxs)("div",{className:"k-actionsheet-title",id:h,children:[t&&(0,Je.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Je.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,Je.jsx)("div",{className:"k-actionsheet-title",id:h,children:v}),n&&(0,Je.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p||s)&&(0,Je.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,Je.jsx)(ce,{value:d,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):(0,Je.jsx)(tt,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Pe.className=ns;Pe.defaultOptions=kd;var ho=require("react/jsx-runtime"),Jn="k-actionsheet-view",gd=[],Sd={},Ld={},xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:p,...d}=e,u=(n==null?void 0:n.type)===Pe&&(0,ho.jsx)(Pe,{adaptive:t,titleId:p,...n==null?void 0:n.props}),f=(s==null?void 0:s.type)===_t&&(0,ho.jsx)(_t,{...s==null?void 0:s.props});return(0,ho.jsxs)("div",{...d,className:r(e.className,Jn,{[`${Jn}-animated`]:o}),children:[u,(0,ho.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};xo.states=gd;xo.options=Sd;xo.className=Jn;xo.defaultOptions=Ld;var fa="action-sheet",za=fa;var qn="overlay",rs=qn;var ss=require("react/jsx-runtime"),is="k-overlay",Md=[],Td={},Id={},Ht=e=>{let{...t}=e;return(0,ss.jsx)("div",{...t,className:r(e.className,is),children:e.children})};Ht.states=Md;Ht.options=Td;Ht.className=is;Ht.defaultOptions=Id;Ht.moduleName=qn;Ht.folderName=rs;var to=require("react/jsx-runtime"),ls="k-actionsheet",Cd=[],yd={},ha={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=ha.side,fullscreen:o=ha.fullscreen,adaptive:a=ha.adaptive,overlay:n=ha.overlay,template:s,children:p,header:d,footer:u,id:f,...h}=e,v=f&&!s&&d?`${f}-title`:void 0;return(0,to.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,to.jsx)(Ht,{}),(0,to.jsx)(bt,{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,to.jsx)("div",{...h,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":v,className:r(e.className,ls,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,to.jsx)(xo,{header:d,footer:u,adaptive:a,titleId:v,...e,children:p})})})]})};Q.states=Cd;Q.options=yd;Q.className=ls;Q.defaultOptions=ha;Q.moduleName=fa;Q.folderName=za;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 cs=require("react/jsx-runtime"),ps="k-actionsheet-container",Ad=[],Ed={},Od={},vo=e=>{let{children:t,...o}=e;return(0,cs.jsx)("div",{...o,className:ps,children:t})};vo.states=Ad;vo.options=Ed;vo.className=ps;vo.defaultOptions=Od;vo.moduleName=fa;vo.folderName=za;var ds=require("react/jsx-runtime"),Wn=e=>{let{...t}=e;return(0,ds.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ot=require("react/jsx-runtime"),Yn="k-actionsheet-item",Pd=[i.hover,i.focus,i.selected,i.disabled],zt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:p,disabled:d,...u}=e;return(0,ot.jsxs)("span",{...u,className:r(e.className,Yn,I(Yn,{hover:n,focus:s,selected:p,disabled:d})),children:[!e.children&&(0,ot.jsx)(ot.Fragment,{children:(0,ot.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ot.jsx)("span",{className:"k-icon-wrap",children:(0,ot.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,ot.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ot.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ot.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};zt.states=Pd;zt.className=Yn;var ms=require("react/jsx-runtime");var wd=require("react/jsx-runtime");var Bd=require("react/jsx-runtime");var Rd=require("react/jsx-runtime");var q=require("react/jsx-runtime"),Kd=Q.options,_d=Q.states,bs={...Q.defaultOptions,variant:"normal"},Dd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Hd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],No=e=>{let{variant:t,modifiers:o,...a}={...bs,...e},n={},s=(0,q.jsxs)(Wn,{children:[(0,q.jsx)(zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,q.jsx)(zt,{text:"Add to Favorites",iconName:"heart"}),(0,q.jsx)(zt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,q.jsx)("hr",{className:"k-hr"}),(0,q.jsx)(zt,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",d="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?p:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,q.jsx)(Q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,q.jsx)(Pe,{actionsStart:n.actionsStart?(0,q.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:d,subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(_t,{alignment:"stretched",children:[(0,q.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,q.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,q.jsx)(Q,{...a,fullscreen:n.fullScreen,header:(0,q.jsx)(Pe,{actionsStart:n.actionsStart?(0,q.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(_t,{alignment:"stretched",children:[(0,q.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,q.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};No.options=Kd;No.states=_d;No.variants=Dd;No.defaultOptions=bs;No.modifiers=Hd;No.className=Q.className;var Qn="slider",fs=Qn;var st=require("react/jsx-runtime"),xa="k-slider",zd=[i.hover,i.focus,i.active,i.disabled,i.readonly],Ud={},at={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=at.type,orientation:o=at.orientation,gradientType:a=at.gradientType,readonly:n=at.readonly,disabled:s=at.disabled,handlePosition:p=at.handlePosition,showButtons:d=at.showButtons,showTicks:u=at.showTicks,value:f=at.value,min:h=at.min,max:v=at.max,startValue:m,endValue:k,hover:N,focus:M,active:y,trackStyle:C,dir:R,...ee}=e,ye=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ae,Ee;return o==="horizontal"?(Ae=R==="rtl"?"chevron-left":"chevron-right",Ee=R==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Ae="chevron-up",Ee="chevron-down"),(0,st.jsxs)("div",{...ee,className:r(xa,e.className,I(xa,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:R,children:[d&&(0,st.jsx)(l,{className:"k-button-decrease",rounded:"full",icon:Ee,tabIndex:-1,title:"Decrease"}),(0,st.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,st.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,st.jsxs)("div",{className:"k-slider-track",style:C,children:[(0,st.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,st.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(xa,{hover:N,focus:M,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??h,"aria-valuemin":h,"aria-valuemax":k??v,"aria-orientation":ye,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":ee["aria-label"]?`${ee["aria-label"]} start`:"Range start"}),(0,st.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(xa,{hover:N,focus:M,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?k??v:f,"aria-valuemin":t==="range"?m??h:h,"aria-valuemax":v,"aria-orientation":ye,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?ee["aria-label"]?`${ee["aria-label"]} end`:"Range end":ee["aria-label"]})]})]}),d&&(0,st.jsx)(l,{className:"k-button-increase",rounded:"full",icon:Ae,tabIndex:-1,title:"Increase"})]})};X.states=zd;X.options=Ud;X.className=xa;X.defaultOptions=at;X.moduleName=Qn;X.folderName=fs;X.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 Zn=require("react/jsx-runtime"),hs="k-tick",Gd=[],Fd={},xs={label:!1},A=e=>{let{style:t,label:o=xs.label,orientation:a,large:n,text:s,...p}=e;return(0,Zn.jsx)("li",{...p,role:"presentation",title:s||"Tick",className:r(e.className,hs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Zn.jsx)("span",{className:"k-label",children:s})})};A.states=Gd;A.options=Fd;A.className=hs;A.defaultOptions=xs;var de=require("react/jsx-runtime"),vs=e=>(0,de.jsx)(X,{"aria-label":e["aria-label"]||"Slider",children:(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{label:!0,large:!0,text:"5"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var me=require("react/jsx-runtime"),Ns=e=>(0,me.jsx)(X,{children:(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{label:!0,large:!0,text:"5"}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{}),(0,me.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var jn=require("react/jsx-runtime");var er=require("react/jsx-runtime");var ks=require("react/jsx-runtime"),tr=e=>(0,ks.jsx)(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var gs=require("react/jsx-runtime"),or=e=>(0,gs.jsx)(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var ar=require("react/jsx-runtime");var nr=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),$d=X.options,Vd=X.states,Ss={...X.defaultOptions,variant:"horizontal",label:!0},Xd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jd=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],ko=e=>{let{variant:t,modifiers:o,...a}=e,n=Ss.label,s={};Object.keys(o||{}).forEach(d=>{switch(d){case"button":{s.showButtons=!!(o!=null&&o[d]);break}case"label":{n=!!(o!=null&&o[d]);break}case"tick":{s.showTicks=!!(o!=null&&o[d]);break}}});let p={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,ze.jsxs)(Ns,{style:{height:"300px",...p},...a,...s,children:[(0,ze.jsx)(A,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,ze.jsxs)(vs,{style:{width:"400px",...p},...a,...s,children:[(0,ze.jsx)(A,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,ze.jsx)(A,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ko.options=$d;ko.states=Vd;ko.variants=Xd;ko.defaultOptions=Ss;ko.modifiers=Jd;ko.className=X.className;var va=require("react/jsx-runtime"),Ls="k-spin-button",Yd=[],Qd={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},rr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Ut=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=rr.increaseLabel,decreaseLabel:s=rr.decreaseLabel,...p}=e;return(0,va.jsxs)("span",{...p,className:r(Ls,e.className),children:[(0,va.jsx)(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,va.jsx)(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Ut.states=Yd;Ut.options=Qd;Ut.className=Ls;Ut.defaultOptions=rr;Ut.moduleName=null;Ut.folderName=null;var Ms="numeric-textbox",Ts="numerictextbox";var ue=require("react/jsx-runtime"),Is="k-numerictextbox",Zd=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jd={size:[c.undefined,c.small,c.medium,c.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ua={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ua.separators,showClearButton:s=Ua.showClearButton,showSpinButton:p=Ua.showSpinButton,prefix:d,suffix:u,value:f,placeholder:h,hover:v,focus:m,valid:k,invalid:N,required:M,loading:y,disabled:C,readonly:R,id:ee,"aria-label":Ne,"aria-describedby":ye,...Ae}=e;return(0,ue.jsxs)(te,{...Ae,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:k,invalid:N,required:M,loading:y,disabled:C,readonly:R,className:r(e.className,Is),children:[d&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(Ze,{children:d}),n&&(0,ue.jsx)(et,{})]}),(0,ue.jsx)(Xe,{id:ee,placeholder:h,value:f,role:"spinbutton",disabled:C,"aria-label":Ne,"aria-describedby":ye,"aria-invalid":N?"true":void 0}),(0,ue.jsx)(Oe,{valid:k,invalid:N,loading:y,disabled:C}),(0,ue.jsx)(He,{loading:y,disabled:C}),s&&(0,ue.jsx)(Ve,{loading:y,disabled:C,readonly:R,value:f}),u&&(0,ue.jsxs)(ue.Fragment,{children:[n&&(0,ue.jsx)(et,{}),(0,ue.jsx)(je,{children:u})]}),p&&(0,ue.jsx)(Ut,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};z.states=Zd;z.options=jd;z.className=Is;z.defaultOptions=Ua;z.moduleName=Ms;z.folderName=Ts;z.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 Na=z;var ys=require("react/jsx-runtime"),Cs=e=>(0,ys.jsx)(Na,{...e});var Fa=li(require("react"));var ir=require("react/jsx-runtime"),em="k-list-group-sticky-header",sr=e=>(0,ir.jsx)("div",{className:r(em,e.className),children:(0,ir.jsx)("div",{className:"k-list-header-text",children:e.children})});var As=require("react/jsx-runtime"),tm="k-no-data",Ga=e=>{let{live:t,...o}=e;return(0,As.jsx)("span",{...o,className:r(tm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var oo="list",go=oo;var So=require("react/jsx-runtime"),lr="k-list",om=[],am={size:[c.undefined,c.small,c.medium,c.large]},nm={},_=e=>{var N;let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:p,customValue:d,noData:u,screenReaders:f,...h}=e,m=Fa.default.Children.toArray(a)[0],k=(N=m==null?void 0:m.props)!=null&&N.children?Fa.default.Children.count(m.props.children):Fa.default.Children.count(a);return(0,So.jsxs)("div",{...h,className:r(e.className,lr,T(lr,{size:t}),{"k-virtual-list":o}),children:[p,s,d,n&&(0,So.jsx)(sr,{children:n}),a||(u!==void 0?u:(0,So.jsx)(Ga,{live:!0,children:"No data found."})),f&&a&&(0,So.jsxs)(Ga,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};_.states=om;_.options=am;_.className=lr;_.defaultOptions=nm;_.moduleName=oo;_.folderName=go;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Os=require("react/jsx-runtime"),Es="k-list-container",rm=[],im={}