@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 189 kB
JavaScript
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})},ts=(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 os=(e,t,o)=>(o=e!=null?cp(mp(e)):{},ts(t||!e||!e.__esModule?il(o,"default",{value:e,enumerable:!0}):o,e)),fp=e=>ts(il({},"__esModule",{value:!0}),e);var fx={};hp(fx,{SchedulerFlexMonth:()=>jn});module.exports=fp(fx);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 as(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 Ia=require("react/jsx-runtime"),ql="k-font-icon",xp=[],Cp={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]},vp={},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=xp;Oa.options=Cp;Oa.className=ql;Oa.defaultOptions=vp;var ls=Oa;var So=require("react/jsx-runtime"),Yl="k-svg-icon",yp=[],kp={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,So.jsx)(So.Fragment,{});if(b==="none")return(0,So.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,So.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,So.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=yp;Ba.options=kp;Ba.className=Yl;Ba.defaultOptions=Ql;var Zl=Ba;var jl=os(require("@progress/kendo-svg-icons"));var rs="icon",ns="icons";var ds=require("react");var ss=require("react"),is=(0,ss.createContext)({iconsType:"svg"});var Yt=require("react/jsx-runtime"),dl="k-icon",Sp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),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],variant:[_t.outline,_t.solid,_t.duotone]},cl={viewBox:"0 0 24 24",type:"svg",variant:_t.outline},A=e=>{let{iconsType:t}=(0,ds.useContext)(is),{size:o,themeColor:a,icon:r,type:s=t||cl.type,rotate:u,flip:b,viewBox:f=cl.viewBox,variant:x=cl.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,dl),icon:r,size:o,variant:x});let h=jl[r]?r:Sp(`${r}-icon`);return jl[h]?(0,Yt.jsx)(Zl,{...v,className:n(e.className,dl),icon:jl[h],size:o,themeColor:a,rotate:u,flip:b,viewBox:f,variant:x}):(0,Yt.jsx)(Yt.Fragment,{})}return(0,Yt.jsx)(ls,{...v,className:n(e.className,dl),icon:r,size:o,themeColor:a,rotate:u,flip:b})};A.states=Np;A.options=gp;A.defaultOptions=cl;A.className=dl;A.moduleName=rs;A.folderName=ns;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",cs=tr;var ht=require("react/jsx-runtime"),Pa="k-button",Tp=["icon-button"],wp=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Mp={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,as(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=wp;c.options=Mp;c.variants=Tp;c.className=Pa;c.defaultOptions=or;c.moduleName=tr;c.folderName=cs;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 ps=require("react/jsx-runtime"),io=e=>(0,ps.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var us=require("react/jsx-runtime"),Da=e=>(0,us.jsx)(c,{icon:"folder",children:"Button",...e});var ms=require("react/jsx-runtime"),No=e=>(0,ms.jsx)(c,{children:"Button",...e});var pl=require("react/jsx-runtime"),Lp=c.options,Ep=c.states,Ap={...c.defaultOptions,variant:"text"},Rp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ip=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,pl.jsx)(io,{...o,icon:"star"});case"icon-and-text":return(0,pl.jsx)(Da,{...o,icon:"star",children:"Button"});default:return(0,pl.jsx)(No,{...o,children:"Button"})}};Do.options=Lp;Do.states=Ep;Do.variants=Rp;Do.defaultOptions=Ap;Do.modifiers=Ip;Do.className=c.className;var ar="button",bs=ar;var hs=require("react/jsx-runtime"),Ka="k-button-group",Op=[d.disabled],Bp={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Pp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,hs.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=Op;B.options=Bp;B.className=Ka;B.defaultOptions=Pp;B.moduleName=ar;B.folderName=bs;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"),Dp={...c.options,...B.options},Kp=c.states,Hp={...c.defaultOptions,...B.defaultOptions,variant:"text-button"},_p=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zp=[],Ko=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"})]})};Ko.options=Dp;Ko.states=Kp;Ko.variants=_p;Ko.defaultOptions=Hp;Ko.modifiers=zp;Ko.className=B.className;var cr="segmented-control",fs=cr,xs="segmented-control-button",Cs="segmented-control";var ml=require("react/jsx-runtime"),ul="k-segmented-control",Gp=[],Up={size:[p.undefined,p.small,p.medium,p.large]},pe=e=>{let{size:t,stretched:o,children:a,thumbStyles:r,...s}=e;return(0,ml.jsxs)("div",{...s,className:n(e.className,ul,_(ul,{size:t}),{[`${ul}-stretched`]:o}),role:"group",children:[(0,ml.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),a]})};pe.states=Gp;pe.options=Up;pe.className=ul;pe.moduleName=cr;pe.folderName=fs;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",Fp=[d.selected,d.hover,d.focus,d.disabled],Wp={},Vp={},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=Fp;G.options=Wp;G.className=pr;G.defaultOptions=Vp;G.moduleName=xs;G.folderName=Cs;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 xr=require("react/jsx-runtime");var j="scheduler",ee=j;var ks=require("react/jsx-runtime"),vs="k-scheduler-layout",$p=[],Xp={},Jp={},go=e=>{let{as:t="div",view:o,...a}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return(0,ks.jsx)(t,{...a,className:n(e.className,vs,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};go.states=$p;go.options=Xp;go.className=vs;go.defaultOptions=Jp;go.moduleName=j;go.folderName=ee;var ys=go;var fl=require("react/jsx-runtime"),Ss="k-scheduler",qp=[],Yp={},Qp={},Q=e=>{let{view:t,toolbar:o,footer:a,layout:r,...s}=e;return(0,fl.jsxs)("div",{...s,className:n(e.className,Ss),role:"application",children:[o,(0,fl.jsx)(ys,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),a]})};Q.states=qp;Q.options=Yp;Q.className=Ss;Q.defaultOptions=Qp;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 Cr=require("react/jsx-runtime"),Ns="k-scheduler-header",zt=e=>(0,Cr.jsx)("div",{...e,className:n(Ns,e.className),children:(0,Cr.jsx)("div",{className:"k-scheduler-header-wrap",children:e.children})});zt.className=Ns;zt.moduleName=j;zt.folderName=ee;var Ts=require("react/jsx-runtime"),gs="k-scheduler-content",Gt=e=>(0,Ts.jsx)("div",{...e,className:n(gs,e.className),children:e.children});Gt.className=gs;Gt.moduleName=j;Gt.folderName=ee;var Ms=require("react/jsx-runtime"),ws="k-scheduler-times",co=e=>(0,Ms.jsx)("div",{...e,className:n(ws,e.className),children:e.children});co.className=ws;co.moduleName=j;co.folderName=ee;var Es=require("react/jsx-runtime"),Ls="k-scheduler-table",Ut=e=>(0,Es.jsx)("table",{...e,className:n(Ls,e.className),children:e.children});Ut.className=Ls;Ut.moduleName=j;Ut.folderName=ee;var vr=require("react/jsx-runtime"),As="k-scheduler-cell",Zp=[],jp={},eu={},l=e=>{let{cellType:t,allDay:o,text:a,colspan:r,rowspan:s,as:u="div",...b}=e,f=a||e.children,x=!a&&!e.children,v=u==="th"&&x&&!b.role?"presentation":void 0;return(0,vr.jsx)(u,{...b,colSpan:r,rowSpan:s,...v&&{role:v},className:n(As,e.className,{"k-scheduler-times-all-day":o},t==null?void 0:t.map(N=>({[`k-${N}-cell`]:!0}))),children:!o&&a?(0,vr.jsx)("span",{className:"k-link k-nav-day",children:f}):f})};l.states=Zp;l.options=jp;l.defaultOptions=eu;l.className=As;l.moduleName=j;l.folderName=ee;var Is=require("react/jsx-runtime"),Rs="k-sticky-cell",Ho=e=>(0,Is.jsx)("div",{...e,className:n(Rs,e.className),children:e.children});Ho.className=Rs;Ho.moduleName=j;Ho.folderName=ee;var Bs=require("react/jsx-runtime"),Os="k-scheduler-row",T=e=>(0,Bs.jsx)("div",{...e,className:n(Os,e.className),children:e.children});T.className=Os;T.moduleName=j;T.folderName=ee;var _a="input",xl=_a;var Ps=require("react/jsx-runtime"),Cl="k-input",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={},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,Ps.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=tu;ge.options=ou;ge.className=Cl;ge.defaultOptions=au;ge.moduleName=_a;ge.folderName=xl;var Ds=require("react/jsx-runtime"),vl="k-picker",lu=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],ru={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]},nu={},Ft=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,Ds.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})};Ft.states=lu;Ft.options=ru;Ft.className=vl;Ft.defaultOptions=nu;Ft.moduleName=_a;Ft.folderName=xl;var _o=require("react/jsx-runtime"),Ks="k-clear-value",su=[d.disabled,d.loading,d.readonly],iu={},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,Ks),children:(0,_o.jsx)(A,{icon:"x"})})};ft.states=su;ft.options=iu;ft.className=Ks;var Hs=require("react/jsx-runtime"),yr="k-input-inner",du=[],cu={},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,Hs.jsx)("input",{...b,type:o,className:n(e.className,yr,_(yr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};xt.states=du;xt.options=cu;xt.className=yr;var za=require("react/jsx-runtime"),kr="k-input-inner",pu=[],uu={},To=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...u}=e;return(0,za.jsxs)("span",{...u,className:n(e.className,kr,_(kr,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})]})};To.states=pu;To.options=uu;To.className=kr;var zs=require("react/jsx-runtime"),Sr="k-input-inner",mu=[],bu={},_s={value:"",placeholder:""},Nr=e=>{let{value:t=_s.value,placeholder:o=_s.placeholder,rows:a,disabled:r,...s}=e;return(0,zs.jsx)("textarea",{...s,className:n(e.className,Sr,_(Sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Nr.states=mu;Nr.options=bu;Nr.className=Sr;var Ga=require("react/jsx-runtime"),Gs="k-input-loading-icon",hu=[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,Gs,"k-icon k-i-loading")})};pt.states=hu;pt.className=Gs;var Ua=require("react/jsx-runtime"),Us="k-input-validation-icon",fu=[d.valid,d.invalid,d.disabled,d.loading],xu={},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(Us),icon:s})};lt.states=fu;lt.options=xu;lt.className=Us;var Fa=require("react/jsx-runtime"),Cu="k-input-prefix",vu={direction:"horizontal"},Nt=e=>{let{direction:t=vu.direction,...o}=e;return e.children?(0,Fa.jsx)("span",{...o,className:n(Cu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Fa.jsx)(Fa.Fragment,{})};var Wa=require("react/jsx-runtime"),yu="k-input-suffix",ku={direction:"horizontal"},gt=e=>{let{direction:t=ku.direction,...o}=e;return e.children?(0,Wa.jsx)("span",{...o,className:n(yu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Wa.jsx)(Wa.Fragment,{})};var Su=require("react/jsx-runtime");var Fs=require("react/jsx-runtime"),Nu="k-input-suffix-text",gr=e=>{let{children:t,...o}=e;return(0,Fs.jsx)("span",{...o,className:n(Nu,e.className),children:t})};var Vs=require("react/jsx-runtime"),Ws="k-input-separator",gu={direction:"vertical"},Tt=e=>{let{direction:t=gu.direction,...o}=e;return(0,Vs.jsx)("span",{...o,className:n(Ws,e.className,{[`${Ws}-${t}`]:t})})};var Be=require("react/jsx-runtime"),Tu=ge.states,wu=ge.defaultOptions,Mu=ge.options,Lu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Eu=[],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)(No,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};zo.options=Mu;zo.states=Tu;zo.variants=Eu;zo.defaultOptions=wu;zo.modifiers=Lu;zo.className=ge.className;var Va=require("react/jsx-runtime"),$s="k-color-preview",Au=[],Ru={},po=e=>{let{color:t,iconName:o,...a}=e;return(0,Va.jsxs)("span",{...a,className:n(e.className,$s,{"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}})]})};po.states=Au;po.options=Ru;po.className=$s;var Tr="popup",Xs=Tr;var Mr=require("react/jsx-runtime"),Js="k-animation-container",Iu=[],Ou={},wr={positionMode:"absolute",shown:!0},Wt=e=>{let{positionMode:t=wr.positionMode,shown:o=wr.shown,animationStyle:a,offset:r,...s}=e;return(0,Mr.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Js,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Mr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Wt.states=Iu;Wt.options=Ou;Wt.className=Js;Wt.defaultOptions=wr;Wt.moduleName=Tr;Wt.folderName=Xs;var Lr="popup",qs=Lr;var Er=require("react/jsx-runtime"),Ys="k-popup",Bu=[],Pu={},Qs={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Qs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:u,...b}=e;return(0,Er.jsx)(Wt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":u,children:(0,Er.jsx)("div",{...b,className:n(e.className,Ys),children:e.children})})};me.states=Bu;me.options=Pu;me.className=Ys;me.defaultOptions=Qs;me.moduleName=Lr;me.folderName=qs;me.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 Ar="action-buttons",Zs=Ar;var js=require("react/jsx-runtime"),kl="k-actions",Du=[],Ku={},Rr={alignment:"start",orientation:"horizontal"},Vt=e=>{let{alignment:t=Rr.alignment,orientation:o=Rr.orientation,...a}=e;return(0,js.jsx)("div",{...a,className:n(kl,{[`${kl}-${t}`]:t,[`${kl}-${o}`]:o},e.className),children:e.children})};Vt.states=Du;Vt.options=Ku;Vt.className=kl;Vt.defaultOptions=Rr;Vt.moduleName=Ar;Vt.folderName=Zs;var ti=require("react/jsx-runtime"),Hu="k-actionsheet-footer",ei={alignment:"stretched",orientation:"horizontal"},uo=e=>{let{alignment:t=ei.alignment,orientation:o=ei.orientation,template:a,as:r=a?"div":Vt,...s}=e;return(0,ti.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Hu),children:e.children})};var Ir="searchbox",oi=Ir;var mo=require("react/jsx-runtime"),ai="k-searchbox",_u=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],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]},Or={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=Or.showIcon,icon:M=Or.icon,"aria-label":P,...H}=e;return(0,mo.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,ai),children:[R&&(0,mo.jsx)(A,{className:"k-input-icon",icon:M}),(0,mo.jsx)(xt,{placeholder:o,value:t,"aria-label":P}),(0,mo.jsx)(pt,{...e}),(0,mo.jsx)(lt,{...e}),(0,mo.jsx)(ft,{...e})]})};wt.states=_u;wt.options=zu;wt.className=ai;wt.defaultOptions=Or;wt.moduleName=Ir;wt.folderName=oi;var Gu=require("react/jsx-runtime");var Br="textbox",li=Br;var Je=require("react/jsx-runtime"),ri="k-textbox",Uu=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Fu={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,ri),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=Uu;_e.options=Fu;_e.className=ri;_e.defaultOptions=Sl;_e.moduleName=Br;_e.folderName=li;_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 si=require("react/jsx-runtime"),ni=e=>(0,si.jsx)($a,{...e});var ii=require("react/jsx-runtime");var di=require("react/jsx-runtime");var Wu=require("react/jsx-runtime");var Nl=require("react/jsx-runtime"),Vu=_e.states,$u=_e.defaultOptions,Xu=_e.options,Ju=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qu=[],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)(No,{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)(ni,{value:"Value",style:{width:300},...o,...a})};Go.options=Xu;Go.states=Vu;Go.variants=qu;Go.defaultOptions=$u;Go.modifiers=Ju;Go.className=_e.className;var Ct=require("react/jsx-runtime"),ci="k-actionsheet-titlebar",Yu={},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,ci),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=ci;rt.defaultOptions=Yu;var Uo=require("react/jsx-runtime"),Pr="k-actionsheet-view",Qu=[],Zu={},ju={},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)===uo&&(0,Uo.jsx)(uo,{...s==null?void 0:s.props});return(0,Uo.jsxs)("div",{...b,className:n(e.className,Pr,{[`${Pr}-animated`]:o}),children:[f,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};Fo.states=Qu;Fo.options=Zu;Fo.className=Pr;Fo.defaultOptions=ju;var Xa="action-sheet",gl=Xa;var Dr="overlay",pi=Dr;var mi=require("react/jsx-runtime"),ui="k-overlay",em=[],tm={},om={},bo=e=>{let{...t}=e;return(0,mi.jsx)("div",{...t,className:n(e.className,ui),children:e.children})};bo.states=em;bo.options=tm;bo.className=ui;bo.defaultOptions=om;bo.moduleName=Dr;bo.folderName=pi;var wo=require("react/jsx-runtime"),bi="k-actionsheet",am=[],lm={},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,wo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,wo.jsx)(bo,{}),(0,wo.jsx)(Wt,{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,wo.jsx)("div",{...v,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:n(e.className,bi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,wo.jsx)(Fo,{header:b,footer:f,adaptive:a,titleId:N,...e,children:u})})})]})};ye.states=am;ye.options=lm;ye.className=bi;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 fi=require("react/jsx-runtime"),hi="k-actionsheet-container",rm=[],nm={},sm={},Wo=e=>{let{children:t,...o}=e;return(0,fi.jsx)("div",{...o,className:hi,children:t})};Wo.states=rm;Wo.options=nm;Wo.className=hi;Wo.defaultOptions=sm;Wo.moduleName=Xa;Wo.folderName=gl;var xi=require("react/jsx-runtime"),Kr=e=>{let{...t}=e;return(0,xi.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Mt=require("react/jsx-runtime"),Hr="k-actionsheet-item",im=[d.hover,d.focus,d.selected,d.disabled],ho=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,Hr,z(Hr,{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]})};ho.states=im;ho.className=Hr;var Ci=require("react/jsx-runtime");var dm=require("react/jsx-runtime");var cm=require("react/jsx-runtime");var pm=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),um=ye.options,mm=ye.states,yi={...ye.defaultOptions,variant:"normal"},bm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],hm=[{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}={...yi,...e},r={},s=(0,fe.jsxs)(Kr,{children:[(0,fe.jsx)(ho,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(ho,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(ho,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(ho,{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,fe.jsx)(ye,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,fe.jsx)(rt,{actionsStart:r.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,fe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,fe.jsx)(ye,{...a,fullscreen:r.fullScreen,header:(0,fe.jsx)(rt,{actionsStart:r.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,fe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,fe.jsxs)(uo,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Vo.options=um;Vo.states=mm;Vo.variants=bm;Vo.defaultOptions=yi;Vo.modifiers=hm;Vo.className=ye.className;var _r="slider",ki=_r;var Rt=require("react/jsx-runtime"),qa="k-slider",fm=[d.hover,d.focus,d.active,d.disabled,d.readonly],xm={},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=fm;de.options=xm;de.className=qa;de.defaultOptions=Lt;de.moduleName=_r;de.folderName=ki;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 zr=require("react/jsx-runtime"),Si="k-tick",Cm=[],vm={},Ni={label:!1},W=e=>{let{style:t,label:o=Ni.label,orientation:a,large:r,text:s,...u}=e;return(0,zr.jsx)("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,Si,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,zr.jsx)("span",{className:"k-label",children:s})})};W.states=Cm;W.options=vm;W.className=Si;W.defaultOptions=Ni;var ze=require("react/jsx-runtime"),gi=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"),Ti=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 Gr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var wi=require("react/jsx-runtime"),Fr=e=>(0,wi.jsx)(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Mi=require("react/jsx-runtime"),Wr=e=>(0,Mi.jsx)(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Vr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),ym=de.options,km=de.states,Li={...de.defaultOptions,variant:"horizontal",label:!0},Sm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nm=[{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=Li.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)(Ti,{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)(gi,{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=ym;$o.states=km;$o.variants=Sm;$o.defaultOptions=Li;$o.modifiers=Nm;$o.className=de.className;var Ya=require("react/jsx-runtime"),Ei="k-spin-button",wm=[],Mm={size:[p.undefined,p.small,p.medium,p.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Xr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},fo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Xr.increaseLabel,decreaseLabel:s=Xr.decreaseLabel,...u}=e;return(0,Ya.jsxs)("span",{...u,className:n(Ei,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})]})};fo.states=wm;fo.options=Mm;fo.className=Ei;fo.defaultOptions=Xr;fo.moduleName=null;fo.folderName=null;var Ai="numeric-textbox",Ri="numerictextbox";var Ue=requir