@progress/kendo-themes-html/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.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,{SchedulerFlexHorizontalGrouping:()=>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 G=(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"}),U=(e,t)=>{let{valid:o,invalid:l,hover:r,focus:s,checked:m,active:f,selected:C,disabled:v,indeterminate:k,loading:T,empty:x,readonly:I,highlighted:L,...D}=t;return n({"k-valid":o,"k-invalid":l,"k-hover":r,"k-focus":s,"k-checked":m,"k-active":f,"k-selected":C,"k-disabled":v,"k-indeterminate":k&&!m,"k-loading":T,"k-empty":x,"k-readonly":I,"k-highlighted":L},Object.keys(D).reduce((z,K)=>(K.startsWith("k-")?z[K]=D[K]:z[`k-${K}`]=D[K],z),{}))};function os(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var u={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},zt={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"},c={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:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.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,...m}=e;return l?(0,Oa.jsx)("span",{...m,className:n(e.className,Yl,G(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:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[zt.outline,zt.solid,zt.duotone]},Zl={viewBox:"0 0 24 24",variant:zt.outline},Pa=e=>{var T,x;let{size:t,themeColor:o,rotate:l,flip:r,viewBox:s=Zl.viewBox,variant:m=Zl.variant,icon:f,...C}=e;if(!f)return(0,No.jsx)(No.Fragment,{});if(f==="none")return(0,No.jsx)("span",{...C,className:n(e.className,Ql,G("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof f=="object"&&f.name&&f.name,k=typeof f=="object"?m&&((T=f.variants)==null?void 0:T[m])||((x=f.variants)==null?void 0:x.outline)||f.content:void 0;return(0,No.jsx)("span",{...C,className:n(e.className,Ql,G("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`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 f=="object"?f.viewBox:s,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:f?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 Qt=require("react/jsx-runtime"),cl="k-icon",Sp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Np=[],gp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[A.undefined,A.base,A.primary,A.secondary,A.tertiary,A.success,A.warning,A.error,A.info],variant:[zt.outline,zt.solid,zt.duotone]},pl={viewBox:"0 0 24 24",type:"svg",variant:zt.outline},R=e=>{let{iconsType:t}=(0,is.useContext)(ss),{size:o,themeColor:l,icon:r,type:s=t||pl.type,rotate:m,flip:f,viewBox:C=pl.viewBox,variant:v=pl.variant,...k}=e;if(!r)return(0,Qt.jsx)(Qt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Qt.jsx)(jl,{...k,className:n(e.className,cl),icon:r,size:o,variant:v});let x=er[r]?r:Sp(`${r}-icon`);return er[x]?(0,Qt.jsx)(jl,{...k,className:n(e.className,cl),icon:er[x],size:o,themeColor:l,rotate:m,flip:f,viewBox:C,variant:v}):(0,Qt.jsx)(Qt.Fragment,{})}return(0,Qt.jsx)(as,{...k,className:n(e.className,cl),icon:r,size:o,themeColor:l,rotate:m,flip:f})};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 ft=require("react/jsx-runtime"),Da="k-button",Tp=["icon-button"],wp=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Mp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.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"},p=e=>{let{as:t="button",size:o,rounded:l,fillMode:r,themeColor:s,showArrow:m=ar.showArrow,arrowIconName:f=ar.arrowIconName,variant:C,hover:v,focus:k,active:T,selected:x,disabled:I,togglable:L,ariaDisabled:D,icon:z,iconSize:K,text:q,iconClassName:ue,className:Te,..._e}=e,Be=z!=null,lt=e.children!==void 0;return(0,ft.jsxs)(t,{className:n(Te,Da,os(Da,C),G(Da,{size:o,rounded:l,fillMode:r,themeColor:s}),U(Da,{hover:v,focus:k,active:T,disabled:I||D,selected:x}),{"k-icon-button":!q&&!lt&&Be}),"aria-pressed":L?x?"true":"false":void 0,..._e,"aria-disabled":D?"true":void 0,disabled:I||void 0,children:[typeof z=="string"&&z&&(0,ft.jsx)(R,{className:n(ue,"k-button-icon"),icon:z,size:K}),z&&typeof z!="string"&&(0,ft.jsx)(ft.Fragment,{children:z}),q?(0,ft.jsxs)(ft.Fragment,{children:[q&&(0,ft.jsx)("span",{className:"k-button-text",children:q}),e.children]}):e.children&&(0,ft.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,ft.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ft.jsx)(R,{icon:f})})]})};p.states=wp;p.options=Mp;p.variants=Tp;p.className=Da;p.defaultOptions=ar;p.moduleName=or;p.folderName=ds;p.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"),co=e=>(0,cs.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ps=require("react/jsx-runtime"),Ka=e=>(0,ps.jsx)(p,{icon:"folder",children:"Button",...e});var us=require("react/jsx-runtime"),go=e=>(0,us.jsx)(p,{children:"Button",...e});var ul=require("react/jsx-runtime"),Lp=p.options,Ep=p.states,Ap={...p.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)(co,{...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=p.className;var lr=require("react/jsx-runtime");var ee="scheduler",oe=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=oe;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=oe;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 rr=require("react/jsx-runtime"),xs="k-scheduler-header",Gt=e=>(0,rr.jsx)("div",{...e,className:n(xs,e.className),children:(0,rr.jsx)("div",{className:"k-scheduler-header-wrap",children:e.children})});Gt.className=xs;Gt.moduleName=ee;Gt.folderName=oe;var vs=require("react/jsx-runtime"),Cs="k-scheduler-content",Ut=e=>(0,vs.jsx)("div",{...e,className:n(Cs,e.className),children:e.children});Ut.className=Cs;Ut.moduleName=ee;Ut.folderName=oe;var ks=require("react/jsx-runtime"),ys="k-scheduler-times",po=e=>(0,ks.jsx)("div",{...e,className:n(ys,e.className),children:e.children});po.className=ys;po.moduleName=ee;po.folderName=oe;var Ns=require("react/jsx-runtime"),Ss="k-scheduler-table",Ft=e=>(0,Ns.jsx)("table",{...e,className:n(Ss,e.className),children:e.children});Ft.className=Ss;Ft.moduleName=ee;Ft.folderName=oe;var nr=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:m="div",...f}=e,C=l||e.children,v=!l&&!e.children,k=m==="th"&&v&&!f.role?"presentation":void 0;return(0,nr.jsx)(m,{...f,colSpan:r,rowSpan:s,...k&&{role:k},className:n(gs,e.className,{"k-scheduler-times-all-day":o},t==null?void 0:t.map(T=>({[`k-${T}-cell`]:!0}))),children:!o&&l?(0,nr.jsx)("span",{className:"k-link k-nav-day",children:C}):C})};a.states=_p;a.options=zp;a.defaultOptions=Gp;a.className=gs;a.moduleName=ee;a.folderName=oe;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=oe;var Ls=require("react/jsx-runtime"),Ms="k-scheduler-row",h=e=>(0,Ls.jsx)("div",{...e,className:n(Ms,e.className),children:e.children});h.className=Ms;h.moduleName=ee;h.folderName=oe;var sr="button",Es=sr;var As=require("react/jsx-runtime"),Ha="k-button-group",Up=[c.disabled],Fp={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.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,G(Ha,{fillMode:t}),U(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=sr;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 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 mr=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Vp={...p.options,...P.options},$p=p.states,Xp={...p.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,pt.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,pt.jsx)(p,{...l,icon:"star"}),(0,pt.jsx)(p,{...l,icon:"star"}),(0,pt.jsx)(p,{...l,icon:"star"})]}):t==="icon-text-button"?(0,pt.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,pt.jsx)(p,{...l,icon:"star",children:"First"}),(0,pt.jsx)(p,{...l,icon:"star",children:"Middle"}),(0,pt.jsx)(p,{...l,icon:"star",children:"Last"})]}):(0,pt.jsxs)(P,{fillMode:l.fillMode,className:o,children:[(0,pt.jsx)(p,{...l,children:"First"}),(0,pt.jsx)(p,{...l,children:"Middle"}),(0,pt.jsx)(p,{...l,children:"Last"})]})};_o.options=Vp;_o.states=$p;_o.variants=Jp;_o.defaultOptions=Xp;_o.modifiers=qp;_o.className=P.className;var br="segmented-control",Rs=br,Is="segmented-control-button",Os="segmented-control";var hl=require("react/jsx-runtime"),bl="k-segmented-control",Yp=[],Qp={size:[u.undefined,u.small,u.medium,u.large]},be=e=>{let{size:t,stretched:o,children:l,thumbStyles:r,...s}=e;return(0,hl.jsxs)("div",{...s,className:n(e.className,bl,G(bl,{size:t}),{[`${bl}-stretched`]:o}),role:"group",children:[(0,hl.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),l]})};be.states=Yp;be.options=Qp;be.className=bl;be.moduleName=br;be.folderName=Rs;be.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"),hr="k-segmented-control-button",Zp=[c.selected,c.hover,c.focus,c.disabled],jp={},eu={},F=e=>{let{hover:t,focus:o,selected:l,disabled:r,icon:s,text:m,iconClassName:f,...C}=e;return(0,_a.jsxs)("button",{...C,className:n(e.className,hr,U(hr,{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(f,"k-segmented-control-button-icon"),icon:s}),(m||e.children)&&(0,_a.jsx)("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};F.states=Zp;F.options=jp;F.className=hr;F.defaultOptions=eu;F.moduleName=Is;F.folderName=Os;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 yr=require("react/jsx-runtime");var za="input",Cl=za;var Bs=require("react/jsx-runtime"),vl="k-input",tu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],ou={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},au={},we=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:m,readonly:f,size:C,rounded:v,fillMode:k,...T}=e;return(0,Bs.jsx)("span",{...T,className:n(e.className,vl,G(vl,{size:C,rounded:v,fillMode:k}),U(vl,{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:m,readonly:f}))})};we.states=tu;we.options=ou;we.className=vl;we.defaultOptions=au;we.moduleName=za;we.folderName=Cl;var Ps=require("react/jsx-runtime"),yl="k-picker",lu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],ru={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},nu={},Wt=e=>{let{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:m,readonly:f,size:C,rounded:v,fillMode:k,...T}=e;return(0,Ps.jsx)("span",{...T,className:n(e.className,yl,G(yl,{size:C,rounded:v,fillMode:k}),U(yl,{hover:t,focus:o,disabled:l,invalid:r,valid:s,loading:m,readonly:f})),children:e.children})};Wt.states=lu;Wt.options=ru;Wt.className=yl;Wt.defaultOptions=nu;Wt.moduleName=za;Wt.folderName=Cl;var zo=require("react/jsx-runtime"),Ds="k-clear-value",su=[c.disabled,c.loading,c.readonly],iu={},xt=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"})})};xt.states=su;xt.options=iu;xt.className=Ds;var Ks=require("react/jsx-runtime"),kr="k-input-inner",du=[],cu={},kl={type:"text",autocomplete:"off",value:"",placeholder:""},Ct=e=>{let{value:t=kl.value,type:o=kl.type,placeholder:l=kl.placeholder,autocomplete:r=kl.autocomplete,disabled:s,readOnly:m,...f}=e;return(0,Ks.jsx)("input",{...f,type:o,className:n(e.className,kr,G(kr,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:m||void 0})};Ct.states=du;Ct.options=cu;Ct.className=kr;var Ga=require("react/jsx-runtime"),Sr="k-input-inner",pu=[],uu={},wo=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:r,valueIconName:s,...m}=e;return(0,Ga.jsxs)("span",{...m,className:n(e.className,Sr,G(Sr,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=Sr;var _s=require("react/jsx-runtime"),Nr="k-input-inner",mu=[],bu={},Hs={value:"",placeholder:""},gr=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,Nr,G(Nr,e)),placeholder:o,rows:l,defaultValue:t,disabled:r||void 0})};gr.states=mu;gr.options=bu;gr.className=Nr;var Ua=require("react/jsx-runtime"),zs="k-input-loading-icon",hu=[c.disabled,c.loading],ut=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")})};ut.states=hu;ut.className=zs;var Fa=require("react/jsx-runtime"),Gs="k-input-validation-icon",fu=[c.valid,c.invalid,c.disabled,c.loading],xu={},rt=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})};rt.states=fu;rt.options=xu;rt.className=Gs;var Wa=require("react/jsx-runtime"),Cu="k-input-prefix",vu={direction:"horizontal"},gt=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"},Tt=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",Tr=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"},wt=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=we.states,wu=we.defaultOptions,Mu=we.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:m,...f}=e,C=t==null?void 0:t.prefix,v=t==null?void 0:t.suffix,k=t==null?void 0:t["clear-button"],T=t==null?void 0:t["validation-icon"],x=t==null?void 0:t.separators;return(0,Pe.jsxs)(we,{...f,valid:o,invalid:l,loading:r,disabled:s,readonly:m,style:{width:300},children:[C&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(gt,{children:(0,Pe.jsx)(R,{icon:"lock"})}),x&&(0,Pe.jsx)(wt,{})]}),(0,Pe.jsx)(Ct,{placeholder:"Placeholder",value:"Value"}),T&&(0,Pe.jsx)(rt,{valid:o,invalid:l,loading:r,disabled:s}),(0,Pe.jsx)(ut,{loading:r,disabled:s}),k&&(0,Pe.jsx)(xt,{loading:r,disabled:s,readonly:m,value:"Value"}),v&&(0,Pe.jsxs)(Pe.Fragment,{children:[x&&(0,Pe.jsx)(wt,{}),(0,Pe.jsx)(Tt,{children:(0,Pe.jsx)(go,{size:f.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=Mu;Go.states=Tu;Go.variants=Eu;Go.defaultOptions=wu;Go.modifiers=Lu;Go.className=we.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 wr="popup",$s=wr;var Lr=require("react/jsx-runtime"),Xs="k-animation-container",Iu=[],Ou={},Mr={positionMode:"absolute",shown:!0},Vt=e=>{let{positionMode:t=Mr.positionMode,shown:o=Mr.shown,animationStyle:l,offset:r,...s}=e;return(0,Lr.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,Lr.jsx)("div",{className:"k-child-animation-container",style:l,children:e.children})})};Vt.states=Iu;Vt.options=Ou;Vt.className=Xs;Vt.defaultOptions=Mr;Vt.moduleName=wr;Vt.folderName=$s;var Er="popup",Js=Er;var Ar=require("react/jsx-runtime"),qs="k-popup",Bu=[],Pu={},Ys={positionMode:"absolute"},he=e=>{let{offset:t,positionMode:o=Ys.positionMode,animationStyle:l,containerClassName:r,containerRole:s,containerAriaLabel:m,...f}=e;return(0,Ar.jsx)(Vt,{positionMode:o,offset:t,animationStyle:l,className:r,role:s,"aria-label":m,children:(0,Ar.jsx)("div",{...f,className:n(e.className,qs),children:e.children})})};he.states=Bu;he.options=Pu;he.className=qs;he.defaultOptions=Ys;he.moduleName=Er;he.folderName=Js;he.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 Rr="action-buttons",Qs=Rr;var Zs=require("react/jsx-runtime"),Sl="k-actions",Du=[],Ku={},Ir={alignment:"start",orientation:"horizontal"},$t=e=>{let{alignment:t=Ir.alignment,orientation:o=Ir.orientation,...l}=e;return(0,Zs.jsx)("div",{...l,className:n(Sl,{[`${Sl}-${t}`]:t,[`${Sl}-${o}`]:o},e.className),children:e.children})};$t.states=Du;$t.options=Ku;$t.className=Sl;$t.defaultOptions=Ir;$t.moduleName=Rr;$t.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":$t,...s}=e;return(0,ei.jsx)(r,{...s,...!l&&{alignment:t,orientation:o},className:n(e.className,Hu),children:e.children})};var Or="searchbox",ti=Or;var bo=require("react/jsx-runtime"),oi="k-searchbox",_u=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading],zu={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Br={showIcon:!0,icon:"search"},Mt=e=>{let{value:t,placeholder:o,size:l,rounded:r,fillMode:s,hover:m,focus:f,valid:C,invalid:v,required:k,loading:T,disabled:x,showIcon:I=Br.showIcon,icon:L=Br.icon,"aria-label":D,...z}=e;return(0,bo.jsxs)(we,{...z,size:l,rounded:r,fillMode:s,hover:m,focus:f,valid:C,invalid:v,required:k,loading:T,disabled:x,className:n(e.className,oi),children:[I&&(0,bo.jsx)(R,{className:"k-input-icon",icon:L}),(0,bo.jsx)(Ct,{placeholder:o,value:t,"aria-label":D}),(0,bo.jsx)(ut,{...e}),(0,bo.jsx)(rt,{...e}),(0,bo.jsx)(xt,{...e})]})};Mt.states=_u;Mt.options=zu;Mt.className=oi;Mt.defaultOptions=Br;Mt.moduleName=Or;Mt.folderName=ti;var Gu=require("react/jsx-runtime");var Pr="textbox",ai=Pr;var qe=require("react/jsx-runtime"),li="k-textbox",Uu=[c.hover,c.focus,c.valid,c.invalid,c.required,c.disabled,c.loading,c.readonly],Fu={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.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:m=Nl.showValidationIcon,prefix:f,suffix:C,type:v,value:k,placeholder:T,hover:x,focus:I,valid:L,invalid:D,required:z,loading:K,disabled:q,readonly:ue,id:Te,"aria-label":_e,"aria-describedby":Be,...lt}=e;return(0,qe.jsxs)(we,{...lt,size:t,rounded:o,fillMode:l,hover:x,focus:I,valid:L,invalid:D,required:z,loading:K,disabled:q,readonly:ue,className:n(e.className,li),children:[f&&(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.jsx)(gt,{children:f}),r&&(0,qe.jsx)(wt,{})]}),(0,qe.jsx)(Ct,{id:Te,placeholder:T,value:k,type:v,disabled:q,"aria-label":_e,"aria-describedby":Be,"aria-invalid":D?"true":void 0}),m&&(0,qe.jsx)(rt,{valid:L,invalid:D,loading:K,disabled:q}),(0,qe.jsx)(ut,{loading:K,disabled:q}),s&&(0,qe.jsx)(xt,{loading:K,disabled:q,readonly:ue,value:k}),C&&(0,qe.jsxs)(qe.Fragment,{children:[r&&(0,qe.jsx)(wt,{}),(0,qe.jsx)(Tt,{children:C})]})]})};ze.states=Uu;ze.options=Fu;ze.className=li;ze.defaultOptions=Nl;ze.moduleName=Pr;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 vt=require("react/jsx-runtime"),di="k-actionsheet-titlebar",Yu={},nt=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:r,filter:s,input:m,inputValue:f,inputPlaceholder:C,adaptive:v,titleId:k,children:T,...x}=e;return(0,vt.jsxs)("div",{...x,className:n(e.className,di),children:[(0,vt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[l&&(0,vt.jsx)("div",{className:"k-actionsheet-actions",children:l}),!T&&(0,vt.jsxs)("div",{className:"k-actionsheet-title",id:k,children:[t&&(0,vt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,vt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),T&&(0,vt.jsx)("div",{className:"k-actionsheet-title",id:k,children:T}),r&&(0,vt.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(m||s)&&(0,vt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:m?(0,vt.jsx)(ze,{value:f,placeholder:C,size:v?"large":"medium","aria-label":t||C||"Input"}):(0,vt.jsx)(Mt,{placeholder:"Filter",size:v?"large":"medium","aria-label":"Filter options"})})]})};nt.className=di;nt.defaultOptions=Yu;var Fo=require("react/jsx-runtime"),Dr="k-actionsheet-view",Qu=[],Zu={},ju={},Wo=e=>{let{adaptive:t,animated:o,children:l,header:r,footer:s,titleId:m,...f}=e,C=(r==null?void 0:r.type)===nt&&(0,Fo.jsx)(nt,{adaptive:t,titleId:m,...r==null?void 0:r.props}),v=(s==null?void 0:s.type)===mo&&(0,Fo.jsx)(mo,{...s==null?void 0:s.props});return(0,Fo.jsxs)("div",{...f,className:n(e.className,Dr,{[`${Dr}-animated`]:o}),children:[C,(0,Fo.jsx)("div",{className:"k-actionsheet-content",children:l}),v]})};Wo.states=Qu;Wo.options=Zu;Wo.className=Dr;Wo.defaultOptions=ju;var Ja="action-sheet",Tl=Ja;var Kr="overlay",ci=Kr;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=Kr;ho.folderName=ci;var Mo=require("react/jsx-runtime"),mi="k-actionsheet",am=[],lm={},qa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Se=e=>{let{side:t=qa.side,fullscreen:o=qa.fullscreen,adaptive:l=qa.adaptive,overlay:r=qa.overlay,template:s,children:m,header:f,footer:C,id:v,...k}=e,T=v&&!s&&f?`${v}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Mo.jsx)(ho,{}),(0,Mo.jsx)(Vt,{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",{...k,id:v,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":T,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:f,footer:C,adaptive:l,titleId:T,...e,children:m})})})]})};Se.states=am;Se.options=lm;Se.className=mi;Se.defaultOptions=qa;Se.moduleName=Ja;Se.folderName=Tl;Se.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"),Hr=e=>{let{...t}=e;return(0,fi.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var Lt=require("react/jsx-runtime"),_r="k-actionsheet-item",im=[c.hover,c.focus,c.selected,c.disabled],fo=e=>{let{iconName:t,text:o,description:l,hover:r,focus:s,selected:m,disabled:f,...C}=e;return(0,Lt.jsxs)("span",{...C,className:n(e.className,_r,U(_r,{hover:r,focus:s,selected:m,disabled:f})),children:[!e.children&&(0,Lt.jsx)(Lt.Fragment,{children:(0,Lt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Lt.jsx)("span",{className:"k-icon-wrap",children:(0,Lt.jsx)(R,{className:"k-actionsheet-item-icon",icon:t})}),(0,Lt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Lt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),l&&(0,Lt.jsx)("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};fo.states=im;fo.className=_r;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=Se.options,mm=Se.states,vi={...Se.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)(Hr,{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"})]}),m="Choose from the items below",f="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(C=>{switch(C){case"actions":r.actionsStart=!!(o!=null&&o[C]),r.actionsEnd=!!(o!=null&&o[C]);break;case"subtitle":r.subtitle=o!=null&&o[C]?m:void 0;break;case"footer":r.footer=!!(o!=null&&o[C]);break;default:break}}),t==="adaptive"?(0,xe.jsx)(Se,{...l,adaptive:!0,fullscreen:r.fullScreen,header:(0,xe.jsx)(nt,{actionsStart:r.actionsStart?(0,xe.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,xe.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:f,subtitle:r.subtitle}),footer:r.footer?(0,xe.jsxs)(mo,{alignment:"stretched",children:[(0,xe.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,xe.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,xe.jsx)(Se,{...l,fullscreen:r.fullScreen,header:(0,xe.jsx)(nt,{actionsStart:r.actionsStart?(0,xe.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,xe.jsx)(p,{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)(p,{text:"Apply",themeColor:"primary"}),(0,xe.jsx)(p,{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=Se.className;var zr="slider",yi=zr;var It=require("react/jsx-runtime"),Ya="k-slider",fm=[c.hover,c.focus,c.active,c.disabled,c.readonly],xm={},Et={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},pe=e=>{let{type:t=Et.type,orientation:o=Et.orientation,gradientType:l=Et.gradientType,readonly:r=Et.readonly,disabled:s=Et.disabled,handlePosition:m=Et.handlePosition,showButtons:f=Et.showButtons,showTicks:C=Et.showTicks,value:v=Et.value,min:k=Et.min,max:T=Et.max,startValue:x,endValue:I,hover:L,focus:D,active:z,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,It.jsxs)("div",{...ue,className:n(Ya,e.className,U(Ya,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:q,children:[f&&(0,It.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:lt,tabIndex:-1,title:"Decrease"}),(0,It.jsxs)("div",{className:"k-slider-track-wrap",children:[C&&(0,It.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,It.jsxs)("div",{className:"k-slider-track",style:K,children:[(0,It.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,It.jsx)("span",{className:n("k-draghandle","k-draghandle-start",U(Ya,{hover:L,focus:D,active:z})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":x??k,"aria-valuemin":k,"aria-valuemax":I??T,"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,It.jsx)("span",{className:n("k-draghandle",`k-draghandle-${m}`,U(Ya,{hover:L,focus:D,active:z})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?I??T:v,"aria-valuemin":t==="range"?x??k:k,"aria-valuemax":T,"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"]})]})]}),f&&(0,It.jsx)(p,{className:"k-button-increase",rounded:"full",icon:Be,tabIndex:-1,title:"Increase"})]})};pe.states=fm;pe.options=xm;pe.className=Ya;pe.defaultOptions=Et;pe.moduleName=zr;pe.folderName=yi;pe.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 Gr=require("react/jsx-runtime"),ki="k-tick",Cm=[],vm={},Si={label:!1},$=e=>{let{style:t,label:o=Si.label,orientation:l,large:r,text:s,...m}=e;return(0,Gr.jsx)("li",{...m,role:"presentation",title:s||"Tick",className:n(e.className,ki,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:o&&(0,Gr.jsx)("span",{className:"k-label",children:s})})};$.states=Cm;$.options=vm;$.className=ki;$.defaultOptions=Si;var Ge=require("react/jsx-runtime"),Ni=e=>(0,Ge.jsx)(pe,{"aria-label":e["aria-label"]||"Slider",children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)($,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{}),(0,Ge.jsx)($,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ue=require("react/jsx-runtime"),gi=e=>(0,Ue.jsx)(pe,{children:(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)($,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{label:!0,large:!0,text:"5"}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{}),(0,Ue.jsx)($,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Ti=require("react/jsx-runtime"),Wr=e=>(0,Ti.jsx)(pe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var wi=require("react/jsx-runtime"),Vr=e=>(0,wi.jsx)(pe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var $r=require("react/jsx-runtime");var Xr=require("react/jsx-runtime");var mt=require("react/jsx-runtime"),ym=pe.options,km=pe.states,Mi={...pe.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(f=>{switch(f){case"button":{s.showButtons=!!(o!=null&&o[f]);break}case"label":{r=!!(o!=null&&o[f]);break}case"tick":{s.showTicks=!!(o!=null&&o[f]);break}}});let m={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,mt.jsxs)(gi,{style:{height:"300px",...m},...l,...s,children:[(0,mt.jsx)($,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,mt.jsxs)(Ni,{style:{width:"400px",...m},...l,...s,children:[(0,mt.jsx)($,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,mt.jsx)($,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,mt.jsx)($,{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=pe.className;var Qa=require("react/jsx-runtime"),Li="k-spin-button",wm=[],Mm={size:[u.undefined,u.small,u.medium,u.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},xo=e=>{let{size:t,fillMode:o,disabled:l,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...m}=e;return(0,Qa.jsxs)("span",{...m,className:n(Li,e.className),children:[(0,Qa.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:l,"aria-label":r}),(0,Qa.jsx)(p,{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=Jr;xo.moduleName=null;xo.folderName=null;var Ei="numeric-textbox",Ai="numer