@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 187 kB
JavaScript
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((a,l)=>t[l]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var _=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),z=(e,t)=>{let{valid:a,invalid:l,hover:r,focus:i,checked:m,active:b,selected:C,disabled:v,indeterminate:y,loading:N,empty:f,readonly:A,highlighted:T,...B}=t;return n({"k-valid":a,"k-invalid":l,"k-hover":r,"k-focus":i,"k-checked":m,"k-active":b,"k-selected":C,"k-disabled":v,"k-indeterminate":y&&!m,"k-loading":N,"k-empty":f,"k-readonly":A,"k-highlighted":T},Object.keys(B).reduce((H,P)=>(P.startsWith("k-")?H[P]=B[P]:H[`k-${P}`]=B[P],H),{}))};function Mn(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(l=>[`k-${l}`,!0]))}var u={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},M={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 $l={};function $(e){return $l[e]=($l[e]||0)+1,`k-${e}-${$l[e]}`}import{Fragment as Jd,jsx as Ln}from"react/jsx-runtime";var Xl="k-font-icon",Vd=[],$d={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},Xd={},Ta=e=>{let{size:t,themeColor:a,icon:l,rotate:r,flip:i,...m}=e;return l?Ln("span",{...m,className:n(e.className,Xl,_(Xl,{size:t}),{[`k-i-${l}`]:l,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):Ln(Jd,{})};Ta.states=Vd;Ta.options=$d;Ta.className=Xl;Ta.defaultOptions=Xd;var En=Ta;import{Fragment as Qd,jsx as tl}from"react/jsx-runtime";var Jl="k-svg-icon",qd=[],Yd={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},ql={viewBox:"0 0 24 24",variant:Lt.outline},wa=e=>{let{size:t,themeColor:a,rotate:l,flip:r,viewBox:i=ql.viewBox,variant:m=ql.variant,icon:b,...C}=e;if(!b)return tl(Qd,{});if(b==="none")return tl("span",{...C,className:n(e.className,Jl,_("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof b=="object"&&b.name&&b.name,y=typeof b=="object"?m&&b.variants?.[m]||b.variants?.outline||b.content:void 0;return tl("span",{...C,className:n(e.className,Jl,_("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:tl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof b=="object"?b.viewBox:i,dangerouslySetInnerHTML:y!==void 0?{__html:y}:void 0,children:b?void 0:e.children})})};wa.states=qd;wa.options=Yd;wa.className=Jl;wa.defaultOptions=ql;var Yl=wa;import*as Ql from"@progress/kendo-svg-icons";var An="icon",Rn="icons";import{useContext as jd}from"react";import{createContext as Zd}from"react";var In=Zd({iconsType:"svg"});import{Fragment as On,jsx as Ma}from"react/jsx-runtime";var ol="k-icon",ec=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tc=[],oc={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},al={viewBox:"0 0 24 24",type:"svg",variant:Lt.outline},E=e=>{let{iconsType:t}=jd(In),{size:a,themeColor:l,icon:r,type:i=t||al.type,rotate:m,flip:b,viewBox:C=al.viewBox,variant:v=al.variant,...y}=e;if(!r)return Ma(On,{});if((t||i)==="svg"){if(r==="none")return Ma(Yl,{...y,className:n(e.className,ol),icon:r,size:a,variant:v});let f=Ql[r]?r:ec(`${r}-icon`);return Ql[f]?Ma(Yl,{...y,className:n(e.className,ol),icon:Ql[f],size:a,themeColor:l,rotate:m,flip:b,viewBox:C,variant:v}):Ma(On,{})}return Ma(En,{...y,className:n(e.className,ol),icon:r,size:a,themeColor:l,rotate:m,flip:b})};E.states=tc;E.options=oc;E.defaultOptions=al;E.className=ol;E.moduleName=An;E.folderName=Rn;E.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 Zl=E;var jl="button",Bn=jl;import{Fragment as Pn,jsx as Io,jsxs as Dn}from"react/jsx-runtime";var La="k-button",ac=["icon-button"],lc=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],rc={size:[u.undefined,u.xsmall,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},er={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:a,rounded:l,fillMode:r,themeColor:i,showArrow:m=er.showArrow,arrowIconName:b=er.arrowIconName,variant:C,hover:v,focus:y,active:N,selected:f,disabled:A,togglable:T,ariaDisabled:B,icon:H,iconSize:P,text:V,iconClassName:ce,className:ye,...Ie}=e,Me=H!=null,Ue=e.children!==void 0;return Dn(t,{className:n(ye,La,Mn(La,C),_(La,{size:a,rounded:l,fillMode:r,themeColor:i}),z(La,{hover:v,focus:y,active:N,disabled:A||B,selected:f}),{"k-icon-button":!V&&!Ue&&Me}),"aria-pressed":T?f?"true":"false":void 0,...Ie,"aria-disabled":B?"true":void 0,disabled:A||void 0,children:[typeof H=="string"&&H&&Io(E,{className:n(ce,"k-button-icon"),icon:H,size:P}),H&&typeof H!="string"&&Io(Pn,{children:H}),V?Dn(Pn,{children:[V&&Io("span",{className:"k-button-text",children:V}),e.children]}):e.children&&Io("span",{className:"k-button-text",children:e.children}),m&&Io("span",{className:"k-menu-button-arrow k-button-arrow",children:Io(E,{icon:b})})]})};c.states=lc;c.options=rc;c.variants=ac;c.className=La;c.defaultOptions=er;c.moduleName=jl;c.folderName=Bn;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."}]};import{jsx as nc}from"react/jsx-runtime";var Zt=e=>nc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as sc}from"react/jsx-runtime";var Ea=e=>sc(c,{icon:"folder",children:"Button",...e});import{jsx as ic}from"react/jsx-runtime";var bo=e=>ic(c,{children:"Button",...e});import{jsx as tr}from"react/jsx-runtime";var dc=c.options,cc=c.states,pc={...c.defaultOptions,variant:"text"},uc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],Oo=e=>{let{variant:t,...a}=e;switch(t){case"icon-only":return tr(Zt,{...a,icon:"star"});case"icon-and-text":return tr(Ea,{...a,icon:"star",children:"Button"});default:return tr(bo,{...a,children:"Button"})}};Oo.options=dc;Oo.states=cc;Oo.variants=uc;Oo.defaultOptions=pc;Oo.modifiers=mc;Oo.className=c.className;import{Fragment as AC,jsx as LC,jsxs as EC}from"react/jsx-runtime";var j="scheduler",oe=j;import{jsx as xc}from"react/jsx-runtime";var Kn="k-scheduler-layout",hc=[],bc={},fc={},fo=e=>{let{as:t="div",view:a,...l}=e,r=a==="agenda"?"grid":a==="year"?void 0:"none";return xc(t,{...l,className:n(e.className,Kn,{[`k-scheduler-${a}view`]:a}),...r&&{role:r},children:e.children})};fo.states=hc;fo.options=bc;fo.className=Kn;fo.defaultOptions=fc;fo.moduleName=j;fo.folderName=oe;var Hn=fo;import{jsx as kc,jsxs as Sc}from"react/jsx-runtime";var _n="k-scheduler",Cc=[],vc={},yc={},X=e=>{let{view:t,toolbar:a,footer:l,layout:r,...i}=e;return Sc("div",{...i,className:n(e.className,_n),role:"application",children:[a,kc(Hn,{className:n({"k-scheduler-layout-flex":r==="flex"}),as:r==="table"?"table":"div",view:t,children:e.children}),l]})};X.states=Cc;X.options=vc;X.className=_n;X.defaultOptions=yc;X.moduleName=j;X.folderName=oe;X.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)."}]};import{jsx as zn}from"react/jsx-runtime";var Gn="k-scheduler-header",Et=e=>zn("div",{...e,className:n(Gn,e.className),children:zn("div",{className:"k-scheduler-header-wrap",children:e.children})});Et.className=Gn;Et.moduleName=j;Et.folderName=oe;import{jsx as Nc}from"react/jsx-runtime";var Un="k-scheduler-content",At=e=>Nc("div",{...e,className:n(Un,e.className),children:e.children});At.className=Un;At.moduleName=j;At.folderName=oe;import{jsx as gc}from"react/jsx-runtime";var Fn="k-scheduler-times",jt=e=>gc("div",{...e,className:n(Fn,e.className),children:e.children});jt.className=Fn;jt.moduleName=j;jt.folderName=oe;import{jsx as Tc}from"react/jsx-runtime";var Wn="k-scheduler-table",Rt=e=>Tc("table",{...e,className:n(Wn,e.className),children:e.children});Rt.className=Wn;Rt.moduleName=j;Rt.folderName=oe;import{jsx as Vn}from"react/jsx-runtime";var $n="k-scheduler-cell",wc=[],Mc={},Lc={},o=e=>{let{cellType:t,allDay:a,text:l,colspan:r,rowspan:i,as:m="div",...b}=e,C=l||e.children,v=!l&&!e.children,y=m==="th"&&v&&!b.role?"presentation":void 0;return Vn(m,{...b,colSpan:r,rowSpan:i,...y&&{role:y},className:n($n,e.className,{"k-scheduler-times-all-day":a},t?.map(N=>({[`k-${N}-cell`]:!0}))),children:!a&&l?Vn("span",{className:"k-link k-nav-day",children:C}):C})};o.states=wc;o.options=Mc;o.defaultOptions=Lc;o.className=$n;o.moduleName=j;o.folderName=oe;import{jsx as Ec}from"react/jsx-runtime";var Xn="k-sticky-cell",Bo=e=>Ec("div",{...e,className:n(Xn,e.className),children:e.children});Bo.className=Xn;Bo.moduleName=j;Bo.folderName=oe;import{jsx as Ac}from"react/jsx-runtime";var Jn="k-scheduler-row",h=e=>Ac("div",{...e,className:n(Jn,e.className),children:e.children});h.className=Jn;h.moduleName=j;h.folderName=oe;var or="button",qn=or;import{jsx as Bc}from"react/jsx-runtime";var Aa="k-button-group",Rc=[d.disabled],Ic={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Oc={},I=e=>{let{fillMode:t,disabled:a,stretched:l,...r}=e;return Bc("div",{role:"group",...r,className:n(e.className,Aa,_(Aa,{fillMode:t}),z(Aa,{disabled:a}),{[`${Aa}-stretched`]:l}),...a&&{"aria-disabled":"true"},children:e.children})};I.states=Rc;I.options=Ic;I.className=Aa;I.defaultOptions=Oc;I.moduleName=or;I.folderName=qn;I.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."}]};import{Fragment as Tv,jsx as gv,jsxs as wv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Rv,jsxs as Ov}from"react/jsx-runtime";import{Fragment as _v,jsx as Hv,jsxs as zv}from"react/jsx-runtime";import{Fragment as $v,jsx as Vv,jsxs as Xv}from"react/jsx-runtime";import{Fragment as jv,jsx as Zv,jsxs as ey}from"react/jsx-runtime";import{Fragment as ny,jsx as ry,jsxs as sy}from"react/jsx-runtime";import{jsx as Gt,jsxs as ar}from"react/jsx-runtime";var Pc={...c.options,...I.options},Dc=c.states,Kc={...c.defaultOptions,...I.defaultOptions,variant:"text-button"},Hc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_c=[],Po=e=>{let{variant:t,className:a,...l}=e;return t==="icon-button"?ar(I,{fillMode:l.fillMode,className:a,children:[Gt(c,{...l,icon:"star"}),Gt(c,{...l,icon:"star"}),Gt(c,{...l,icon:"star"})]}):t==="icon-text-button"?ar(I,{fillMode:l.fillMode,className:a,children:[Gt(c,{...l,icon:"star",children:"First"}),Gt(c,{...l,icon:"star",children:"Middle"}),Gt(c,{...l,icon:"star",children:"Last"})]}):ar(I,{fillMode:l.fillMode,className:a,children:[Gt(c,{...l,children:"First"}),Gt(c,{...l,children:"Middle"}),Gt(c,{...l,children:"Last"})]})};Po.options=Pc;Po.states=Dc;Po.variants=Hc;Po.defaultOptions=Kc;Po.modifiers=_c;Po.className=I.className;var lr="segmented-control",Yn=lr,Qn="segmented-control-button",Zn="segmented-control";import{jsx as Uc,jsxs as Fc}from"react/jsx-runtime";var ll="k-segmented-control",zc=[],Gc={size:[u.undefined,u.small,u.medium,u.large]},ue=e=>{let{size:t,stretched:a,children:l,thumbStyles:r,...i}=e;return Fc("div",{...i,className:n(e.className,ll,_(ll,{size:t}),{[`${ll}-stretched`]:a}),role:"group",children:[Uc("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),l]})};ue.states=zc;ue.options=Gc;ue.className=ll;ue.moduleName=lr;ue.folderName=Yn;ue.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."}]};import{jsx as jn,jsxs as Xc}from"react/jsx-runtime";var rr="k-segmented-control-button",Wc=[d.selected,d.hover,d.focus,d.disabled],Vc={},$c={},G=e=>{let{hover:t,focus:a,selected:l,disabled:r,icon:i,text:m,iconClassName:b,...C}=e;return Xc("button",{...C,className:n(e.className,rr,z(rr,{hover:t,focus:a,disabled:r,selected:l})),"aria-pressed":l?"true":"false","aria-disabled":r?"true":void 0,children:[i&&jn(E,{className:n(b,"k-segmented-control-button-icon"),icon:i}),(m||e.children)&&jn("span",{className:"k-segmented-control-button-text",children:m||e.children})]})};G.states=Wc;G.options=Vc;G.className=rr;G.defaultOptions=$c;G.moduleName=Qn;G.folderName=Zn;import{Fragment as Ky,jsx as Dy,jsxs as Hy}from"react/jsx-runtime";import{Fragment as Wy,jsx as Fy,jsxs as Vy}from"react/jsx-runtime";import{Fragment as Qy,jsx as Yy,jsxs as Zy}from"react/jsx-runtime";import{Fragment as lk,jsx as ak,jsxs as rk}from"react/jsx-runtime";import{Fragment as pk,jsx as ck,jsxs as uk}from"react/jsx-runtime";var Ra="input",sl=Ra;import{jsx as Qc}from"react/jsx-runtime";var il="k-input",Jc=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],qc={size:[u.undefined,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Yc={},ke=e=>{let{hover:t,focus:a,disabled:l,invalid:r,valid:i,loading:m,readonly:b,size:C,rounded:v,fillMode:y,...N}=e;return Qc("span",{...N,className:n(e.className,il,_(il,{size:C,rounded:v,fillMode:y}),z(il,{hover:t,focus:a,disabled:l,invalid:r,valid:i,loading:m,readonly:b}))})};ke.states=Jc;ke.options=qc;ke.className=il;ke.defaultOptions=Yc;ke.moduleName=Ra;ke.folderName=sl;import{jsx as tp}from"react/jsx-runtime";var dl="k-picker",Zc=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],jc={size:[u.undefined,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ep={},It=e=>{let{hover:t,focus:a,disabled:l,invalid:r,valid:i,loading:m,readonly:b,size:C,rounded:v,fillMode:y,...N}=e;return tp("span",{...N,className:n(e.className,dl,_(dl,{size:C,rounded:v,fillMode:y}),z(dl,{hover:t,focus:a,disabled:l,invalid:r,valid:i,loading:m,readonly:b})),children:e.children})};It.states=Zc;It.options=jc;It.className=dl;It.defaultOptions=ep;It.moduleName=Ra;It.folderName=sl;import{Fragment as lp,jsx as nr}from"react/jsx-runtime";var es="k-clear-value",op=[d.disabled,d.loading,d.readonly],ap={},et=e=>{let{disabled:t,loading:a,readonly:l,value:r}=e;return t||l||a||!r?nr(lp,{}):nr("span",{className:n(e.className,es),children:nr(E,{icon:"x"})})};et.states=op;et.options=ap;et.className=es;import{jsx as sp}from"react/jsx-runtime";var sr="k-input-inner",rp=[],np={},cl={type:"text",autocomplete:"off",value:"",placeholder:""},tt=e=>{let{value:t=cl.value,type:a=cl.type,placeholder:l=cl.placeholder,autocomplete:r=cl.autocomplete,disabled:i,readOnly:m,...b}=e;return sp("input",{...b,type:a,className:n(e.className,sr,_(sr,e)),placeholder:l,autoComplete:r,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};tt.states=rp;tt.options=np;tt.className=sr;import{jsx as ts,jsxs as cp}from"react/jsx-runtime";var ir="k-input-inner",ip=[],dp={},xo=e=>{let{value:t,placeholder:a,showValue:l,valueIcon:r,valueIconName:i,...m}=e;return cp("span",{...m,className:n(e.className,ir,_(ir,e)),children:[r,!r&&i&&ts(E,{className:"k-input-value-icon",icon:i}),l&&!t&&a,l&&t&&ts("span",{className:"k-input-value-text",children:t})]})};xo.states=ip;xo.options=dp;xo.className=ir;import{jsx as mp}from"react/jsx-runtime";var dr="k-input-inner",pp=[],up={},os={value:"",placeholder:""},cr=e=>{let{value:t=os.value,placeholder:a=os.placeholder,rows:l,disabled:r,...i}=e;return mp("textarea",{...i,className:n(e.className,dr,_(dr,e)),placeholder:a,rows:l,defaultValue:t,disabled:r||void 0})};cr.states=pp;cr.options=up;cr.className=dr;import{Fragment as bp,jsx as as}from"react/jsx-runtime";var ls="k-input-loading-icon",hp=[d.disabled,d.loading],Ye=e=>{let{disabled:t,loading:a}=e;return t||!a?as(bp,{}):as("span",{className:n(e.className,ls,"k-icon k-i-loading")})};Ye.states=hp;Ye.className=ls;import{Fragment as Cp,jsx as rs}from"react/jsx-runtime";var ns="k-input-validation-icon",fp=[d.valid,d.invalid,d.disabled,d.loading],xp={},Fe=e=>{let{valid:t,invalid:a,disabled:l,loading:r}=e,i=a?"warning-circle":"check-circle";return l||r||!!!(t||a)?rs(Cp,{}):rs(E,{className:n(ns),icon:i})};Fe.states=fp;Fe.options=xp;Fe.className=ns;import{Fragment as kp,jsx as ss}from"react/jsx-runtime";var vp="k-input-prefix",yp={direction:"horizontal"},pt=e=>{let{direction:t=yp.direction,...a}=e;return e.children?ss("span",{...a,className:n(vp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ss(kp,{})};import{Fragment as gp,jsx as is}from"react/jsx-runtime";var Sp="k-input-suffix",Np={direction:"horizontal"},ut=e=>{let{direction:t=Np.direction,...a}=e;return e.children?is("span",{...a,className:n(Sp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):is(gp,{})};import{jsx as nS}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var Tp="k-input-suffix-text",pr=e=>{let{children:t,...a}=e;return wp("span",{...a,className:n(Tp,e.className),children:t})};import{jsx as Lp}from"react/jsx-runtime";var ds="k-input-separator",Mp={direction:"vertical"},mt=e=>{let{direction:t=Mp.direction,...a}=e;return Lp("span",{...a,className:n(ds,e.className,{[`${ds}-${t}`]:t})})};import{Fragment as cs,jsx as Ot,jsxs as ur}from"react/jsx-runtime";var Ep=ke.states,Ap=ke.defaultOptions,Rp=ke.options,Ip=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Op=[],Do=e=>{let{modifiers:t,valid:a,invalid:l,loading:r,disabled:i,readonly:m,...b}=e,C=t?.prefix,v=t?.suffix,y=t?.["clear-button"],N=t?.["validation-icon"],f=t?.separators;return ur(ke,{...b,valid:a,invalid:l,loading:r,disabled:i,readonly:m,style:{width:300},children:[C&&ur(cs,{children:[Ot(pt,{children:Ot(E,{icon:"lock"})}),f&&Ot(mt,{})]}),Ot(tt,{placeholder:"Placeholder",value:"Value"}),N&&Ot(Fe,{valid:a,invalid:l,loading:r,disabled:i}),Ot(Ye,{loading:r,disabled:i}),y&&Ot(et,{loading:r,disabled:i,readonly:m,value:"Value"}),v&&ur(cs,{children:[f&&Ot(mt,{}),Ot(ut,{children:Ot(bo,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Do.options=Rp;Do.states=Ep;Do.variants=Op;Do.defaultOptions=Ap;Do.modifiers=Ip;Do.className=ke.className;import{jsx as ps,jsxs as Dp}from"react/jsx-runtime";var us="k-color-preview",Bp=[],Pp={},eo=e=>{let{color:t,iconName:a,...l}=e;return Dp("span",{...l,className:n(e.className,us,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&ps(E,{icon:a,className:"k-color-preview-icon"}),ps("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};eo.states=Bp;eo.options=Pp;eo.className=us;var mr="popup",ms=mr;import{jsx as hs}from"react/jsx-runtime";var bs="k-animation-container",Kp=[],Hp={},hr={positionMode:"absolute",shown:!0},Bt=e=>{let{positionMode:t=hr.positionMode,shown:a=hr.shown,animationStyle:l,offset:r,...i}=e;return hs("div",{...i,style:{...r,...e.style},className:n(e.className,bs,{"k-animation-container-shown":a,"k-animation-container-fixed":t==="fixed"}),children:hs("div",{className:"k-child-animation-container",style:l,children:e.children})})};Bt.states=Kp;Bt.options=Hp;Bt.className=bs;Bt.defaultOptions=hr;Bt.moduleName=mr;Bt.folderName=ms;var br="popup",fs=br;import{jsx as xs}from"react/jsx-runtime";var Cs="k-popup",_p=[],zp={},vs={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:a=vs.positionMode,animationStyle:l,containerClassName:r,containerRole:i,containerAriaLabel:m,...b}=e;return xs(Bt,{positionMode:a,offset:t,animationStyle:l,className:r,role:i,"aria-label":m,children:xs("div",{...b,className:n(e.className,Cs),children:e.children})})};me.states=_p;me.options=zp;me.className=Cs;me.defaultOptions=vs;me.moduleName=br;me.folderName=fs;me.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var fr="action-buttons",ys=fr;import{jsx as Fp}from"react/jsx-runtime";var pl="k-actions",Gp=[],Up={},xr={alignment:"start",orientation:"horizontal"},Pt=e=>{let{alignment:t=xr.alignment,orientation:a=xr.orientation,...l}=e;return Fp("div",{...l,className:n(pl,{[`${pl}-${t}`]:t,[`${pl}-${a}`]:a},e.className),children:e.children})};Pt.states=Gp;Pt.options=Up;Pt.className=pl;Pt.defaultOptions=xr;Pt.moduleName=fr;Pt.folderName=ys;import{jsx as Vp}from"react/jsx-runtime";var Wp="k-actionsheet-footer",ks={alignment:"stretched",orientation:"horizontal"},to=e=>{let{alignment:t=ks.alignment,orientation:a=ks.orientation,template:l,as:r=l?"div":Pt,...i}=e;return Vp(r,{...i,...!l&&{alignment:t,orientation:a},className:n(e.className,Wp),children:e.children})};var Cr="searchbox",Ss=Cr;import{jsx as Ia,jsxs as Jp}from"react/jsx-runtime";var Ns="k-searchbox",$p=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],Xp={size:[u.undefined,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},vr={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:a,size:l,rounded:r,fillMode:i,hover:m,focus:b,valid:C,invalid:v,required:y,loading:N,disabled:f,showIcon:A=vr.showIcon,icon:T=vr.icon,"aria-label":B,...H}=e;return Jp(ke,{...H,size:l,rounded:r,fillMode:i,hover:m,focus:b,valid:C,invalid:v,required:y,loading:N,disabled:f,className:n(e.className,Ns),children:[A&&Ia(E,{className:"k-input-icon",icon:T}),Ia(tt,{placeholder:a,value:t,"aria-label":B}),Ia(Ye,{...e}),Ia(Fe,{...e}),Ia(et,{...e})]})};ht.states=$p;ht.options=Xp;ht.className=Ns;ht.defaultOptions=vr;ht.moduleName=Cr;ht.folderName=Ss;import{jsx as RN}from"react/jsx-runtime";var yr="textbox",gs=yr;import{Fragment as Ts,jsx as oo,jsxs as kr}from"react/jsx-runtime";var ws="k-textbox",qp=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Yp={size:[u.undefined,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ul={showClearButton:!0,showValidationIcon:!0,separators:!0},Oe=e=>{let{size:t,rounded:a,fillMode:l,separators:r=ul.separators,showClearButton:i=ul.showClearButton,showValidationIcon:m=ul.showValidationIcon,prefix:b,suffix:C,type:v,value:y,placeholder:N,hover:f,focus:A,valid:T,invalid:B,required:H,loading:P,disabled:V,readonly:ce,id:ye,"aria-label":Ie,"aria-describedby":Me,...Ue}=e;return kr(ke,{...Ue,size:t,rounded:a,fillMode:l,hover:f,focus:A,valid:T,invalid:B,required:H,loading:P,disabled:V,readonly:ce,className:n(e.className,ws),children:[b&&kr(Ts,{children:[oo(pt,{children:b}),r&&oo(mt,{})]}),oo(tt,{id:ye,placeholder:N,value:y,type:v,disabled:V,"aria-label":Ie,"aria-describedby":Me,"aria-invalid":B?"true":void 0}),m&&oo(Fe,{valid:T,invalid:B,loading:P,disabled:V}),oo(Ye,{loading:P,disabled:V}),i&&oo(et,{loading:P,disabled:V,readonly:ce,value:y}),C&&kr(Ts,{children:[r&&oo(mt,{}),oo(ut,{children:C})]})]})};Oe.states=qp;Oe.options=Yp;Oe.className=ws;Oe.defaultOptions=ul;Oe.moduleName=yr;Oe.folderName=gs;Oe.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 Oa=Oe;import{jsx as Qp}from"react/jsx-runtime";var Ms=e=>Qp(Oa,{...e});import{Fragment as qN,jsx as JN}from"react/jsx-runtime";import{Fragment as tg,jsx as eg}from"react/jsx-runtime";import{jsx as rg}from"react/jsx-runtime";import{jsx as Sr}from"react/jsx-runtime";var Zp=Oe.states,jp=Oe.defaultOptions,eu=Oe.options,tu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ou=[],Ko=e=>{let{modifiers:t,...a}=e,l={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":l.prefix=t?.[r]?Sr(E,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[r]?Sr(bo,{size:a.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[r];break;default:break}}),Sr(Ms,{value:"Value",style:{width:300},...a,...l})};Ko.options=eu;Ko.states=Zp;Ko.variants=ou;Ko.defaultOptions=jp;Ko.modifiers=tu;Ko.className=Oe.className;import{jsx as ao,jsxs as Nr}from"react/jsx-runtime";var Ls="k-actionsheet-titlebar",au={},We=e=>{let{title:t,subtitle:a,actionsStart:l,actionsEnd:r,filter:i,input:m,inputValue:b,inputPlaceholder:C,adaptive:v,titleId:y,children:N,...f}=e;return Nr("div",{...f,className:n(e.className,Ls),children:[Nr("div",{className:"k-actionsheet-titlebar-group",children:[l&&ao("div",{className:"k-actionsheet-actions",children:l}),!N&&Nr("div",{className:"k-actionsheet-title",id:y,children:[t&&ao("div",{className:"k-text-center",children:t}),a&&ao("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),N&&ao("div",{className:"k-actionsheet-title",id:y,children:N}),r&&ao("div",{className:"k-actionsheet-actions",children:r})]}),(m||i)&&ao("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:m?ao(Oe,{value:b,placeholder:C,size:v?"large":"medium","aria-label":t||C||"Input"}):ao(ht,{placeholder:"Filter",size:v?"large":"medium","aria-label":"Filter options"})})]})};We.className=Ls;We.defaultOptions=au;import{jsx as gr,jsxs as su}from"react/jsx-runtime";var Tr="k-actionsheet-view",lu=[],ru={},nu={},Ho=e=>{let{adaptive:t,animated:a,children:l,header:r,footer:i,titleId:m,...b}=e,C=r?.type===We&&gr(We,{adaptive:t,titleId:m,...r?.props}),v=i?.type===to&&gr(to,{...i?.props});return su("div",{...b,className:n(e.className,Tr,{[`${Tr}-animated`]:a}),children:[C,gr("div",{className:"k-actionsheet-content",children:l}),v]})};Ho.states=lu;Ho.options=ru;Ho.className=Tr;Ho.defaultOptions=nu;var Ba="action-sheet",ml=Ba;var wr="overlay",Es=wr;import{jsx as pu}from"react/jsx-runtime";var As="k-overlay",iu=[],du={},cu={},lo=e=>{let{...t}=e;return pu("div",{...t,className:n(e.className,As),children:e.children})};lo.states=iu;lo.options=du;lo.className=As;lo.defaultOptions=cu;lo.moduleName=wr;lo.folderName=Es;import{jsx as hl,jsxs as hu}from"react/jsx-runtime";var Rs="k-actionsheet",uu=[],mu={},Pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=Pa.side,fullscreen:a=Pa.fullscreen,adaptive:l=Pa.adaptive,overlay:r=Pa.overlay,template:i,children:m,header:b,footer:C,id:v,...y}=e,N=v&&!i&&b?`${v}-title`:void 0;return hu("div",{className:"k-actionsheet-container",children:[r&&hl(lo,{}),hl(Bt,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:hl("div",{...y,id:v,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":N,className:n(e.className,Rs,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":l}),children:i||hl(Ho,{header:b,footer:C,adaptive:l,titleId:N,...e,children:m})})})]})};xe.states=uu;xe.options=mu;xe.className=Rs;xe.defaultOptions=Pa;xe.moduleName=Ba;xe.folderName=ml;xe.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."}]};import{jsx as Cu}from"react/jsx-runtime";var Is="k-actionsheet-container",bu=[],fu={},xu={},_o=e=>{let{children:t,...a}=e;return Cu("div",{...a,className:Is,children:t})};_o.states=bu;_o.options=fu;_o.className=Is;_o.defaultOptions=xu;_o.moduleName=Ba;_o.folderName=ml;import{jsx as vu}from"react/jsx-runtime";var Mr=e=>{let{...t}=e;return vu("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as ku,jsx as Da,jsxs as Lr}from"react/jsx-runtime";var Er="k-actionsheet-item",yu=[d.hover,d.focus,d.selected,d.disabled],ro=e=>{let{iconName:t,text:a,description:l,hover:r,focus:i,selected:m,disabled:b,...C}=e;return Lr("span",{...C,className:n(e.className,Er,z(Er,{hover:r,focus:i,selected:m,disabled:b})),children:[!e.children&&Da(ku,{children:Lr("span",{className:"k-actionsheet-action",children:[t&&Da("span",{className:"k-icon-wrap",children:Da(E,{className:"k-actionsheet-item-icon",icon:t})}),Lr("span",{className:"k-actionsheet-item-text",children:[a&&Da("span",{className:"k-actionsheet-item-title",children:a}),l&&Da("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};ro.states=yu;ro.className=Er;import{jsx as lT,jsxs as rT}from"react/jsx-runtime";import{jsx as dT}from"react/jsx-runtime";import{jsx as mT}from"react/jsx-runtime";import{jsx as xT}from"react/jsx-runtime";import{jsx as Be,jsxs as Ar}from"react/jsx-runtime";var Su=xe.options,Nu=xe.states,Bs={...xe.defaultOptions,variant:"normal"},gu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Tu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],zo=e=>{let{variant:t,modifiers:a,...l}={...Bs,...e},r={},i=Ar(Mr,{children:[Be(ro,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Be(ro,{text:"Add to Favorites",iconName:"heart"}),Be(ro,{text:"Upload New",iconName:"upload",disabled:!0}),Be("hr",{className:"k-hr"}),Be(ro,{text:"Cancel",iconName:"cancel"})]}),m="Choose from the items below",b="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(a||{}).forEach(C=>{switch(C){case"actions":r.actionsStart=!!a?.[C],r.actionsEnd=!!a?.[C];break;case"subtitle":r.subtitle=a?.[C]?m:void 0;break;case"footer":r.footer=!!a?.[C];break;default:break}}),t==="adaptive"?Be(xe,{...l,adaptive:!0,fullscreen:r.fullScreen,header:Be(We,{actionsStart:r.actionsStart?Be(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Be(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:r.subtitle}),footer:r.footer?Ar(to,{alignment:"stretched",children:[Be(c,{text:"Cancel",size:"large",themeColor:"base"}),Be(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Be(xe,{...l,fullscreen:r.fullScreen,header:Be(We,{actionsStart:r.actionsStart?Be(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?Be(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Ar(to,{alignment:"stretched",children:[Be(c,{text:"Apply",themeColor:"primary"}),Be(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};zo.options=Su;zo.states=Nu;zo.variants=gu;zo.defaultOptions=Bs;zo.modifiers=Tu;zo.className=xe.className;var Rr="slider",Ps=Rr;import{jsx as Go,jsxs as Ir}from"react/jsx-runtime";var Ka="k-slider",wu=[d.hover,d.focus,d.active,d.disabled,d.readonly],Mu={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},de=e=>{let{type:t=bt.type,orientation:a=bt.orientation,gradientType:l=bt.gradientType,readonly:r=bt.readonly,disabled:i=bt.disabled,handlePosition:m=bt.handlePosition,showButtons:b=bt.showButtons,showTicks:C=bt.showTicks,value:v=bt.value,min:y=bt.min,max:N=bt.max,startValue:f,endValue:A,hover:T,focus:B,active:H,trackStyle:P,dir:V,...ce}=e,Ie=(()=>{if(t==="gradient"&&l==="2d")return"undefined";if(a==="vertical")return"vertical"})(),Me,Ue;return a==="horizontal"?(Me=V==="rtl"?"chevron-left":"chevron-right",Ue=V==="rtl"?"chevron-right":"chevron-left"):a==="vertical"&&(Me="chevron-up",Ue="chevron-down"),Ir("div",{...ce,className:n(Ka,e.className,z(Ka,{readonly:r,disabled:i}),{[`k-slider-${a}`]:a,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[b&&Go(c,{className:"k-button-decrease",rounded:"full",icon:Ue,tabIndex:-1,title:"Decrease"}),Ir("div",{className:"k-slider-track-wrap",children:[C&&Go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ir("div",{className:"k-slider-track",style:P,children:[Go("div",{className:"k-slider-selection"}),t==="range"&&Go("span",{className:n("k-draghandle","k-draghandle-start",z(Ka,{hover:T,focus:B,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":f??y,"aria-valuemin":y,"aria-valuemax":A??N,"aria-orientation":Ie,"aria-disabled":i?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ce["aria-label"]?`${ce["aria-label"]} start`:"Range start"}),Go("span",{className:n("k-draghandle",`k-draghandle-${m}`,z(Ka,{hover:T,focus:B,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?A??N:v,"aria-valuemin":t==="range"?f??y:y,"aria-valuemax":N,"aria-orientation":Ie,"aria-disabled":i?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ce["aria-label"]?`${ce["aria-label"]} end`:"Range end":ce["aria-label"]})]})]}),b&&Go(c,{className:"k-button-increase",rounded:"full",icon:Me,tabIndex:-1,title:"Increase"})]})};de.states=wu;de.options=Mu;de.className=Ka;de.defaultOptions=bt;de.moduleName=Rr;de.folderName=Ps;de.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Ds}from"react/jsx-runtime";var Ks="k-tick",Lu=[],Eu={},Hs={label:!1},U=e=>{let{style:t,label:a=Hs.label,orientation:l,large:r,text:i,...m}=e;return Ds("li",{...m,role:"presentation",title:i||"Tick",className:n(e.className,Ks,{[`k-tick-${l}`]:l,"k-tick-large":r}),style:t,children:a&&Ds("span",{className:"k-label",children:i})})};U.states=Lu;U.options=Eu;U.className=Ks;U.defaultOptions=Hs;import{Fragment as Au,jsx as ft,jsxs as Ru}from"react/jsx-runtime";var _s=e=>ft(de,{"aria-label":e["aria-label"]||"Slider",children:Ru(Au,{children:[ft(U,{className:"k-first",label:!0,large:!0,text:"0"}),ft(U,{}),ft(U,{}),ft(U,{}),ft(U,{}),ft(U,{label:!0,large:!0,text:"5"}),ft(U,{}),ft(U,{}),ft(U,{}),ft(U,{}),ft(U,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Iu,jsx as xt,jsxs as Ou}from"react/jsx-runtime";var zs=e=>xt(de,{children:Ou(Iu,{children:[xt(U,{className:"k-first",label:!0,large:!0,text:"0"}),xt(U,{}),xt(U,{}),xt(U,{}),xt(U,{}),xt(U,{label:!0,large:!0,text:"5"}),xt(U,{}),xt(U,{}),xt(U,{}),xt(U,{}),xt(U,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as rw,jsx as lw,jsxs as nw}from"react/jsx-runtime";import{Fragment as pw,jsx as cw,jsxs as uw}from"react/jsx-runtime";import{jsx as Bu}from"react/jsx-runtime";var Or=e=>Bu(de,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Pu}from"react/jsx-runtime";var Br=e=>Pu(de,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Nw,jsx as Sw,jsxs as gw}from"react/jsx-runtime";import{Fragment as Ew,jsx as Lw,jsxs as Aw}from"react/jsx-runtime";import{jsx as Dt,jsxs as Gs}from"react/jsx-runtime";var Du=de.options,Ku=de.states,Us={...de.defaultOptions,variant:"horizontal",label:!0},Hu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_u=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Uo=e=>{let{variant:t,modifiers:a,...l}=e,r=Us.label,i={};Object.keys(a||{}).forEach(b=>{switch(b){case"button":{i.showButtons=!!a?.[b];break}case"label":{r=!!a?.[b];break}case"tick":{i.showTicks=!!a?.[b];break}}});let m={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Gs(zs,{style:{height:"300px",...m},...l,...i,children:[Dt(U,{label:r,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Dt(U,{label:r,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Dt(U,{label:r,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Dt(U,{label:r,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Dt(U,{label:r,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Gs(_s,{style:{width:"400px",...m},...l,...i,children:[Dt(U,{label:r,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Dt(U,{label:r,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Dt(U,{label:r,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Dt(U,{label:r,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Dt(U,{label:r,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Uo.options=Du;Uo.states=Ku;Uo.variants=Hu;Uo.defaultOptions=Us;Uo.modifiers=_u;Uo.className=de.className;import{jsx as Fs,jsxs as Wu}from"react/jsx-runtime";var Ws="k-spin-button",Uu=[],Fu={size:[u.undefined,u.small,u.medium,u.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Pr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},no=e=>{let{size:t,fillMode:a,disabled:l,increaseLabel:r=Pr.increaseLabel,decreaseLabel:i=Pr.decreaseLabel,...m}=e;return Wu("span",{...m,className:n(Ws,e.className),children:[Fs(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:a,disabled:l,"aria-label":r}),Fs(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:a,disabled:l,"aria-label":i})]})};no.states=Uu;no.options=Fu;no.className=Ws;no.defaultOptions=Pr;no.moduleName=null;no.folderName=null;var Vs="numeric-textbox",$s="numerictextbox";import{Fragment as Xs,jsx as Ut,jsxs as Dr}from"react/jsx-runtime";var Js="k-numerictextbox",Vu=[d.hover,d.focus,d.valid,d.invalid,d.loading,d.required,d.disabled,d.readonly],$u={size:[u.undefined,u.small,u.medium,u.large],rounded:[S.undefined,S.none,S.small,S.medium,S.large,S.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},bl={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:a,fillMode:l,separators:r=bl.separators,showClearButton:i=bl.showClearButton,showSpinButton:m=bl.showSpinButton,prefix:b,suffix:C,value:v,placeholder:y,hover:N,focus:f,valid:A,invalid:T,required:B,loading:H,disabled:P,readonly:V,id:ce,"aria-label":ye,"aria-describedby":Ie,...Me}=e;return Dr(ke,{...Me,size:t,rounded:a,fillMode:l,hover:N,focus:f,valid:A,invalid:T,required:B,loading:H,disabled:P,readonly:V,className:n(e.className,Js),children:[b&&Dr(Xs,{children:[Ut(pt,{children:b}),r&&Ut(mt,{})]}),Ut(tt,{id:ce,placeholder:y,value:v,role:"spinbutton",disabled:P,"aria-label":ye,"aria-describedby":Ie,"aria-invalid":T?"true":void 0}),Ut(Fe,{valid:A,invalid:T,loading:H,disabled:P}),Ut(Ye,{loading:H,disabled:P}),i&&Ut(et,{loading:H,disabled:P,readonly:V,value:v}),C&&Dr(Xs,{children:[r&&Ut(mt,{}),Ut(ut,{children:C})]}),m&&Ut(no,{className:"k-input-spinner",size:t,fillMode:l,disabled:P})]})};ae.states=Vu;ae.options=$u;ae