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

A collection of HTML helpers used for developing Kendo UI themes

var cp=Object.create;var dl=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)dl(e,o,{get:t[o],enumerable:!0})},es=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of up(t))!bp.call(e,r)&&r!==o&&dl(e,r,{get:()=>t[r],enumerable:!(l=pp(t,r))||l.enumerable});return e};var ts=(e,t,o)=>(o=e!=null?cp(mp(e)):{},es(t||!e||!e.__esModule?dl(o,"default",{value:e,enumerable:!0}):o,e)),fp=e=>es(dl({},"__esModule",{value:!0}),e);var xx={};hp(xx,{SchedulerDay:()=>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,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var z=(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"}),G=(e,t)=>{let{valid:o,invalid:l,hover:r,focus:s,checked:u,active:h,selected:x,disabled:C,indeterminate:y,loading:g,empty:f,readonly:I,highlighted:L,...D}=t;return n({"k-valid":o,"k-invalid":l,"k-hover":r,"k-focus":s,"k-checked":u,"k-active":h,"k-selected":x,"k-disabled":C,"k-indeterminate":y&&!u,"k-loading":g,"k-empty":f,"k-readonly":I,"k-highlighted":L},Object.keys(D).reduce((_,K)=>(K.startsWith("k-")?_[K]=D[K]:_[`k-${K}`]=D[K],_),{}))};function os(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},S={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ft={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},A={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 ql={};function Y(e){return ql[e]=(ql[e]||0)+1,`k-${e}-${ql[e]}`}var Oa=require("react/jsx-runtime"),Yl="k-font-icon",xp=[],Cp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info]},vp={},Ba=e=>{let{size:t,themeColor:o,icon:l,rotate:r,flip:s,...u}=e;return l?(0,Oa.jsx)("span",{...u,className:n(e.className,Yl,z(Yl,{size:t}),{[`k-i-${l}`]:l,[`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,Oa.jsx)(Oa.Fragment,{})};Ba.states=xp;Ba.options=Cp;Ba.className=Yl;Ba.defaultOptions=vp;var as=Ba;var No=require("react/jsx-runtime"),Ql="k-svg-icon",yp=[],kp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[Ft.outline,Ft.solid,Ft.duotone]},Zl={viewBox:"0 0 24 24",variant:Ft.outline},Pa=e=>{var g,f;let{size:t,themeColor:o,rotate:l,flip:r,viewBox:s=Zl.viewBox,variant:u=Zl.variant,icon:h,...x}=e;if(!h)return(0,No.jsx)(No.Fragment,{});if(h==="none")return(0,No.jsx)("span",{...x,className:n(e.className,Ql,z("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let C=typeof h=="object"&&h.name&&h.name,y=typeof h=="object"?u&&((g=h.variants)==null?void 0:g[u])||((f=h.variants)==null?void 0:f.outline)||h.content:void 0;return(0,No.jsx)("span",{...x,className:n(e.className,Ql,z("k-icon",{size:t}),{[`k-svg-i-${C}`]:C,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,No.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof h=="object"?h.viewBox:s,dangerouslySetInnerHTML:y!==void 0?{__html:y}:void 0,children:h?void 0:e.children})})};Pa.states=yp;Pa.options=kp;Pa.className=Ql;Pa.defaultOptions=Zl;var jl=Pa;var er=ts(require("@progress/kendo-svg-icons"));var ls="icon",rs="icons";var is=require("react");var ns=require("react"),ss=(0,ns.createContext)({iconsType:"svg"});var Zt=require("react/jsx-runtime"),cl="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:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[Ft.outline,Ft.solid,Ft.duotone]},pl={viewBox:"0 0 24 24",type:"svg",variant:Ft.outline},R=e=>{let{iconsType:t}=(0,is.useContext)(ss),{size:o,themeColor:l,icon:r,type:s=t||pl.type,rotate:u,flip:h,viewBox:x=pl.viewBox,variant:C=pl.variant,...y}=e;if(!r)return(0,Zt.jsx)(Zt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Zt.jsx)(jl,{...y,className:n(e.className,cl),icon:r,size:o,variant:C});let f=er[r]?r:Sp(`${r}-icon`);return er[f]?(0,Zt.jsx)(jl,{...y,className:n(e.className,cl),icon:er[f],size:o,themeColor:l,rotate:u,flip:h,viewBox:x,variant:C}):(0,Zt.jsx)(Zt.Fragment,{})}return(0,Zt.jsx)(as,{...y,className:n(e.className,cl),icon:r,size:o,themeColor:l,rotate:u,flip:h})};R.states=Np;R.options=gp;R.defaultOptions=pl;R.className=cl;R.moduleName=ls;R.folderName=rs;R.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 tr=R;var or="button",ds=or;var xt=require("react/jsx-runtime"),Da="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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info,A.inverse]},ar={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:l,fillMode:r,themeColor:s,showArrow:u=ar.showArrow,arrowIconName:h=ar.arrowIconName,variant:x,hover:C,focus:y,active:g,selected:f,disabled:I,togglable:L,ariaDisabled:D,icon:_,iconSize:K,text:q,iconClassName:ue,className:ge,..._e}=e,Be=_!=null,lt=e.children!==void 0;return(0,xt.jsxs)(t,{className:n(ge,Da,os(Da,x),z(Da,{size:o,rounded:l,fillMode:r,themeColor:s}),G(Da,{hover:C,focus:y,active:g,disabled:I||D,selected:f}),{"k-icon-button":!q&&!lt&&Be}),"aria-pressed":L?f?"true":"false":void 0,..._e,"aria-disabled":D?"true":void 0,disabled:I||void 0,children:[typeof _=="string"&&_&&(0,xt.jsx)(R,{className:n(ue,"k-button-icon"),icon:_,size:K}),_&&typeof _!="string"&&(0,xt.jsx)(xt.Fragment,{children:_}),q?(0,xt.jsxs)(xt.Fragment,{children:[q&&(0,xt.jsx)("span",{className:"k-button-text",children:q}),e.children]}):e.children&&(0,xt.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,xt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,xt.jsx)(R,{icon:h})})]})};c.states=wp;c.options=Mp;c.variants=Tp;c.className=Da;c.defaultOptions=ar;c.moduleName=or;c.folderName=ds;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 cs=require("react/jsx-runtime"),po=e=>(0,cs.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ps=require("react/jsx-runtime"),Ka=e=>(0,ps.jsx)(c,{icon:"folder",children:"Button",...e});var us=require("react/jsx-runtime"),go=e=>(0,us.jsx)(c,{children:"Button",...e});var ul=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=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ul.jsx)(po,{...o,icon:"star"});case"icon-and-text":return(0,ul.jsx)(Ka,{...o,icon:"star",children:"Button"});default:return(0,ul.jsx)(go,{...o,children:"Button"})}};Ko.options=Lp;Ko.states=Ep;Ko.variants=Rp;Ko.defaultOptions=Ap;Ko.modifiers=Ip;Ko.className=c.className;var ee="scheduler",te=ee;var hs=require("react/jsx-runtime"),ms="k-scheduler-layout",Op=[],Bp={},Pp={},To=e=>{let{as:t="div",view:o,...l}=e,r=o==="agenda"?"grid":o==="year"?void 0:"none";return(0,hs.jsx)(t,{...l,className:n(e.className,ms,{[`k-scheduler-${o}view`]:o}),...r&&{role:r},children:e.children})};To.states=Op;To.options=Bp;To.className=ms;To.defaultOptions=Pp;To.moduleName=ee;To.folderName=te;var bs=To;var ml=require("react/jsx-runtime"),fs="k-scheduler",Dp=[],Kp={},Hp={},Q=e=>{let{view:t,toolbar:o,footer:l,layout:r,...s}=e;return(0,ml.jsxs)("div",{...s,className:n(e.className,fs),role:"application",children:[o,(0,ml.jsx)(bs,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),l]})};Q.states=Dp;Q.options=Kp;Q.className=fs;Q.defaultOptions=Hp;Q.moduleName=ee;Q.folderName=te;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 lr=require("react/jsx-runtime"),xs="k-scheduler-header",Ot=e=>(0,lr.jsx)("div",{...e,className:n(xs,e.className),children:(0,lr.jsx)("div",{className:"k-scheduler-header-wrap",children:e.children})});Ot.className=xs;Ot.moduleName=ee;Ot.folderName=te;var vs=require("react/jsx-runtime"),Cs="k-scheduler-content",Bt=e=>(0,vs.jsx)("div",{...e,className:n(Cs,e.className),children:e.children});Bt.className=Cs;Bt.moduleName=ee;Bt.folderName=te;var ks=require("react/jsx-runtime"),ys="k-scheduler-times",Wt=e=>(0,ks.jsx)("div",{...e,className:n(ys,e.className),children:e.children});Wt.className=ys;Wt.moduleName=ee;Wt.folderName=te;var Ns=require("react/jsx-runtime"),Ss="k-scheduler-table",rt=e=>(0,Ns.jsx)("table",{...e,className:n(Ss,e.className),children:e.children});rt.className=Ss;rt.moduleName=ee;rt.folderName=te;var rr=require("react/jsx-runtime"),gs="k-scheduler-cell",_p=[],zp={},Gp={},a=e=>{let{cellType:t,allDay:o,text:l,colspan:r,rowspan:s,as:u="div",...h}=e,x=l||e.children,C=!l&&!e.children,y=u==="th"&&C&&!h.role?"presentation":void 0;return(0,rr.jsx)(u,{...h,colSpan:r,rowSpan:s,...y&&{role:y},className:n(gs,e.className,{"k-scheduler-times-all-day":o},t==null?void 0:t.map(g=>({[`k-${g}-cell`]:!0}))),children:!o&&l?(0,rr.jsx)("span",{className:"k-link k-nav-day",children:x}):x})};a.states=_p;a.options=zp;a.defaultOptions=Gp;a.className=gs;a.moduleName=ee;a.folderName=te;var ws=require("react/jsx-runtime"),Ts="k-sticky-cell",Ho=e=>(0,ws.jsx)("div",{...e,className:n(Ts,e.className),children:e.children});Ho.className=Ts;Ho.moduleName=ee;Ho.folderName=te;var Ls=require("react/jsx-runtime"),Ms="k-scheduler-row",w=e=>(0,Ls.jsx)("div",{...e,className:n(Ms,e.className),children:e.children});w.className=Ms;w.moduleName=ee;w.folderName=te;var nr="button",Es=nr;var As=require("react/jsx-runtime"),Ha="k-button-group",Up=[d.disabled],Fp={fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link]},Wp={},P=e=>{let{fillMode:t,disabled:o,stretched:l,...r}=e;return(0,As.jsx)("div",{role:"group",...r,className:n(e.className,Ha,z(Ha,{fillMode:t}),G(Ha,{disabled:o}),{[`${Ha}-stretched`]:l}),...o&&{"aria-disabled":"true"},children:e.children})};P.states=Up;P.options=Fp;P.className=Ha;P.defaultOptions=Wp;P.moduleName=nr;P.folderName=Es;P.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var sr=require("react/jsx-runtime");var ir=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var pr=require("react/jsx-runtime");var ur=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),Vp={...c.options,...P.options},$p=c.states,Xp={...c.defaultOptions,...P.defaultOptions,variant:"text-button"},Jp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],qp=[],_o=e=>{let{variant:t,className:o,...l}=e;return t==="icon-button"?(0,ut.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,ut.jsx)(c,{...l,icon:"star"}),(0,ut.jsx)(c,{...l,icon:"star"}),(0,ut.jsx)(c,{...l,icon:"star"})]}):t==="icon-text-button"?(0,ut.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,ut.jsx)(c,{...l,icon:"star",children:"First"}),(0,ut.jsx)(c,{...l,icon:"star",children:"Middle"}),(0,ut.jsx)(c,{...l,icon:"star",children:"Last"})]}):(0,ut.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,ut.jsx)(c,{...l,children:"First"}),(0,ut.jsx)(c,{...l,children:"Middle"}),(0,ut.jsx)(c,{...l,children:"Last"})]})};_o.options=Vp;_o.states=$p;_o.variants=Jp;_o.defaultOptions=Xp;_o.modifiers=qp;_o.className=P.className;var mr="segmented-control",Rs=mr,Is="segmented-control-button",Os="segmented-control";var hl=require("react/jsx-runtime"),bl="k-segmented-control",Yp=[],Qp={size:[p.undefined,p.small,p.medium,p.large]},me=e=>{let{size:t,stretched:o,children:l,thumbStyles:r,...s}=e;return(0,hl.jsxs)("div",{...s,className:n(e.className,bl,z(bl,{size:t}),{[`${bl}-stretched`]:o}),role:"group",children:[(0,hl.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),l]})};me.states=Yp;me.options=Qp;me.className=bl;me.moduleName=mr;me.folderName=Rs;me.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 _a=require("react/jsx-runtime"),br="k-segmented-control-button",Zp=[d.selected,d.hover,d.focus,d.disabled],jp={},eu={},U=e=>{let{hover:t,focus:o,selected:l,disabled:r,icon:s,text:u,iconClassName:h,...x}=e;return(0,_a.jsxs)("button",{...x,className:n(e.className,br,G(br,{hover:t,focus:o,disabled:r,selected:l})),"aria-pressed":l?"true":"false","aria-disabled":r?"true":void 0,children:[s&&(0,_a.jsx)(R,{className:n(h,"k-segmented-control-button-icon"),icon:s}),(u||e.children)&&(0,_a.jsx)("span",{className:"k-segmented-control-button-text",children:u||e.children})]})};U.states=Zp;U.options=jp;U.className=br;U.defaultOptions=eu;U.moduleName=Is;U.folderName=Os;var hr=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var Cr=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var za="input",Cl=za;var Bs=require("react/jsx-runtime"),vl="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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},au={},Te=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:u,readonly:h,size:x,rounded:C,fillMode:y,...g}=e;return(0,Bs.jsx)("span",{...g,className:n(e.className,vl,z(vl,{size:x,rounded:C,fillMode:y}),G(vl,{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:u,readonly:h}))})};Te.states=tu;Te.options=ou;Te.className=vl;Te.defaultOptions=au;Te.moduleName=za;Te.folderName=Cl;var Ps=require("react/jsx-runtime"),yl="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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},nu={},Vt=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:u,readonly:h,size:x,rounded:C,fillMode:y,...g}=e;return(0,Ps.jsx)("span",{...g,className:n(e.className,yl,z(yl,{size:x,rounded:C,fillMode:y}),G(yl,{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:u,readonly:h})),children:e.children})};Vt.states=lu;Vt.options=ru;Vt.className=yl;Vt.defaultOptions=nu;Vt.moduleName=za;Vt.folderName=Cl;var zo=require("react/jsx-runtime"),Ds="k-clear-value",su=[d.disabled,d.loading,d.readonly],iu={},Ct=e=>{let{disabled:t,loading:o,readonly:l,value:r}=e;return t||l||o||!r?(0,zo.jsx)(zo.Fragment,{}):(0,zo.jsx)("span",{className:n(e.className,Ds),children:(0,zo.jsx)(R,{icon:"x"})})};Ct.states=su;Ct.options=iu;Ct.className=Ds;var Ks=require("react/jsx-runtime"),yr="k-input-inner",du=[],cu={},kl={type:"text",autocomplete:"off",value:"",placeholder:""},vt=e=>{let{value:t=kl.value,type:o=kl.type,placeholder:l=kl.placeholder,autocomplete:r=kl.autocomplete,disabled:s,readOnly:u,...h}=e;return(0,Ks.jsx)("input",{...h,type:o,className:n(e.className,yr,z(yr,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};vt.states=du;vt.options=cu;vt.className=yr;var Ga=require("react/jsx-runtime"),kr="k-input-inner",pu=[],uu={},wo=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:r,valueIconName:s,...u}=e;return(0,Ga.jsxs)("span",{...u,className:n(e.className,kr,z(kr,e)),children:[r,!r&&s&&(0,Ga.jsx)(R,{className:"k-input-value-icon",icon:s}),l&&!t&&o,l&&t&&(0,Ga.jsx)("span",{className:"k-input-value-text",children:t})]})};wo.states=pu;wo.options=uu;wo.className=kr;var _s=require("react/jsx-runtime"),Sr="k-input-inner",mu=[],bu={},Hs={value:"",placeholder:""},Nr=e=>{let{value:t=Hs.value,placeholder:o=Hs.placeholder,rows:l,disabled:r,...s}=e;return(0,_s.jsx)("textarea",{...s,className:n(e.className,Sr,z(Sr,e)),placeholder:o,rows:l,defaultValue:t,disabled:r||void 0})};Nr.states=mu;Nr.options=bu;Nr.className=Sr;var Ua=require("react/jsx-runtime"),zs="k-input-loading-icon",hu=[d.disabled,d.loading],mt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ua.jsx)(Ua.Fragment,{}):(0,Ua.jsx)("span",{className:n(e.className,zs,"k-icon k-i-loading")})};mt.states=hu;mt.className=zs;var Fa=require("react/jsx-runtime"),Gs="k-input-validation-icon",fu=[d.valid,d.invalid,d.disabled,d.loading],xu={},nt=e=>{let{valid:t,invalid:o,disabled:l,loading:r}=e,s=o?"warning-circle":"check-circle";return l||r||!!!(t||o)?(0,Fa.jsx)(Fa.Fragment,{}):(0,Fa.jsx)(R,{className:n(Gs),icon:s})};nt.states=fu;nt.options=xu;nt.className=Gs;var Wa=require("react/jsx-runtime"),Cu="k-input-prefix",vu={direction:"horizontal"},Tt=e=>{let{direction:t=vu.direction,...o}=e;return e.children?(0,Wa.jsx)("span",{...o,className:n(Cu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Wa.jsx)(Wa.Fragment,{})};var Va=require("react/jsx-runtime"),yu="k-input-suffix",ku={direction:"horizontal"},wt=e=>{let{direction:t=ku.direction,...o}=e;return e.children?(0,Va.jsx)("span",{...o,className:n(yu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Va.jsx)(Va.Fragment,{})};var Su=require("react/jsx-runtime");var Us=require("react/jsx-runtime"),Nu="k-input-suffix-text",gr=e=>{let{children:t,...o}=e;return(0,Us.jsx)("span",{...o,className:n(Nu,e.className),children:t})};var Ws=require("react/jsx-runtime"),Fs="k-input-separator",gu={direction:"vertical"},Mt=e=>{let{direction:t=gu.direction,...o}=e;return(0,Ws.jsx)("span",{...o,className:n(Fs,e.className,{[`${Fs}-${t}`]:t})})};var Pe=require("react/jsx-runtime"),Tu=Te.states,wu=Te.defaultOptions,Mu=Te.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=[],Go=e=>{let{modifiers:t,valid:o,invalid:l,loading:r,disabled:s,readonly:u,...h}=e,x=t==null?void 0:t.prefix,C=t==null?void 0:t.suffix,y=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],f=t==null?void 0:t.separators;return(0,Pe.jsxs)(Te,{...h,valid:o,invalid:l,loading:r,disabled:s,readonly:u,style:{width:300},children:[x&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(Tt,{children:(0,Pe.jsx)(R,{icon:"lock"})}),f&&(0,Pe.jsx)(Mt,{})]}),(0,Pe.jsx)(vt,{placeholder:"Placeholder",value:"Value"}),g&&(0,Pe.jsx)(nt,{valid:o,invalid:l,loading:r,disabled:s}),(0,Pe.jsx)(mt,{loading:r,disabled:s}),y&&(0,Pe.jsx)(Ct,{loading:r,disabled:s,readonly:u,value:"Value"}),C&&(0,Pe.jsxs)(Pe.Fragment,{children:[f&&(0,Pe.jsx)(Mt,{}),(0,Pe.jsx)(wt,{children:(0,Pe.jsx)(go,{size:h.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=Mu;Go.states=Tu;Go.variants=Eu;Go.defaultOptions=wu;Go.modifiers=Lu;Go.className=Te.className;var $a=require("react/jsx-runtime"),Vs="k-color-preview",Au=[],Ru={},uo=e=>{let{color:t,iconName:o,...l}=e;return(0,$a.jsxs)("span",{...l,className:n(e.className,Vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,$a.jsx)(R,{icon:o,className:"k-color-preview-icon"}),(0,$a.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};uo.states=Au;uo.options=Ru;uo.className=Vs;var Tr="popup",$s=Tr;var Mr=require("react/jsx-runtime"),Xs="k-animation-container",Iu=[],Ou={},wr={positionMode:"absolute",shown:!0},$t=e=>{let{positionMode:t=wr.positionMode,shown:o=wr.shown,animationStyle:l,offset:r,...s}=e;return(0,Mr.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Xs,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Mr.jsx)("div",{className:"k-child-animation-container",style:l,children:e.children})})};$t.states=Iu;$t.options=Ou;$t.className=Xs;$t.defaultOptions=wr;$t.moduleName=Tr;$t.folderName=$s;var Lr="popup",Js=Lr;var Er=require("react/jsx-runtime"),qs="k-popup",Bu=[],Pu={},Ys={positionMode:"absolute"},be=e=>{let{offset:t,positionMode:o=Ys.positionMode,animationStyle:l,containerClassName:r,containerRole:s,containerAriaLabel:u,...h}=e;return(0,Er.jsx)($t,{positionMode:o,offset:t,animationStyle:l,className:r,role:s,"aria-label":u,children:(0,Er.jsx)("div",{...h,className:n(e.className,qs),children:e.children})})};be.states=Bu;be.options=Pu;be.className=qs;be.defaultOptions=Ys;be.moduleName=Lr;be.folderName=Js;be.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",Qs=Ar;var Zs=require("react/jsx-runtime"),Sl="k-actions",Du=[],Ku={},Rr={alignment:"start",orientation:"horizontal"},Xt=e=>{let{alignment:t=Rr.alignment,orientation:o=Rr.orientation,...l}=e;return(0,Zs.jsx)("div",{...l,className:n(Sl,{[`${Sl}-${t}`]:t,[`${Sl}-${o}`]:o},e.className),children:e.children})};Xt.states=Du;Xt.options=Ku;Xt.className=Sl;Xt.defaultOptions=Rr;Xt.moduleName=Ar;Xt.folderName=Qs;var ei=require("react/jsx-runtime"),Hu="k-actionsheet-footer",js={alignment:"stretched",orientation:"horizontal"},mo=e=>{let{alignment:t=js.alignment,orientation:o=js.orientation,template:l,as:r=l?"div":Xt,...s}=e;return(0,ei.jsx)(r,{...s,...!l&&{alignment:t,orientation:o},className:n(e.className,Hu),children:e.children})};var Ir="searchbox",ti=Ir;var bo=require("react/jsx-runtime"),oi="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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Or={showIcon:!0,icon:"search"},Lt=e=>{let{value:t,placeholder:o,size:l,rounded:r,fillMode:s,hover:u,focus:h,valid:x,invalid:C,required:y,loading:g,disabled:f,showIcon:I=Or.showIcon,icon:L=Or.icon,"aria-label":D,..._}=e;return(0,bo.jsxs)(Te,{..._,size:l,rounded:r,fillMode:s,hover:u,focus:h,valid:x,invalid:C,required:y,loading:g,disabled:f,className:n(e.className,oi),children:[I&&(0,bo.jsx)(R,{className:"k-input-icon",icon:L}),(0,bo.jsx)(vt,{placeholder:o,value:t,"aria-label":D}),(0,bo.jsx)(mt,{...e}),(0,bo.jsx)(nt,{...e}),(0,bo.jsx)(Ct,{...e})]})};Lt.states=_u;Lt.options=zu;Lt.className=oi;Lt.defaultOptions=Or;Lt.moduleName=Ir;Lt.folderName=ti;var Gu=require("react/jsx-runtime");var Br="textbox",ai=Br;var qe=require("react/jsx-runtime"),li="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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[S.undefined,S.solid,S.flat,S.outline]},Nl={showClearButton:!0,showValidationIcon:!0,separators:!0},ze=e=>{let{size:t,rounded:o,fillMode:l,separators:r=Nl.separators,showClearButton:s=Nl.showClearButton,showValidationIcon:u=Nl.showValidationIcon,prefix:h,suffix:x,type:C,value:y,placeholder:g,hover:f,focus:I,valid:L,invalid:D,required:_,loading:K,disabled:q,readonly:ue,id:ge,"aria-label":_e,"aria-describedby":Be,...lt}=e;return(0,qe.jsxs)(Te,{...lt,size:t,rounded:o,fillMode:l,hover:f,focus:I,valid:L,invalid:D,required:_,loading:K,disabled:q,readonly:ue,className:n(e.className,li),children:[h&&(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.jsx)(Tt,{children:h}),r&&(0,qe.jsx)(Mt,{})]}),(0,qe.jsx)(vt,{id:ge,placeholder:g,value:y,type:C,disabled:q,"aria-label":_e,"aria-describedby":Be,"aria-invalid":D?"true":void 0}),u&&(0,qe.jsx)(nt,{valid:L,invalid:D,loading:K,disabled:q}),(0,qe.jsx)(mt,{loading:K,disabled:q}),s&&(0,qe.jsx)(Ct,{loading:K,disabled:q,readonly:ue,value:y}),x&&(0,qe.jsxs)(qe.Fragment,{children:[r&&(0,qe.jsx)(Mt,{}),(0,qe.jsx)(wt,{children:x})]})]})};ze.states=Uu;ze.options=Fu;ze.className=li;ze.defaultOptions=Nl;ze.moduleName=Br;ze.folderName=ai;ze.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 Xa=ze;var ni=require("react/jsx-runtime"),ri=e=>(0,ni.jsx)(Xa,{...e});var si=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var Wu=require("react/jsx-runtime");var gl=require("react/jsx-runtime"),Vu=ze.states,$u=ze.defaultOptions,Xu=ze.options,Ju=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qu=[],Uo=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t!=null&&t[r]?(0,gl.jsx)(R,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t!=null&&t[r]?(0,gl.jsx)(go,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,gl.jsx)(ri,{value:"Value",style:{width:300},...o,...l})};Uo.options=Xu;Uo.states=Vu;Uo.variants=qu;Uo.defaultOptions=$u;Uo.modifiers=Ju;Uo.className=ze.className;var yt=require("react/jsx-runtime"),di="k-actionsheet-titlebar",Yu={},st=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:r,filter:s,input:u,inputValue:h,inputPlaceholder:x,adaptive:C,titleId:y,children:g,...f}=e;return(0,yt.jsxs)("div",{...f,className:n(e.className,di),children:[(0,yt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[l&&(0,yt.jsx)("div",{className:"k-actionsheet-actions",children:l}),!g&&(0,yt.jsxs)("div",{className:"k-actionsheet-title",id:y,children:[t&&(0,yt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,yt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,yt.jsx)("div",{className:"k-actionsheet-title",id:y,children:g}),r&&(0,yt.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(u||s)&&(0,yt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:u?(0,yt.jsx)(ze,{value:h,placeholder:x,size:C?"large":"medium","aria-label":t||x||"Input"}):(0,yt.jsx)(Lt,{placeholder:"Filter",size:C?"large":"medium","aria-label":"Filter options"})})]})};st.className=di;st.defaultOptions=Yu;var Fo=require("react/jsx-runtime"),Pr="k-actionsheet-view",Qu=[],Zu={},ju={},Wo=e=>{let{adaptive:t,animated:o,children:l,header:r,footer:s,titleId:u,...h}=e,x=(r==null?void 0:r.type)===st&&(0,Fo.jsx)(st,{adaptive:t,titleId:u,...r==null?void 0:r.props}),C=(s==null?void 0:s.type)===mo&&(0,Fo.jsx)(mo,{...s==null?void 0:s.props});return(0,Fo.jsxs)("div",{...h,className:n(e.className,Pr,{[`${Pr}-animated`]:o}),children:[x,(0,Fo.jsx)("div",{className:"k-actionsheet-content",children:l}),C]})};Wo.states=Qu;Wo.options=Zu;Wo.className=Pr;Wo.defaultOptions=ju;var Ja="action-sheet",Tl=Ja;var Dr="overlay",ci=Dr;var ui=require("react/jsx-runtime"),pi="k-overlay",em=[],tm={},om={},ho=e=>{let{...t}=e;return(0,ui.jsx)("div",{...t,className:n(e.className,pi),children:e.children})};ho.states=em;ho.options=tm;ho.className=pi;ho.defaultOptions=om;ho.moduleName=Dr;ho.folderName=ci;var Mo=require("react/jsx-runtime"),mi="k-actionsheet",am=[],lm={},qa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ke=e=>{let{side:t=qa.side,fullscreen:o=qa.fullscreen,adaptive:l=qa.adaptive,overlay:r=qa.overlay,template:s,children:u,header:h,footer:x,id:C,...y}=e,g=C&&!s&&h?`${C}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Mo.jsx)(ho,{}),(0,Mo.jsx)($t,{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",{...y,id:C,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,mi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children:s||(0,Mo.jsx)(Wo,{header:h,footer:x,adaptive:l,titleId:g,...e,children:u})})})]})};ke.states=am;ke.options=lm;ke.className=mi;ke.defaultOptions=qa;ke.moduleName=Ja;ke.folderName=Tl;ke.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 hi=require("react/jsx-runtime"),bi="k-actionsheet-container",rm=[],nm={},sm={},Vo=e=>{let{children:t,...o}=e;return(0,hi.jsx)("div",{...o,className:bi,children:t})};Vo.states=rm;Vo.options=nm;Vo.className=bi;Vo.defaultOptions=sm;Vo.moduleName=Ja;Vo.folderName=Tl;var fi=require("react/jsx-runtime"),Kr=e=>{let{...t}=e;return(0,fi.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Et=require("react/jsx-runtime"),Hr="k-actionsheet-item",im=[d.hover,d.focus,d.selected,d.disabled],fo=e=>{let{iconName:t,text:o,description:l,hover:r,focus:s,selected:u,disabled:h,...x}=e;return(0,Et.jsxs)("span",{...x,className:n(e.className,Hr,G(Hr,{hover:r,focus:s,selected:u,disabled:h})),children:[!e.children&&(0,Et.jsx)(Et.Fragment,{children:(0,Et.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Et.jsx)("span",{className:"k-icon-wrap",children:(0,Et.jsx)(R,{className:"k-actionsheet-item-icon",icon:t})}),(0,Et.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Et.jsx)("span",{className:"k-actionsheet-item-title",children:o}),l&&(0,Et.jsx)("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};fo.states=im;fo.className=Hr;var xi=require("react/jsx-runtime");var dm=require("react/jsx-runtime");var cm=require("react/jsx-runtime");var pm=require("react/jsx-runtime");var xe=require("react/jsx-runtime"),um=ke.options,mm=ke.states,vi={...ke.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"}],$o=e=>{let{variant:t,modifiers:o,...l}={...vi,...e},r={},s=(0,xe.jsxs)(Kr,{children:[(0,xe.jsx)(fo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,xe.jsx)(fo,{text:"Add to Favorites",iconName:"heart"}),(0,xe.jsx)(fo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,xe.jsx)("hr",{className:"k-hr"}),(0,xe.jsx)(fo,{text:"Cancel",iconName:"cancel"})]}),u="Choose from the items below",h="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(x=>{switch(x){case"actions":r.actionsStart=!!(o!=null&&o[x]),r.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":r.subtitle=o!=null&&o[x]?u:void 0;break;case"footer":r.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,xe.jsx)(ke,{...l,adaptive:!0,fullscreen:r.fullScreen,header:(0,xe.jsx)(st,{actionsStart:r.actionsStart?(0,xe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,xe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:h,subtitle:r.subtitle}),footer:r.footer?(0,xe.jsxs)(mo,{alignment:"stretched",children:[(0,xe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,xe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,xe.jsx)(ke,{...l,fullscreen:r.fullScreen,header:(0,xe.jsx)(st,{actionsStart:r.actionsStart?(0,xe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,xe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,xe.jsxs)(mo,{alignment:"stretched",children:[(0,xe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,xe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};$o.options=um;$o.states=mm;$o.variants=bm;$o.defaultOptions=vi;$o.modifiers=hm;$o.className=ke.className;var _r="slider",yi=_r;var Pt=require("react/jsx-runtime"),Ya="k-slider",fm=[d.hover,d.focus,d.active,d.disabled,d.readonly],xm={},At={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ce=e=>{let{type:t=At.type,orientation:o=At.orientation,gradientType:l=At.gradientType,readonly:r=At.readonly,disabled:s=At.disabled,handlePosition:u=At.handlePosition,showButtons:h=At.showButtons,showTicks:x=At.showTicks,value:C=At.value,min:y=At.min,max:g=At.max,startValue:f,endValue:I,hover:L,focus:D,active:_,trackStyle:K,dir:q,...ue}=e,_e=(()=>{if(t==="gradient"&&l==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Be,lt;return o==="horizontal"?(Be=q==="rtl"?"chevron-left":"chevron-right",lt=q==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Be="chevron-up",lt="chevron-down"),(0,Pt.jsxs)("div",{...ue,className:n(Ya,e.className,G(Ya,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:q,children:[h&&(0,Pt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:lt,tabIndex:-1,title:"Decrease"}),(0,Pt.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,Pt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Pt.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,Pt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Pt.jsx)("span",{className:n("k-draghandle","k-draghandle-start",G(Ya,{hover:L,focus:D,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":f??y,"aria-valuemin":y,"aria-valuemax":I??g,"aria-orientation":_e,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ue["aria-label"]?`${ue["aria-label"]} start`:"Range start"}),(0,Pt.jsx)("span",{className:n("k-draghandle",`k-draghandle-${u}`,G(Ya,{hover:L,focus:D,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?I??g:C,"aria-valuemin":t==="range"?f??y:y,"aria-valuemax":g,"aria-orientation":_e,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ue["aria-label"]?`${ue["aria-label"]} end`:"Range end":ue["aria-label"]})]})]}),h&&(0,Pt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Be,tabIndex:-1,title:"Increase"})]})};ce.states=fm;ce.options=xm;ce.className=Ya;ce.defaultOptions=At;ce.moduleName=_r;ce.folderName=yi;ce.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"),ki="k-tick",Cm=[],vm={},Si={label:!1},V=e=>{let{style:t,label:o=Si.label,orientation:l,large:r,text:s,...u}=e;return(0,zr.jsx)("li",{...u,role:"presentation",title:s||"Tick",className:n(e.className,ki,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:o&&(0,zr.jsx)("span",{className:"k-label",children:s})})};V.states=Cm;V.options=vm;V.className=ki;V.defaultOptions=Si;var Ge=require("react/jsx-runtime"),Ni=e=>(0,Ge.jsx)(ce,{"aria-label":e["aria-label"]||"Slider",children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(V,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{}),(0,Ge.jsx)(V,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ue=require("react/jsx-runtime"),gi=e=>(0,Ue.jsx)(ce,{children:(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(V,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{label:!0,large:!0,text:"5"}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{}),(0,Ue.jsx)(V,{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 Ti=require("react/jsx-runtime"),Fr=e=>(0,Ti.jsx)(ce,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var wi=require("react/jsx-runtime"),Wr=e=>(0,wi.jsx)(ce,{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 bt=require("react/jsx-runtime"),ym=ce.options,km=ce.states,Mi={...ce.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}],Xo=e=>{let{variant:t,modifiers:o,...l}=e,r=Mi.label,s={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{s.showButtons=!!(o!=null&&o[h]);break}case"label":{r=!!(o!=null&&o[h]);break}case"tick":{s.showTicks=!!(o!=null&&o[h]);break}}});let u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,bt.jsxs)(gi,{style:{height:"300px",...u},...l,...s,children:[(0,bt.jsx)(V,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,bt.jsxs)(Ni,{style:{width:"400px",...u},...l,...s,children:[(0,bt.jsx)(V,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,bt.jsx)(V,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Xo.options=ym;Xo.states=km;Xo.variants=Sm;Xo.defaultOptions=Mi;Xo.modifiers=Nm;Xo.className=ce.className;var Qa=require("react/jsx-runtime"),Li="k-spin-button",wm=[],Mm={size:[p.undefined,p.small,p.medium,p.large],fillMode:[S.undefined,S.solid,S.flat,S.outline,S.clear,S.link]},Xr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},xo=e=>{let{size:t,fillMode:o,disabled:l,increaseLabel:r=Xr.increaseLabel,decreaseLabel:s=Xr.decreaseLabel,...u}=e;return(0,Qa.jsxs)("span",{...u,className:n(Li,e.className),children:[(0,Qa.jsx)(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:l,"aria-label":r}),(0,Qa.jsx)(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:l,"aria-label":s})]})};xo.states=wm;xo.options=Mm;xo.className=Li;xo.defaultOptions=Xr;xo.moduleName=null;xo.folderName=null;var Ei="numeric-textbox",Ai="numerictextbox";var Fe=require("react/jsx-runtime"),Ri="k-nu