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

A collection of HTML helpers used for developing Kendo UI themes

var cp=Object.create;var il=Object.defineProperty;var pp=Object.getOwnPropertyDescriptor;var up=Object.getOwnPropertyNames;var mp=Object.getPrototypeOf,bp=Object.prototype.hasOwnProperty;var hp=(e,t)=>{for(var o in t)il(e,o,{get:t[o],enumerable:!0})},es=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of up(t))!bp.call(e,r)&&r!==o&&il(e,r,{get:()=>t[r],enumerable:!(a=pp(t,r))||a.enumerable});return e};var ts=(e,t,o)=>(o=e!=null?cp(mp(e)):{},es(t||!e||!e.__esModule?il(o,"default",{value:e,enumerable:!0}):o,e)),fp=e=>es(il({},"__esModule",{value:!0}),e);var xx={};hp(xx,{SchedulerDemo:()=>ko,default:()=>fx});module.exports=fp(xx);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var _=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),z=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:u,active:b,selected:f,disabled:x,indeterminate:v,loading:N,empty:h,readonly:R,highlighted:M,...P}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":u,"k-active":b,"k-selected":f,"k-disabled":x,"k-indeterminate":v&&!u,"k-loading":N,"k-empty":h,"k-readonly":R,"k-highlighted":M},Object.keys(P).reduce((H,D)=>(D.startsWith("k-")?H[D]=P[D]:H[`k-${D}`]=P[D],H),{}))};function os(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},_t={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},E={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={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 Jl={};function q(e){return Jl[e]=(Jl[e]||0)+1,`k-${e}-${Jl[e]}`}var j="scheduler",ee=j;var rs=require("react/jsx-runtime"),as="k-scheduler-layout",xp=[],Cp={},vp={},No=e=>{let{as:t="div",view:o,...a}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return(0,rs.jsx)(t,{...a,className:n(e.className,as,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};No.states=xp;No.options=Cp;No.className=as;No.defaultOptions=vp;No.moduleName=j;No.folderName=ee;var ls=No;var dl=require("react/jsx-runtime"),ns="k-scheduler",yp=[],kp={},Sp={},Q=e=>{let{view:t,toolbar:o,footer:a,layout:r,...s}=e;return(0,dl.jsxs)("div",{...s,className:n(e.className,ns),role:"application",children:[o,(0,dl.jsx)(ls,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),a]})};Q.states=yp;Q.options=kp;Q.className=ns;Q.defaultOptions=Sp;Q.moduleName=j;Q.folderName=ee;Q.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows SegmentedControl spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-segmented-control-button",attribute:"aria-pressed (when selected)",usage:"Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};var Ia=require("react/jsx-runtime"),ql="k-font-icon",Np=[],gp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info]},Tp={},Oa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...u}=e;return a?(0,Ia.jsx)("span",{...u,className:n(e.className,ql,_(ql,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Ia.jsx)(Ia.Fragment,{})};Oa.states=Np;Oa.options=gp;Oa.className=ql;Oa.defaultOptions=Tp;var ss=Oa;var go=require("react/jsx-runtime"),Yl="k-svg-icon",wp=[],Mp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info],variant:[_t.outline,_t.solid,_t.duotone]},Ql={viewBox:"0 0 24 24",variant:_t.outline},Ba=e=>{var N,h;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ql.viewBox,variant:u=Ql.variant,icon:b,...f}=e;if(!b)return(0,go.jsx)(go.Fragment,{});if(b==="none")return(0,go.jsx)("span",{...f,className:n(e.className,Yl,_("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof b=="object"&&b.name&&b.name,v=typeof b=="object"?u&&((N=b.variants)==null?void 0:N[u])||((h=b.variants)==null?void 0:h.outline)||b.content:void 0;return(0,go.jsx)("span",{...f,className:n(e.className,Yl,_("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,go.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof b=="object"?b.viewBox:s,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:b?void 0:e.children})})};Ba.states=wp;Ba.options=Mp;Ba.className=Yl;Ba.defaultOptions=Ql;var Zl=Ba;var jl=ts(require("@progress/kendo-svg-icons"));var is="icon",ds="icons";var us=require("react");var cs=require("react"),ps=(0,cs.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),cl="k-icon",Lp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ep=[],Ap={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info],variant:[_t.outline,_t.solid,_t.duotone]},pl={viewBox:"0 0 24 24",type:"svg",variant:_t.outline},A=e=>{let{iconsType:t}=(0,us.useContext)(ps),{size:o,themeColor:a,icon:r,type:s=t||pl.type,rotate:u,flip:b,viewBox:f=pl.viewBox,variant:x=pl.variant,...v}=e;if(!r)return(0,Yt.jsx)(Yt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Yt.jsx)(Zl,{...v,className:n(e.className,cl),icon:r,size:o,variant:x});let h=jl[r]?r:Lp(`${r}-icon`);return jl[h]?(0,Yt.jsx)(Zl,{...v,className:n(e.className,cl),icon:jl[h],size:o,themeColor:a,rotate:u,flip:b,viewBox:f,variant:x}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)(ss,{...v,className:n(e.className,cl),icon:r,size:o,themeColor:a,rotate:u,flip:b})};A.states=Ep;A.options=Ap;A.defaultOptions=pl;A.className=cl;A.moduleName=is;A.folderName=ds;A.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 er=A;var tr="button",ms=tr;var ht=require("react/jsx-runtime"),Pa="k-button",Rp=["icon-button"],Ip=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Op={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[E.undefined,E.base,E.primary,E.secondary,E.tertiary,E.success,E.warning,E.error,E.info,E.inverse]},or={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:u=or.showArrow,arrowIconName:b=or.arrowIconName,variant:f,hover:x,focus:v,active:N,selected:h,disabled:R,togglable:M,ariaDisabled:P,icon:H,iconSize:D,text:J,iconClassName:ce,className:Ne,...He}=e,Oe=H!=null,at=e.children!==void 0;return(0,ht.jsxs)(t,{className:n(Ne,Pa,os(Pa,f),_(Pa,{size:o,rounded:a,fillMode:r,themeColor:s}),z(Pa,{hover:x,focus:v,active:N,disabled:R||P,selected:h}),{"k-icon-button":!J&&!at&&Oe}),"aria-pressed":M?h?"true":"false":void 0,...He,"aria-disabled":P?"true":void 0,disabled:R||void 0,children:[typeof H=="string"&&H&&(0,ht.jsx)(A,{className:n(ce,"k-button-icon"),icon:H,size:D}),H&&typeof H!="string"&&(0,ht.jsx)(ht.Fragment,{children:H}),J?(0,ht.jsxs)(ht.Fragment,{children:[J&&(0,ht.jsx)("span",{className:"k-button-text",children:J}),e.children]}):e.children&&(0,ht.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,ht.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ht.jsx)(A,{icon:b})})]})};c.states=Ip;c.options=Op;c.variants=Rp;c.className=Pa;c.defaultOptions=or;c.moduleName=tr;c.folderName=ms;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 bs=require("react/jsx-runtime"),io=e=>(0,bs.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var hs=require("react/jsx-runtime"),Da=e=>(0,hs.jsx)(c,{icon:"folder",children:"Button",...e});var fs=require("react/jsx-runtime"),To=e=>(0,fs.jsx)(c,{children:"Button",...e});var ul=require("react/jsx-runtime"),Bp=c.options,Pp=c.states,Dp={...c.defaultOptions,variant:"text"},Kp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hp=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ul.jsx)(io,{...o,icon:"star"});case"icon-and-text":return(0,ul.jsx)(Da,{...o,icon:"star",children:"Button"});default:return(0,ul.jsx)(To,{...o,children:"Button"})}};Ko.options=Bp;Ko.states=Pp;Ko.variants=Kp;Ko.defaultOptions=Dp;Ko.modifiers=Hp;Ko.className=c.className;var ar="button",xs=ar;var Cs=require("react/jsx-runtime"),Ka="k-button-group",_p=[d.disabled],zp={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Gp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Cs.jsx)("div",{role:"group",...r,className:n(e.className,Ka,_(Ka,{fillMode:t}),z(Ka,{disabled:o}),{[`${Ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=_p;B.options=zp;B.className=Ka;B.defaultOptions=Gp;B.moduleName=ar;B.folderName=xs;B.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 lr=require("react/jsx-runtime");var rr=require("react/jsx-runtime");var nr=require("react/jsx-runtime");var sr=require("react/jsx-runtime");var ir=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var ct=require("react/jsx-runtime"),Up={...c.options,...B.options},Fp=c.states,Wp={...c.defaultOptions,...B.defaultOptions,variant:"text-button"},Vp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],$p=[],Ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,ct.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,ct.jsx)(c,{...a,icon:"star"}),(0,ct.jsx)(c,{...a,icon:"star"}),(0,ct.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,ct.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,ct.jsx)(c,{...a,icon:"star",children:"First"}),(0,ct.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,ct.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,ct.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,ct.jsx)(c,{...a,children:"First"}),(0,ct.jsx)(c,{...a,children:"Middle"}),(0,ct.jsx)(c,{...a,children:"Last"})]})};Ho.options=Up;Ho.states=Fp;Ho.variants=Vp;Ho.defaultOptions=Wp;Ho.modifiers=$p;Ho.className=B.className;var cr="segmented-control",vs=cr,ys="segmented-control-button",ks="segmented-control";var bl=require("react/jsx-runtime"),ml="k-segmented-control",Xp=[],Jp={size:[p.undefined,p.small,p.medium,p.large]},pe=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return(0,bl.jsxs)("div",{...s,className:n(e.className,ml,_(ml,{size:t}),{[`${ml}-stretched`]:o}),role:"group",children:[(0,bl.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};pe.states=Xp;pe.options=Jp;pe.className=ml;pe.moduleName=cr;pe.folderName=vs;pe.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var Ha=require("react/jsx-runtime"),pr="k-segmented-control-button",qp=[d.selected,d.hover,d.focus,d.disabled],Yp={},Qp={},G=e=>{let{hover:t,focus:o,selected:a,disabled:r,icon:s,text:u,iconClassName:b,...f}=e;return(0,Ha.jsxs)("button",{...f,className:n(e.className,pr,z(pr,{hover:t,focus:o,disabled:r,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":r?"true":void 0,children:[s&&(0,Ha.jsx)(A,{className:n(b,"k-segmented-control-button-icon"),icon:s}),(u||e.children)&&(0,Ha.jsx)("span",{className:"k-segmented-control-button-text",children:u||e.children})]})};G.states=qp;G.options=Yp;G.className=pr;G.defaultOptions=Qp;G.moduleName=ys;G.folderName=ks;var ur=require("react/jsx-runtime");var mr=require("react/jsx-runtime");var br=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var _a="input",xl=_a;var Ss=require("react/jsx-runtime"),Cl="k-input",Zp=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],jp={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},eu={},ge=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b,size:f,rounded:x,fillMode:v,...N}=e;return(0,Ss.jsx)("span",{...N,className:n(e.className,Cl,_(Cl,{size:f,rounded:x,fillMode:v}),z(Cl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b}))})};ge.states=Zp;ge.options=jp;ge.className=Cl;ge.defaultOptions=eu;ge.moduleName=_a;ge.folderName=xl;var Ns=require("react/jsx-runtime"),vl="k-picker",tu=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],ou={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},au={},zt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b,size:f,rounded:x,fillMode:v,...N}=e;return(0,Ns.jsx)("span",{...N,className:n(e.className,vl,_(vl,{size:f,rounded:x,fillMode:v}),z(vl,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:u,readonly:b})),children:e.children})};zt.states=tu;zt.options=ou;zt.className=vl;zt.defaultOptions=au;zt.moduleName=_a;zt.folderName=xl;var _o=require("react/jsx-runtime"),gs="k-clear-value",lu=[d.disabled,d.loading,d.readonly],ru={},ft=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,_o.jsx)(_o.Fragment,{}):(0,_o.jsx)("span",{className:n(e.className,gs),children:(0,_o.jsx)(A,{icon:"x"})})};ft.states=lu;ft.options=ru;ft.className=gs;var Ts=require("react/jsx-runtime"),xr="k-input-inner",nu=[],su={},yl={type:"text",autocomplete:"off",value:"",placeholder:""},xt=e=>{let{value:t=yl.value,type:o=yl.type,placeholder:a=yl.placeholder,autocomplete:r=yl.autocomplete,disabled:s,readOnly:u,...b}=e;return(0,Ts.jsx)("input",{...b,type:o,className:n(e.className,xr,_(xr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};xt.states=nu;xt.options=su;xt.className=xr;var za=require("react/jsx-runtime"),Cr="k-input-inner",iu=[],du={},wo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...u}=e;return(0,za.jsxs)("span",{...u,className:n(e.className,Cr,_(Cr,e)),children:[r,!r&&s&&(0,za.jsx)(A,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,za.jsx)("span",{className:"k-input-value-text",children:t})]})};wo.states=iu;wo.options=du;wo.className=Cr;var Ms=require("react/jsx-runtime"),vr="k-input-inner",cu=[],pu={},ws={value:"",placeholder:""},yr=e=>{let{value:t=ws.value,placeholder:o=ws.placeholder,rows:a,disabled:r,...s}=e;return(0,Ms.jsx)("textarea",{...s,className:n(e.className,vr,_(vr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};yr.states=cu;yr.options=pu;yr.className=vr;var Ga=require("react/jsx-runtime"),Ls="k-input-loading-icon",uu=[d.disabled,d.loading],pt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ga.jsx)(Ga.Fragment,{}):(0,Ga.jsx)("span",{className:n(e.className,Ls,"k-icon k-i-loading")})};pt.states=uu;pt.className=Ls;var Ua=require("react/jsx-runtime"),Es="k-input-validation-icon",mu=[d.valid,d.invalid,d.disabled,d.loading],bu={},lt=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,Ua.jsx)(Ua.Fragment,{}):(0,Ua.jsx)(A,{className:n(Es),icon:s})};lt.states=mu;lt.options=bu;lt.className=Es;var Fa=require("react/jsx-runtime"),hu="k-input-prefix",fu={direction:"horizontal"},Nt=e=>{let{direction:t=fu.direction,...o}=e;return e.children?(0,Fa.jsx)("span",{...o,className:n(hu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Fa.jsx)(Fa.Fragment,{})};var Wa=require("react/jsx-runtime"),xu="k-input-suffix",Cu={direction:"horizontal"},gt=e=>{let{direction:t=Cu.direction,...o}=e;return e.children?(0,Wa.jsx)("span",{...o,className:n(xu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Wa.jsx)(Wa.Fragment,{})};var vu=require("react/jsx-runtime");var As=require("react/jsx-runtime"),yu="k-input-suffix-text",kr=e=>{let{children:t,...o}=e;return(0,As.jsx)("span",{...o,className:n(yu,e.className),children:t})};var Is=require("react/jsx-runtime"),Rs="k-input-separator",ku={direction:"vertical"},Tt=e=>{let{direction:t=ku.direction,...o}=e;return(0,Is.jsx)("span",{...o,className:n(Rs,e.className,{[`${Rs}-${t}`]:t})})};var Be=require("react/jsx-runtime"),Su=ge.states,Nu=ge.defaultOptions,gu=ge.options,Tu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wu=[],zo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:u,...b}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,Be.jsxs)(ge,{...b,valid:o,invalid:a,loading:r,disabled:s,readonly:u,style:{width:300},children:[f&&(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(Nt,{children:(0,Be.jsx)(A,{icon:"lock"})}),h&&(0,Be.jsx)(Tt,{})]}),(0,Be.jsx)(xt,{placeholder:"Placeholder",value:"Value"}),N&&(0,Be.jsx)(lt,{valid:o,invalid:a,loading:r,disabled:s}),(0,Be.jsx)(pt,{loading:r,disabled:s}),v&&(0,Be.jsx)(ft,{loading:r,disabled:s,readonly:u,value:"Value"}),x&&(0,Be.jsxs)(Be.Fragment,{children:[h&&(0,Be.jsx)(Tt,{}),(0,Be.jsx)(gt,{children:(0,Be.jsx)(To,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};zo.options=gu;zo.states=Su;zo.variants=wu;zo.defaultOptions=Nu;zo.modifiers=Tu;zo.className=ge.className;var Va=require("react/jsx-runtime"),Os="k-color-preview",Mu=[],Lu={},co=e=>{let{color:t,iconName:o,...a}=e;return(0,Va.jsxs)("span",{...a,className:n(e.className,Os,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Va.jsx)(A,{icon:o,className:"k-color-preview-icon"}),(0,Va.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};co.states=Mu;co.options=Lu;co.className=Os;var Sr="popup",Bs=Sr;var gr=require("react/jsx-runtime"),Ps="k-animation-container",Eu=[],Au={},Nr={positionMode:"absolute",shown:!0},Gt=e=>{let{positionMode:t=Nr.positionMode,shown:o=Nr.shown,animationStyle:a,offset:r,...s}=e;return(0,gr.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Ps,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,gr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Gt.states=Eu;Gt.options=Au;Gt.className=Ps;Gt.defaultOptions=Nr;Gt.moduleName=Sr;Gt.folderName=Bs;var Tr="popup",Ds=Tr;var wr=require("react/jsx-runtime"),Ks="k-popup",Ru=[],Iu={},Hs={positionMode:"absolute"},ue=e=>{let{offset:t,positionMode:o=Hs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:u,...b}=e;return(0,wr.jsx)(Gt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":u,children:(0,wr.jsx)("div",{...b,className:n(e.className,Ks),children:e.children})})};ue.states=Ru;ue.options=Iu;ue.className=Ks;ue.defaultOptions=Hs;ue.moduleName=Tr;ue.folderName=Ds;ue.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 Mr="action-buttons",_s=Mr;var zs=require("react/jsx-runtime"),kl="k-actions",Ou=[],Bu={},Lr={alignment:"start",orientation:"horizontal"},Ut=e=>{let{alignment:t=Lr.alignment,orientation:o=Lr.orientation,...a}=e;return(0,zs.jsx)("div",{...a,className:n(kl,{[`${kl}-${t}`]:t,[`${kl}-${o}`]:o},e.className),children:e.children})};Ut.states=Ou;Ut.options=Bu;Ut.className=kl;Ut.defaultOptions=Lr;Ut.moduleName=Mr;Ut.folderName=_s;var Us=require("react/jsx-runtime"),Pu="k-actionsheet-footer",Gs={alignment:"stretched",orientation:"horizontal"},po=e=>{let{alignment:t=Gs.alignment,orientation:o=Gs.orientation,template:a,as:r=a?"div":Ut,...s}=e;return(0,Us.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Pu),children:e.children})};var Er="searchbox",Fs=Er;var uo=require("react/jsx-runtime"),Ws="k-searchbox",Du=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],Ku={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ar={showIcon:!0,icon:"search"},wt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:u,focus:b,valid:f,invalid:x,required:v,loading:N,disabled:h,showIcon:R=Ar.showIcon,icon:M=Ar.icon,"aria-label":P,...H}=e;return(0,uo.jsxs)(ge,{...H,size:a,rounded:r,fillMode:s,hover:u,focus:b,valid:f,invalid:x,required:v,loading:N,disabled:h,className:n(e.className,Ws),children:[R&&(0,uo.jsx)(A,{className:"k-input-icon",icon:M}),(0,uo.jsx)(xt,{placeholder:o,value:t,"aria-label":P}),(0,uo.jsx)(pt,{...e}),(0,uo.jsx)(lt,{...e}),(0,uo.jsx)(ft,{...e})]})};wt.states=Du;wt.options=Ku;wt.className=Ws;wt.defaultOptions=Ar;wt.moduleName=Er;wt.folderName=Fs;var Hu=require("react/jsx-runtime");var Rr="textbox",Vs=Rr;var Je=require("react/jsx-runtime"),$s="k-textbox",_u=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],zu={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Sl={showClearButton:!0,showValidationIcon:!0,separators:!0},_e=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Sl.separators,showClearButton:s=Sl.showClearButton,showValidationIcon:u=Sl.showValidationIcon,prefix:b,suffix:f,type:x,value:v,placeholder:N,hover:h,focus:R,valid:M,invalid:P,required:H,loading:D,disabled:J,readonly:ce,id:Ne,"aria-label":He,"aria-describedby":Oe,...at}=e;return(0,Je.jsxs)(ge,{...at,size:t,rounded:o,fillMode:a,hover:h,focus:R,valid:M,invalid:P,required:H,loading:D,disabled:J,readonly:ce,className:n(e.className,$s),children:[b&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(Nt,{children:b}),r&&(0,Je.jsx)(Tt,{})]}),(0,Je.jsx)(xt,{id:Ne,placeholder:N,value:v,type:x,disabled:J,"aria-label":He,"aria-describedby":Oe,"aria-invalid":P?"true":void 0}),u&&(0,Je.jsx)(lt,{valid:M,invalid:P,loading:D,disabled:J}),(0,Je.jsx)(pt,{loading:D,disabled:J}),s&&(0,Je.jsx)(ft,{loading:D,disabled:J,readonly:ce,value:v}),f&&(0,Je.jsxs)(Je.Fragment,{children:[r&&(0,Je.jsx)(Tt,{}),(0,Je.jsx)(gt,{children:f})]})]})};_e.states=_u;_e.options=zu;_e.className=$s;_e.defaultOptions=Sl;_e.moduleName=Rr;_e.folderName=Vs;_e.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 $a=_e;var Js=require("react/jsx-runtime"),Xs=e=>(0,Js.jsx)($a,{...e});var qs=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Gu=require("react/jsx-runtime");var Nl=require("react/jsx-runtime"),Uu=_e.states,Fu=_e.defaultOptions,Wu=_e.options,Vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],$u=[],Go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Nl.jsx)(A,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Nl.jsx)(To,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Nl.jsx)(Xs,{value:"Value",style:{width:300},...o,...a})};Go.options=Wu;Go.states=Uu;Go.variants=$u;Go.defaultOptions=Fu;Go.modifiers=Vu;Go.className=_e.className;var Ct=require("react/jsx-runtime"),Qs="k-actionsheet-titlebar",Xu={},rt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:u,inputValue:b,inputPlaceholder:f,adaptive:x,titleId:v,children:N,...h}=e;return(0,Ct.jsxs)("div",{...h,className:n(e.className,Qs),children:[(0,Ct.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ct.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,Ct.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,Ct.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ct.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,Ct.jsx)("div",{className:"k-actionsheet-title",id:v,children:N}),r&&(0,Ct.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(u||s)&&(0,Ct.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?(0,Ct.jsx)(_e,{value:b,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):(0,Ct.jsx)(wt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};rt.className=Qs;rt.defaultOptions=Xu;var Uo=require("react/jsx-runtime"),Ir="k-actionsheet-view",Ju=[],qu={},Yu={},Fo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:u,...b}=e,f=(r==null?void 0:r.type)===rt&&(0,Uo.jsx)(rt,{adaptive:t,titleId:u,...r==null?void 0:r.props}),x=(s==null?void 0:s.type)===po&&(0,Uo.jsx)(po,{...s==null?void 0:s.props});return(0,Uo.jsxs)("div",{...b,className:n(e.className,Ir,{[`${Ir}-animated`]:o}),children:[f,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};Fo.states=Ju;Fo.options=qu;Fo.className=Ir;Fo.defaultOptions=Yu;var Xa="action-sheet",gl=Xa;var Or="overlay",Zs=Or;var ei=require("react/jsx-runtime"),js="k-overlay",Qu=[],Zu={},ju={},mo=e=>{let{...t}=e;return(0,ei.jsx)("div",{...t,className:n(e.className,js),children:e.children})};mo.states=Qu;mo.options=Zu;mo.className=js;mo.defaultOptions=ju;mo.moduleName=Or;mo.folderName=Zs;var Mo=require("react/jsx-runtime"),ti="k-actionsheet",em=[],tm={},Ja={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ye=e=>{let{side:t=Ja.side,fullscreen:o=Ja.fullscreen,adaptive:a=Ja.adaptive,overlay:r=Ja.overlay,template:s,children:u,header:b,footer:f,id:x,...v}=e,N=x&&!s&&b?`${x}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Mo.jsx)(mo,{}),(0,Mo.jsx)(Gt,{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,Mo.jsx)("div",{...v,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:n(e.className,ti,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,Mo.jsx)(Fo,{header:b,footer:f,adaptive:a,titleId:N,...e,children:u})})})]})};ye.states=em;ye.options=tm;ye.className=ti;ye.defaultOptions=Ja;ye.moduleName=Xa;ye.folderName=gl;ye.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"),oi="k-actionsheet-container",om=[],am={},lm={},Wo=e=>{let{children:t,...o}=e;return(0,ai.jsx)("div",{...o,className:oi,children:t})};Wo.states=om;Wo.options=am;Wo.className=oi;Wo.defaultOptions=lm;Wo.moduleName=Xa;Wo.folderName=gl;var li=require("react/jsx-runtime"),Br=e=>{let{...t}=e;return(0,li.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Mt=require("react/jsx-runtime"),Pr="k-actionsheet-item",rm=[d.hover,d.focus,d.selected,d.disabled],bo=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:u,disabled:b,...f}=e;return(0,Mt.jsxs)("span",{...f,className:n(e.className,Pr,z(Pr,{hover:r,focus:s,selected:u,disabled:b})),children:[!e.children&&(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Mt.jsx)("span",{className:"k-icon-wrap",children:(0,Mt.jsx)(A,{className:"k-actionsheet-item-icon",icon:t})}),(0,Mt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Mt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Mt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};bo.states=rm;bo.className=Pr;var ri=require("react/jsx-runtime");var nm=require("react/jsx-runtime");var sm=require("react/jsx-runtime");var im=require("react/jsx-runtime");var he=require("react/jsx-runtime"),dm=ye.options,cm=ye.states,si={...ye.defaultOptions,variant:"normal"},pm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],um=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...si,...e},r={},s=(0,he.jsxs)(Br,{children:[(0,he.jsx)(bo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,he.jsx)(bo,{text:"Add to Favorites",iconName:"heart"}),(0,he.jsx)(bo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,he.jsx)("hr",{className:"k-hr"}),(0,he.jsx)(bo,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?u:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,he.jsx)(ye,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,he.jsx)(rt,{actionsStart:r.actionsStart?(0,he.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,he.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?(0,he.jsxs)(po,{alignment:"stretched",children:[(0,he.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,he.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,he.jsx)(ye,{...a,fullscreen:r.fullScreen,header:(0,he.jsx)(rt,{actionsStart:r.actionsStart?(0,he.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,he.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,he.jsxs)(po,{alignment:"stretched",children:[(0,he.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,he.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Vo.options=dm;Vo.states=cm;Vo.variants=pm;Vo.defaultOptions=si;Vo.modifiers=um;Vo.className=ye.className;var Dr="slider",ii=Dr;var Rt=require("react/jsx-runtime"),qa="k-slider",mm=[d.hover,d.focus,d.active,d.disabled,d.readonly],bm={},Lt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},de=e=>{let{type:t=Lt.type,orientation:o=Lt.orientation,gradientType:a=Lt.gradientType,readonly:r=Lt.readonly,disabled:s=Lt.disabled,handlePosition:u=Lt.handlePosition,showButtons:b=Lt.showButtons,showTicks:f=Lt.showTicks,value:x=Lt.value,min:v=Lt.min,max:N=Lt.max,startValue:h,endValue:R,hover:M,focus:P,active:H,trackStyle:D,dir:J,...ce}=e,He=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Oe,at;return o==="horizontal"?(Oe=J==="rtl"?"chevron-left":"chevron-right",at=J==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Oe="chevron-up",at="chevron-down"),(0,Rt.jsxs)("div",{...ce,className:n(qa,e.className,z(qa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:J,children:[b&&(0,Rt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:at,tabIndex:-1,title:"Decrease"}),(0,Rt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Rt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Rt.jsxs)("div",{className:"k-slider-track",style:D,children:[(0,Rt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Rt.jsx)("span",{className:n("k-draghandle","k-draghandle-start",z(qa,{hover:M,focus:P,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":h??v,"aria-valuemin":v,"aria-valuemax":R??N,"aria-orientation":He,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ce["aria-label"]?`${ce["aria-label"]} start`:"Range start"}),(0,Rt.jsx)("span",{className:n("k-draghandle",`k-draghandle-${u}`,z(qa,{hover:M,focus:P,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?R??N:x,"aria-valuemin":t==="range"?h??v:v,"aria-valuemax":N,"aria-orientation":He,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ce["aria-label"]?`${ce["aria-label"]} end`:"Range end":ce["aria-label"]})]})]}),b&&(0,Rt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Oe,tabIndex:-1,title:"Increase"})]})};de.states=mm;de.options=bm;de.className=qa;de.defaultOptions=Lt;de.moduleName=Dr;de.folderName=ii;de.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 Kr=require("react/jsx-runtime"),di="k-tick",hm=[],fm={},ci={label:!1},W=e=>{let{style:t,label:o=ci.label,orientation:a,large:r,text:s,...u}=e;return(0,Kr.jsx)("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,di,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,Kr.jsx)("span",{className:"k-label",children:s})})};W.states=hm;W.options=fm;W.className=di;W.defaultOptions=ci;var ze=require("react/jsx-runtime"),pi=e=>(0,ze.jsx)(de,{"aria-label":e["aria-label"]||"Slider",children:(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsx)(W,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{label:!0,large:!0,text:"5"}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{}),(0,ze.jsx)(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ge=require("react/jsx-runtime"),ui=e=>(0,Ge.jsx)(de,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(W,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{}),(0,Ge.jsx)(W,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Hr=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var mi=require("react/jsx-runtime"),zr=e=>(0,mi.jsx)(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var bi=require("react/jsx-runtime"),Gr=e=>(0,bi.jsx)(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),xm=de.options,Cm=de.states,hi={...de.defaultOptions,variant:"horizontal",label:!0},vm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ym=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],$o=e=>{let{variant:t,modifiers:o,...a}=e,r=hi.label,s={};Object.keys(o||{}).forEach(b=>{switch(b){case"button":{s.showButtons=!!(o!=null&&o[b]);break}case"label":{r=!!(o!=null&&o[b]);break}case"tick":{s.showTicks=!!(o!=null&&o[b]);break}}});let u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,ut.jsxs)(ui,{style:{height:"300px",...u},...a,...s,children:[(0,ut.jsx)(W,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,ut.jsxs)(pi,{style:{width:"400px",...u},...a,...s,children:[(0,ut.jsx)(W,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,ut.jsx)(W,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};$o.options=xm;$o.states=Cm;$o.variants=vm;$o.defaultOptions=hi;$o.modifiers=ym;$o.className=de.className;var Ya=require("react/jsx-runtime"),fi="k-spin-button",Nm=[],gm={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Wr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ho=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Wr.increaseLabel,decreaseLabel:s=Wr.decreaseLabel,...u}=e;return(0,Ya.jsxs)("span",{...u,className:n(fi,e.className),children:[(0,Ya.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,Ya.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ho.states=Nm;ho.options=gm;ho.className=fi;ho.defaultOptions=Wr;ho.moduleName=null;ho.folderName=null;var xi="numeric-textbox",Ci="numerictextbox";var Ue=require("react/jsx-runtime"),vi="k-numerictextbox",Tm=[d.hover,d.focus,d.valid,d.invalid,d.loading,d.required,d.disabled,d.readonly],wm={size:[p.undefined,p.small,p.medium,p.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Tl={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Tl.separators,showClearButton:s=Tl.showClearButton,showSpinButton:u=Tl.showSpinButton,prefix:b,suffix:f,value:x,placeholder:v,hover:N,focus:h,valid:R,invalid:M,required:P,loading:H,disabled:D,readonly:J,id:ce,"aria-label":Ne,"aria-describedby":He,...Oe}=e;return(0,Ue.jsxs)(ge,{...Oe,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:R,invalid:M,required:P,loading:H,disabled:D,readonly:J,className:n(e.className,vi),children:[b&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(Nt,{children:b}),r&&(0,Ue.jsx)(Tt,{})]}),(0,Ue.jsx)(xt,{id:ce,placeholder:v,value:x,role:"spinbutton",disabled:D,"aria-label":Ne,"aria-describedby":He,"aria-invalid":M?"true":void 0}),(0,Ue.jsx)(lt,{valid:R,invalid:M,loading:H,disabled:D}),(0,Ue.jsx)(pt,{loading:H,disabled:D}),s&&(0,Ue.jsx)(ft,{loading:H,disabled:D,readonly:J,value:x}),f&&(0,Ue.jsxs)(Ue.Fragment,{children:[r&&(0,Ue.jsx)(Tt,{}),(0,Ue.jsx)(gt,{children:f})]}),u&&(0,Ue.jsx)(ho,{className:"k-input-spinner",size:t,fillMode:a,disabled:D})]})};ae.states=Tm;ae.options=wm;ae.className=vi;ae.defaultOptions=Tl;ae.moduleName=xi;ae.folderName=Ci;ae.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when h