npm - @progress/kendo-themes-html - Versions diffs - 14.0.0-dev.4 → 14.0.0-dev.6 - Mend

@progress/kendo-themes-html 14.0.0-dev.4 → 14.0.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/dist/esm/editor/demos/editor.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(e,t)=>s({[`${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"}),y=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:g,highlighted:k,...I}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":k},Object.keys(I).reduce((A,S)=>(S.startsWith("k-")?A[S]=I[S]:A[`k-${S}`]=I[S],A),{}))};function Un(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 xa={};function _(e){return xa[e]=(xa[e]\|\|0)+1,`k-${e}-${xa[e]}`}import{jsx as ps}from"react/jsx-runtime";var Na="k-editor-content",cs=[i.focus],Go=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return ps("div",{...n,className:s(e.className,Na,y(Na,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a\|\|"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Go.states=cs;Go.className=Na;import{Fragment as fs,jsx as Gn}from"react/jsx-runtime";var ka="k-font-icon",us=[],ms={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},bs={},ho=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...c}=e;return a?Gn("span",{...c,className:s(e.className,ka,T(ka,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):Gn(fs,{})};ho.states=us;ho.options=ms;ho.className=ka;ho.defaultOptions=bs;var Fn=ho;import{Fragment as Ns,jsx as Fo}from"react/jsx-runtime";var va="k-svg-icon",hs=[],xs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Vn={viewBox:"0 0 24 24"},xo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=Vn.viewBox,icon:c,...u}=e;if(!c)return Fo(Ns,{});if(c==="none")return Fo("span",{...u,className:s(e.className,va,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return Fo("span",{...u,className:s(e.className,va,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Fo("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};xo.states=hs;xo.options=xs;xo.className=va;xo.defaultOptions=Vn;var ga=xo;importas La from"@progress/kendo-svg-icons";var $n="icon",Xn="icons";import{useContext as vs}from"react";import{createContext as ks}from"react";var qn=ks({iconsType:"svg"});import{Fragment as Jn,jsx as No}from"react/jsx-runtime";var Vo="k-icon",gs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ls=[],Ms={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Ma={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=vs(qn),{size:o,themeColor:a,icon:n,type:l=t\|\|Ma.type,rotate:c,flip:u,viewBox:f=Ma.viewBox,...h}=e;if(!n)return No(Jn,{});if((t\|\|l)==="svg"){if(n==="none")return No(ga,{...h,className:s(e.className,Vo),icon:n,size:o});let x=La[n]?n:gs(`${n}-icon`);return La[x]?No(ga,{...h,className:s(e.className,Vo),icon:La[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):No(Jn,{})}return No(Fn,{...h,className:s(e.className,Vo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};M.states=Ls;M.options=Ms;M.defaultOptions=Ma;M.className=Vo;M.moduleName=$n;M.folderName=Xn;M.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 Sa="button",Wn=Sa;import{Fragment as ys,jsx as ko,jsxs as Yn}from"react/jsx-runtime";var vo="k-button",Ss=["icon-button"],Is=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Cs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Ia={showArrow:!1,arrowIconName:"chevron-down"},r=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:c=Ia.showArrow,arrowIconName:u=Ia.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:I,icon:A,text:S,iconClassName:P,className:J,...oe}=e,se=A!==void 0,le=e.children!==void 0;return Yn(t,{className:s(J,vo,Un(vo,f),T(vo,{size:o,rounded:a,fillMode:n,themeColor:l}),y(vo,{hover:h,focus:N,active:x,disabled:g\|\|I,selected:p}),{"k-icon-button":!S&&!le&&se}),...oe,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:g\|\|void 0,children:[A&&ko(M,{className:s(P,"k-button-icon"),icon:A}),S?Yn(ys,{children:[S&&ko("span",{className:"k-button-text",children:S}),e.children]}):e.children&&ko("span",{className:"k-button-text",children:e.children}),c&&ko("span",{className:"k-menu-button-arrow k-button-arrow",children:ko(M,{icon:u})})]})};r.states=Is;r.options=Cs;r.variants=Ss;r.className=vo;r.defaultOptions=Ia;r.moduleName=Sa;r.folderName=Wn;r.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 Ts}from"react/jsx-runtime";var rt=e=>Ts(r,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Es}from"react/jsx-runtime";var go=e=>Es(r,{icon:"folder",children:"Button",...e});import{jsx as As}from"react/jsx-runtime";var kt=e=>As(r,{children:"Button",...e});import{jsx as Ca}from"react/jsx-runtime";var Os=r.options,Bs=r.states,ws={...r.defaultOptions,variant:"text"},Ps=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rs=[],Pt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ca(rt,{...o,icon:"star"});case"icon-and-text":return Ca(go,{...o,icon:"star",children:"Button"});default:return Ca(kt,{...o,children:"Button"})}};Pt.options=Os;Pt.states=Bs;Pt.variants=Ps;Pt.defaultOptions=ws;Pt.modifiers=Rs;Pt.className=r.className;var ya="button",Qn=ya;import{jsx as Hs}from"react/jsx-runtime";var Lo="k-button-group",Ks=[i.disabled],_s={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ds={},L=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Hs("div",{role:"group",...n,className:s(e.className,Lo,T(Lo,{fillMode:t}),y(Lo,{disabled:o}),{[`${Lo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};L.states=Ks;L.options=_s;L.className=Lo;L.defaultOptions=Ds;L.moduleName=ya;L.folderName=Qn;L.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 Pb,jsx as wb,jsxs as Rb}from"react/jsx-runtime";import{Fragment as Ub,jsx as zb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as qb,jsxs as Wb}from"react/jsx-runtime";import{Fragment as tf,jsx as ef,jsxs as of}from"react/jsx-runtime";import{Fragment as df,jsx as lf,jsxs as cf}from"react/jsx-runtime";import{Fragment as hf,jsx as ff,jsxs as xf}from"react/jsx-runtime";import{jsx as Ye,jsxs as Ta}from"react/jsx-runtime";var zs={...r.options,...L.options},Us=r.states,Gs={...r.defaultOptions,...L.defaultOptions,variant:"text-button"},Fs=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vs=[],Rt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,icon:"star"}),Ye(r,{...a,icon:"star"}),Ye(r,{...a,icon:"star"})]}):t==="icon-text-button"?Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,icon:"star",children:"First"}),Ye(r,{...a,icon:"star",children:"Middle"}),Ye(r,{...a,icon:"star",children:"Last"})]}):Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,children:"First"}),Ye(r,{...a,children:"Middle"}),Ye(r,{...a,children:"Last"})]})};Rt.options=zs;Rt.states=Us;Rt.variants=Fs;Rt.defaultOptions=Gs;Rt.modifiers=Vs;Rt.className=L.className;var Mo="input",$o=Mo;import{jsx as Js}from"react/jsx-runtime";var Xo="k-input",$s=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Xs={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qs={},W=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Js("span",{...x,className:s(e.className,Xo,T(Xo,{size:f,rounded:h,fillMode:N}),y(Xo,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u}))})};W.states=$s;W.options=Xs;W.className=Xo;W.defaultOptions=qs;W.moduleName=Mo;W.folderName=$o;import{jsx as Zs}from"react/jsx-runtime";var qo="k-picker",Ws=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ys={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Qs={},Ge=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Zs("span",{...x,className:s(e.className,qo,T(qo,{size:f,rounded:h,fillMode:N}),y(qo,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u})),children:e.children})};Ge.states=Ws;Ge.options=Ys;Ge.className=qo;Ge.defaultOptions=Qs;Ge.moduleName=Mo;Ge.folderName=$o;import{Fragment as tl,jsx as Ea}from"react/jsx-runtime";var Zn="k-clear-value",js=[i.disabled,i.loading,i.readonly],el={},ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ea(tl,{}):Ea("span",{className:s(e.className,Zn),children:Ea(M,{icon:"x"})})};ke.states=js;ke.options=el;ke.className=Zn;import{jsx as nl}from"react/jsx-runtime";var Aa="k-input-inner",ol=[],al={},Jo={type:"text",autocomplete:"off",value:"",placeholder:""},ve=e=>{let{value:t=Jo.value,type:o=Jo.type,placeholder:a=Jo.placeholder,autocomplete:n=Jo.autocomplete,disabled:l,readOnly:c,...u}=e;return nl("input",{...u,type:o,className:s(e.className,Aa,T(Aa,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:l\|\|void 0,readOnly:c\|\|void 0})};ve.states=ol;ve.options=al;ve.className=Aa;import{jsx as jn,jsxs as sl}from"react/jsx-runtime";var Oa="k-input-inner",rl=[],il={},vt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...c}=e;return sl("span",{...c,className:s(e.className,Oa,T(Oa,e)),children:[n,!n&&l&&jn(M,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&jn("span",{className:"k-input-value-text",children:t})]})};vt.states=rl;vt.options=il;vt.className=Oa;import{jsx as cl}from"react/jsx-runtime";var Ba="k-input-inner",ll=[],dl={},er={value:"",placeholder:""},wa=e=>{let{value:t=er.value,placeholder:o=er.placeholder,rows:a,disabled:n,...l}=e;return cl("textarea",{...l,className:s(e.className,Ba,T(Ba,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};wa.states=ll;wa.options=dl;wa.className=Ba;import{Fragment as ul,jsx as tr}from"react/jsx-runtime";var or="k-input-loading-icon",pl=[i.disabled,i.loading],fe=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?tr(ul,{}):tr("span",{className:s(e.className,or,"k-icon k-i-loading")})};fe.states=pl;fe.className=or;import{Fragment as fl,jsx as ar}from"react/jsx-runtime";var nr="k-input-validation-icon",ml=[i.valid,i.invalid,i.disabled,i.loading],bl={},de=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,l=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ar(fl,{}):ar(M,{className:s(nr),icon:l})};de.states=ml;de.options=bl;de.className=nr;import{Fragment as Nl,jsx as rr}from"react/jsx-runtime";var hl="k-input-prefix",xl={direction:"horizontal"},ye=e=>{let{direction:t=xl.direction,...o}=e;return e.children?rr("span",{...o,className:s(hl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rr(Nl,{})};import{Fragment as gl,jsx as ir}from"react/jsx-runtime";var kl="k-input-suffix",vl={direction:"horizontal"},Te=e=>{let{direction:t=vl.direction,...o}=e;return e.children?ir("span",{...o,className:s(kl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ir(gl,{})};import{jsx as xh}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Ll="k-input-suffix-text",Pa=e=>{let{children:t,...o}=e;return Ml("span",{...o,className:s(Ll,e.className),children:t})};import{jsx as Il}from"react/jsx-runtime";var sr="k-input-separator",Sl={direction:"vertical"},Ee=e=>{let{direction:t=Sl.direction,...o}=e;return Il("span",{...o,className:s(sr,e.className,{[`${sr}-${t}`]:t})})};import{Fragment as lr,jsx as Fe,jsxs as Ra}from"react/jsx-runtime";var Cl=W.states,yl=W.defaultOptions,Tl=W.options,El=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Al=[],Kt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:l,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return Ra(W,{...u,valid:o,invalid:a,loading:n,disabled:l,readonly:c,style:{width:300},children:[f&&Ra(lr,{children:[Fe(ye,{children:Fe(M,{icon:"lock"})}),p&&Fe(Ee,{})]}),Fe(ve,{placeholder:"Placeholder",value:"Value"}),x&&Fe(de,{valid:o,invalid:a,loading:n,disabled:l}),Fe(fe,{loading:n,disabled:l}),N&&Fe(ke,{loading:n,disabled:l,readonly:c,value:"Value"}),h&&Ra(lr,{children:[p&&Fe(Ee,{}),Fe(Te,{children:Fe(kt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Kt.options=Tl;Kt.states=Cl;Kt.variants=Al;Kt.defaultOptions=yl;Kt.modifiers=El;Kt.className=W.className;import{jsx as dr,jsxs as wl}from"react/jsx-runtime";var cr="k-color-preview",Ol=[],Bl={},it=e=>{let{color:t,iconName:o,...a}=e;return wl("span",{...a,className:s(e.className,cr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dr(M,{icon:o,className:"k-color-preview-icon"}),dr("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};it.states=Ol;it.options=Bl;it.className=cr;var Ka="popup",pr=Ka;import{jsx as ur}from"react/jsx-runtime";var mr="k-animation-container",Pl=[],Rl={},br={positionMode:"absolute"},Ve=e=>{let{positionMode:t=br.positionMode,animationStyle:o,offset:a,...n}=e;return ur("div",{...n,style:{...a,...e.style},className:s(e.className,mr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ur("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ve.states=Pl;Ve.options=Rl;Ve.className=mr;Ve.defaultOptions=br;Ve.moduleName=Ka;Ve.folderName=pr;var _a="popup",fr=_a;import{jsx as hr}from"react/jsx-runtime";var xr="k-popup",Kl=[],_l={},Nr={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Nr.positionMode,animationStyle:a,containerClassName:n,containerRole:l,containerAriaLabel:c,...u}=e;return hr(Ve,{positionMode:o,offset:t,animationStyle:a,className:n,role:l,"aria-label":c,children:hr("div",{...u,className:s(e.className,xr),children:e.children})})};F.states=Kl;F.options=_l;F.className=xr;F.defaultOptions=Nr;F.moduleName=_a;F.folderName=fr;F.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 Da="action-buttons",kr=Da;import{jsx as zl}from"react/jsx-runtime";var Wo="k-actions",Dl=[],Hl={},Ha={alignment:"start",orientation:"horizontal"},$e=e=>{let{alignment:t=Ha.alignment,orientation:o=Ha.orientation,...a}=e;return zl("div",{...a,className:s(Wo,{[`${Wo}-${t}`]:t,[`${Wo}-${o}`]:o},e.className),children:e.children})};$e.states=Dl;$e.options=Hl;$e.className=Wo;$e.defaultOptions=Ha;$e.moduleName=Da;$e.folderName=kr;import{jsx as Gl}from"react/jsx-runtime";var Ul="k-actionsheet-footer",vr={alignment:"stretched",orientation:"horizontal"},st=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,template:a,as:n=a?"div":$e,...l}=e;return Gl(n,{...l,...!a&&{alignment:t,orientation:o},className:s(e.className,Ul),children:e.children})};var za="searchbox",gr=za;import{jsx as So,jsxs as $l}from"react/jsx-runtime";var Lr="k-searchbox",Fl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Vl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ua={showIcon:!0,icon:"search"},Ae=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Ua.showIcon,icon:k=Ua.icon,"aria-label":I,...A}=e;return $l(W,{...A,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:s(e.className,Lr),children:[g&&So(M,{className:"k-input-icon",icon:k}),So(ve,{placeholder:o,value:t,"aria-label":I}),So(fe,{...e}),So(de,{...e}),So(ke,{...e})]})};Ae.states=Fl;Ae.options=Vl;Ae.className=Lr;Ae.defaultOptions=Ua;Ae.moduleName=za;Ae.folderName=gr;import{jsx as Gx}from"react/jsx-runtime";var Ga="textbox",Mr=Ga;import{Fragment as Sr,jsx as lt,jsxs as Fa}from"react/jsx-runtime";var Ir="k-textbox",Xl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ql={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Yo={showClearButton:!0,showValidationIcon:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Yo.separators,showClearButton:l=Yo.showClearButton,showValidationIcon:c=Yo.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:I,required:A,loading:S,disabled:P,readonly:J,id:oe,"aria-label":se,"aria-describedby":le,...Ne}=e;return Fa(W,{...Ne,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:I,required:A,loading:S,disabled:P,readonly:J,className:s(e.className,Ir),children:[u&&Fa(Sr,{children:[lt(ye,{children:u}),n&&lt(Ee,{})]}),lt(ve,{id:oe,placeholder:x,value:N,type:h,disabled:P,"aria-label":se,"aria-describedby":le,"aria-invalid":I?"true":void 0}),c&&lt(de,{valid:k,invalid:I,loading:S,disabled:P}),lt(fe,{loading:S,disabled:P}),l&&lt(ke,{loading:S,disabled:P,readonly:J,value:N}),f&&Fa(Sr,{children:[n&&lt(Ee,{}),lt(Te,{children:f})]})]})};ee.states=Xl;ee.options=ql;ee.className=Ir;ee.defaultOptions=Yo;ee.moduleName=Ga;ee.folderName=Mr;ee.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 Io=ee;import{jsx as Jl}from"react/jsx-runtime";var Cr=e=>Jl(Io,{...e});import{Fragment as iN,jsx as rN}from"react/jsx-runtime";import{Fragment as uN,jsx as pN}from"react/jsx-runtime";import{jsx as hN}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";var Wl=ee.states,Yl=ee.defaultOptions,Ql=ee.options,Zl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],jl=[],_t=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Va(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Va(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Va(Cr,{value:"Value",style:{width:300},...o,...a})};_t.options=Ql;_t.states=Wl;_t.variants=jl;_t.defaultOptions=Yl;_t.modifiers=Zl;_t.className=ee.className;import{jsx as dt,jsxs as $a}from"react/jsx-runtime";var yr="k-actionsheet-titlebar",ed={},ce=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return $a("div",{...p,className:s(e.className,yr),children:[$a("div",{className:"k-actionsheet-titlebar-group",children:[a&&dt("div",{className:"k-actionsheet-actions",children:a}),!x&&$a("div",{className:"k-actionsheet-title",id:N,children:[t&&dt("div",{className:"k-text-center",children:t}),o&&dt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&dt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&dt("div",{className:"k-actionsheet-actions",children:n})]}),(c\|\|l)&&dt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?dt(ee,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):dt(Ae,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};ce.className=yr;ce.defaultOptions=ed;import{jsx as Xa,jsxs as nd}from"react/jsx-runtime";var qa="k-actionsheet-view",td=[],od={},ad={},Dt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:l,titleId:c,...u}=e,f=n?.type===ce&&Xa(ce,{adaptive:t,titleId:c,...n?.props}),h=l?.type===st&&Xa(st,{...l?.props});return nd("div",{...u,className:s(e.className,qa,{[`${qa}-animated`]:o}),children:[f,Xa("div",{className:"k-actionsheet-content",children:a}),h]})};Dt.states=td;Dt.options=od;Dt.className=qa;Dt.defaultOptions=ad;var Co="action-sheet",Qo=Co;var Ja="overlay",Tr=Ja;import{jsx as ld}from"react/jsx-runtime";var Er="k-overlay",rd=[],id={},sd={},ct=e=>{let{...t}=e;return ld("div",{...t,className:s(e.className,Er),children:e.children})};ct.states=rd;ct.options=id;ct.className=Er;ct.defaultOptions=sd;ct.moduleName=Ja;ct.folderName=Tr;import{jsx as Zo,jsxs as pd}from"react/jsx-runtime";var Ar="k-actionsheet",dd=[],cd={},yo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=yo.side,fullscreen:o=yo.fullscreen,adaptive:a=yo.adaptive,overlay:n=yo.overlay,template:l,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!l&&u?`${h}-title`:void 0;return pd("div",{className:"k-actionsheet-container",children:[n&&Zo(ct,{}),Zo(Ve,{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:Zo("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:s(e.className,Ar,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|Zo(Dt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};X.states=dd;X.options=cd;X.className=Ar;X.defaultOptions=yo;X.moduleName=Co;X.folderName=Qo;X.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 fd}from"react/jsx-runtime";var Or="k-actionsheet-container",ud=[],md={},bd={},Ht=e=>{let{children:t,...o}=e;return fd("div",{...o,className:Or,children:t})};Ht.states=ud;Ht.options=md;Ht.className=Or;Ht.defaultOptions=bd;Ht.moduleName=Co;Ht.folderName=Qo;import{jsx as hd}from"react/jsx-runtime";var Wa=e=>{let{...t}=e;return hd("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as Nd,jsx as To,jsxs as Ya}from"react/jsx-runtime";var Qa="k-actionsheet-item",xd=[i.hover,i.focus,i.selected,i.disabled],pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:l,selected:c,disabled:u,...f}=e;return Ya("span",{...f,className:s(e.className,Qa,y(Qa,{hover:n,focus:l,selected:c,disabled:u})),children:[!e.children&&To(Nd,{children:Ya("span",{className:"k-actionsheet-action",children:[t&&To("span",{className:"k-icon-wrap",children:To(M,{className:"k-actionsheet-item-icon",icon:t})}),Ya("span",{className:"k-actionsheet-item-text",children:[o&&To("span",{className:"k-actionsheet-item-title",children:o}),a&&To("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};pt.states=xd;pt.className=Qa;import{jsx as fk,jsxs as hk}from"react/jsx-runtime";import{jsx as vk}from"react/jsx-runtime";import{jsx as Sk}from"react/jsx-runtime";import{jsx as Tk}from"react/jsx-runtime";import{jsx as te,jsxs as Za}from"react/jsx-runtime";var kd=X.options,vd=X.states,wr={...X.defaultOptions,variant:"normal"},gd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ld=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],zt=e=>{let{variant:t,modifiers:o,...a}={...wr,...e},n={},l=Za(Wa,{children:[te(pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),te(pt,{text:"Add to Favorites",iconName:"heart"}),te(pt,{text:"Upload New",iconName:"upload",disabled:!0}),te("hr",{className:"k-hr"}),te(pt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?c:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?te(X,{...a,adaptive:!0,fullscreen:n.fullScreen,header:te(ce,{actionsStart:n.actionsStart?te(r,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?te(r,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?Za(st,{alignment:"stretched",children:[te(r,{text:"Cancel",size:"large",themeColor:"base"}),te(r,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):te(X,{...a,fullscreen:n.fullScreen,header:te(ce,{actionsStart:n.actionsStart?te(r,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?te(r,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Za(st,{alignment:"stretched",children:[te(r,{text:"Apply",themeColor:"primary"}),te(r,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};zt.options=kd;zt.states=vd;zt.variants=gd;zt.defaultOptions=wr;zt.modifiers=Ld;zt.className=X.className;var ja="slider",Pr=ja;import{jsx as Ut,jsxs as en}from"react/jsx-runtime";var Eo="k-slider",Md=[i.hover,i.focus,i.active,i.disabled,i.readonly],Sd={},Oe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=e=>{let{type:t=Oe.type,orientation:o=Oe.orientation,gradientType:a=Oe.gradientType,readonly:n=Oe.readonly,disabled:l=Oe.disabled,handlePosition:c=Oe.handlePosition,showButtons:u=Oe.showButtons,showTicks:f=Oe.showTicks,value:h=Oe.value,min:N=Oe.min,max:x=Oe.max,startValue:p,endValue:g,hover:k,focus:I,active:A,trackStyle:S,dir:P,...J}=e,se=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),le,Ne;return o==="horizontal"?(le=P==="rtl"?"chevron-left":"chevron-right",Ne=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(le="chevron-up",Ne="chevron-down"),en("div",{...J,className:s(Eo,e.className,y(Eo,{readonly:n,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[u&&Ut(r,{className:"k-button-decrease",rounded:"full",icon:Ne,tabIndex:-1,title:"Decrease"}),en("div",{className:"k-slider-track-wrap",children:[f&&Ut("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),en("div",{className:"k-slider-track",style:S,children:[Ut("div",{className:"k-slider-selection"}),t==="range"&&Ut("span",{className:s("k-draghandle","k-draghandle-start",y(Eo,{hover:k,focus:I,active:A})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":se,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),Ut("span",{className:s("k-draghandle",`k-draghandle-${c}`,y(Eo,{hover:k,focus:I,active:A})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":se,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),u&&Ut(r,{className:"k-button-increase",rounded:"full",icon:le,tabIndex:-1,title:"Increase"})]})};G.states=Md;G.options=Sd;G.className=Eo;G.defaultOptions=Oe;G.moduleName=ja;G.folderName=Pr;G.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 Rr}from"react/jsx-runtime";var Kr="k-tick",Id=[],Cd={},_r={label:!1},E=e=>{let{style:t,label:o=_r.label,orientation:a,large:n,text:l,...c}=e;return Rr("li",{...c,role:"presentation",title:l\|\|"Tick",className:s(e.className,Kr,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Rr("span",{className:"k-label",children:l})})};E.states=Id;E.options=Cd;E.className=Kr;E.defaultOptions=_r;import{Fragment as yd,jsx as Be,jsxs as Td}from"react/jsx-runtime";var Dr=e=>Be(G,{"aria-label":e["aria-label"]\|\|"Slider",children:Td(yd,{children:[Be(E,{className:"k-first",label:!0,large:!0,text:"0"}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{label:!0,large:!0,text:"5"}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ed,jsx as we,jsxs as Ad}from"react/jsx-runtime";var Hr=e=>we(G,{children:Ad(Ed,{children:[we(E,{className:"k-first",label:!0,large:!0,text:"0"}),we(E,{}),we(E,{}),we(E,{}),we(E,{}),we(E,{label:!0,large:!0,text:"5"}),we(E,{}),we(E,{}),we(E,{}),we(E,{}),we(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as hv,jsx as fv,jsxs as xv}from"react/jsx-runtime";import{Fragment as Lv,jsx as gv,jsxs as Mv}from"react/jsx-runtime";import{jsx as Od}from"react/jsx-runtime";var tn=e=>Od(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Bd}from"react/jsx-runtime";var on=e=>Bd(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Pv,jsx as wv,jsxs as Rv}from"react/jsx-runtime";import{Fragment as zv,jsx as Hv,jsxs as Uv}from"react/jsx-runtime";import{jsx as Xe,jsxs as zr}from"react/jsx-runtime";var wd=G.options,Pd=G.states,Ur={...G.defaultOptions,variant:"horizontal",label:!0},Rd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kd=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Gt=e=>{let{variant:t,modifiers:o,...a}={...Ur,...e},n={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!o?.[h];break}case"label":{n.label=!!o?.[h];break}case"tick":{n.showTicks=!!o?.[h];break}}});let{label:l=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?zr(Hr,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Xe(E,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):zr(Dr,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Xe(E,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Gt.options=wd;Gt.states=Pd;Gt.variants=Rd;Gt.defaultOptions=Ur;Gt.modifiers=Kd;Gt.className=G.className;import{jsx as Gr,jsxs as Ud}from"react/jsx-runtime";var Fr="k-spin-button",Hd=[],zd={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},an={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ut=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=an.increaseLabel,decreaseLabel:l=an.decreaseLabel,...c}=e;return Ud("span",{...c,className:s(Fr,e.className),children:[Gr(r,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Gr(r,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};ut.states=Hd;ut.options=zd;ut.className=Fr;ut.defaultOptions=an;ut.moduleName=null;ut.folderName=null;var Vr="numeric-textbox",$r="numerictextbox";import{Fragment as Xr,jsx as Qe,jsxs as nn}from"react/jsx-runtime";var qr="k-numerictextbox",Gd=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Fd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},jo={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=jo.separators,showClearButton:l=jo.showClearButton,showSpinButton:c=jo.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,id:J,"aria-label":oe,"aria-describedby":se,...le}=e;return nn(W,{...le,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,className:s(e.className,qr),children:[u&&nn(Xr,{children:[Qe(ye,{children:u}),n&&Qe(Ee,{})]}),Qe(ve,{id:J,placeholder:N,value:h,role:"spinbutton",disabled:S,"aria-label":oe,"aria-describedby":se,"aria-invalid":k?"true":void 0}),Qe(de,{valid:g,invalid:k,loading:A,disabled:S}),Qe(fe,{loading:A,disabled:S}),l&&Qe(ke,{loading:A,disabled:S,readonly:P,value:h}),f&&nn(Xr,{children:[n&&Qe(Ee,{}),Qe(Te,{children:f})]}),c&&Qe(ut,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};D.states=Gd;D.options=Fd;D.className=qr;D.defaultOptions=jo;D.moduleName=Vr;D.folderName=$r;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ao=D;import{jsx as Vd}from"react/jsx-runtime";var Jr=e=>Vd(Ao,{...e});import sn from"react";import{jsx as Wr}from"react/jsx-runtime";var $d="k-list-group-sticky-header",rn=e=>Wr("div",{className:s($d,e.className),children:Wr("div",{className:"k-list-header-text",children:e.children})});import{jsx as qd}from"react/jsx-runtime";var Xd="k-no-data",ea=e=>{let{live:t,...o}=e;return qd("span",{...o,className:s(Xd,e.className),"aria-live":t?"polite":void 0,children:e.children})};var gt="list",Ft=gt;import{jsx as Yr,jsxs as Qr}from"react/jsx-runtime";var ln="k-list",Jd=[],Wd={size:[d.undefined,d.small,d.medium,d.large]},Yd={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:l,customValue:c,noData:u,screenReaders:f,...h}=e,x=sn.Children.toArray(a)[0],p=x?.props?.children?sn.Children.count(x.props.children):sn.Children.count(a);return Qr("div",{...h,className:s(e.className,ln,T(ln,{size:t}),{"k-virtual-list":o}),children:[l,c,n&&Yr(rn,{children:n}),a\|\|(u!==void 0?u:Yr(ea,{live:!0,children:"No data found."})),f&&a&&Qr(ea,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};R.states=Jd;R.options=Wd;R.className=ln;R.defaultOptions=Yd;R.moduleName=gt;R.folderName=Ft;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as ec}from"react/jsx-runtime";var Zr="k-list-container",Qd=[],Zd={},jd={},Vt=e=>{let{...t}=e;return ec("div",{...t,className:s(e.className,Zr),children:e.children})};Vt.states=Qd;Vt.options=Zd;Vt.className=Zr;Vt.defaultOptions=jd;Vt.moduleName=gt;Vt.folderName=Ft;var Lt="checkbox",$t=Lt;import{jsx as jr}from"react/jsx-runtime";var ta="k-checkbox",tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},ac={},Pe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:l,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return jr("span",{className:"k-checkbox-wrap",role:p,children:jr("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:s(e.className,ta,T(ta,{size:N,rounded:x}),y(ta,{hover:n,focus:l,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Pe.states=tc;Pe.options=oc;Pe.className=ta;Pe.defaultOptions=ac;Pe.moduleName=Lt;Pe.folderName=$t;Pe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ze=Pe;import{jsx as ic}from"react/jsx-runtime";var ei="k-checkbox-list",nc=[],rc={},ti={layout:"vertical"},pe=e=>{let{layout:t=ti.layout,...o}=e;return ic("ul",{...o,className:s(e.className,ei,{[`k-list-${t}`]:t}),children:e.children})};pe.states=nc;pe.options=rc;pe.className=ei;pe.defaultOptions=ti;pe.moduleName=Lt;pe.folderName=$t;import{jsx as cc}from"react/jsx-runtime";var oi="k-checkbox-list-item",sc=[],lc={},dc={},ue=e=>{let{...t}=e;return cc("li",{...t,className:s(e.className,oi),children:e.children})};ue.states=sc;ue.options=lc;ue.className=oi;ue.defaultOptions=dc;ue.moduleName=Lt;ue.folderName=$t;import{Fragment as pc,jsx as ai,jsxs as uc}from"react/jsx-runtime";var Ze=({children:e="Label",id:t="cb-label-after",...o})=>uc(pc,{children:[ai(ze,{id:t,...o}),ai("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as pL,jsx as cL,jsxs as uL}from"react/jsx-runtime";import{Fragment as xL,jsx as hL,jsxs as NL}from"react/jsx-runtime";import{Fragment as ML,jsx as LL,jsxs as SL}from"react/jsx-runtime";import{jsx as TL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as KL}from"react/jsx-runtime";import{jsx as Re,jsxs as ni}from"react/jsx-runtime";var mc=pe.options,bc=pe.states,fc={...pe.defaultOptions,variant:"vertical"},hc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],xc=[],Xt=e=>{let{variant:t,...o}=e;return t==="horizontal"?ni(pe,{layout:"horizontal",...o,children:[Re(ue,{children:Re(Ze,{id:_("cb"),defaultChecked:!0,children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})})]}):ni(pe,{...o,children:[Re(ue,{children:Re(Ze,{id:_("cb"),defaultChecked:!0,children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})})]})};Xt.options=mc;Xt.states=bc;Xt.variants=hc;Xt.defaultOptions=fc;Xt.modifiers=xc;Xt.className=pe.className;import{jsx as Mc}from"react/jsx-runtime";var Nc=ze.options,kc=ze.states,vc=ze.defaultOptions,gc=[],Lc=[],qt=e=>Mc(Ze,{id:_("checkbox"),...e,defaultChecked:!0,children:"Label"});qt.options=Nc;qt.states=kc;qt.variants=gc;qt.defaultOptions=vc;qt.modifiers=Lc;qt.className=ze.className;import{jsx as Mt,jsxs as yc}from"react/jsx-runtime";var dn="k-list-item",Sc=[i.hover,i.focus,i.selected,i.disabled],Ic={},Cc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:l,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...I}=e,A=t\|\|e.children;return yc("li",{...I,id:k,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:s(e.className,a?"k-list-group-item":dn,y(dn,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&Mt(Pe,{checked:u}),n&&Mt("span",{className:"k-list-item-icon-wrapper",children:Mt(M,{icon:n,className:s("k-list-item-icon",l)})}),Mt("span",{className:"k-list-item-text",children:A}),p&&Mt("div",{className:"k-list-item-actions",children:p}),g&&Mt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Mt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Sc;O.options=Ic;O.className=dn;O.defaultOptions=Cc;O.moduleName=gt;O.folderName=Ft;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Ec}from"react/jsx-runtime";var Tc="k-list-ul",je=e=>{let{children:t,role:o,id:a,...n}=e;return Ec("ul",{...n,id:a,role:o,className:s(Tc,e.className),children:t})};je.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as cn,jsxs as Oc}from"react/jsx-runtime";var Ac="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:l,...c}=e;return Oc("div",{...c,className:s(Ac,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:cn(je,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&cn("div",{className:"k-height-container",children:cn("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as CM,jsx as IM,jsxs as yM}from"react/jsx-runtime";import{jsx as pn,jsxs as wc}from"react/jsx-runtime";var Bc="k-list-group-item",St=e=>{let{groupIconName:t,...o}=e;return wc("li",{...o,role:"presentation",className:s(Bc,e.className),children:[t&&pn("span",{className:"k-list-item-icon-wrapper",children:pn(M,{icon:t,className:"k-list-item-icon"})}),pn("span",{className:"k-list-item-text",children:e.children})]})};St.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as _c}from"react/jsx-runtime";var un="k-list-optionlabel",Pc=[i.hover,i.focus,i.selected,i.disabled],Rc={},Kc={},oa=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return _c("div",{...c,className:s(un,y(un,{hover:o,focus:a,selected:n,disabled:l})),children:t})};oa.states=Pc;oa.options=Rc;oa.className=un;oa.defaultOptions=Kc;import{jsx as Uc}from"react/jsx-runtime";var mn="k-list-custom-value",Dc=[i.hover,i.focus,i.selected,i.disabled],Hc={},zc={},mt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return Uc("div",{...c,className:s(mn,y(mn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};mt.states=Dc;mt.options=Hc;mt.className=mn;mt.defaultOptions=zc;import{Fragment as FM,jsx as GM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as WM,jsxs as QM}from"react/jsx-runtime";import{Fragment as nS,jsx as oS,jsxs as aS}from"react/jsx-runtime";import{Fragment as pS,jsx as dS,jsxs as cS}from"react/jsx-runtime";import{jsx as fS}from"react/jsx-runtime";import{Fragment as gS,jsx as vS,jsxs as LS}from"react/jsx-runtime";var ri="dropdown-list",ii="dropdownlist";import{Fragment as Vc,jsx as me,jsxs as bn}from"react/jsx-runtime";var si="k-dropdownlist",Gc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Fc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},fn={showValue:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=fn.arrowIconName,showValue:l=fn.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,popup:J,opened:oe,adaptive:se,adaptiveSettings:le,adaptiveTitle:Ne,adaptiveSubtitle:Nt,adaptiveFilter:ba,id:nt,activeDescendant:Uo,"aria-label":fa,...ha}=e,ds=nt?`${nt}-listbox`:void 0,zn=nt?`${nt}-value`:void 0;return bn(Vc,{children:[bn(Ge,{...ha,id:nt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,className:s(e.className,si,{"k-icon-picker":!l&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":oe?"true":"false","aria-controls":oe?ds:void 0,"aria-activedescendant":oe&&Uo?Uo:void 0,"aria-describedby":oe?zn:void 0,"aria-disabled":S?"true":void 0,"aria-label":fa,tabIndex:0,children:[me(ye,{children:u}),me(vt,{placeholder:N,value:h,showValue:l,valueIconName:c,id:zn}),me(de,{valid:g,invalid:k,loading:A,disabled:S}),me(fe,{loading:A,disabled:S}),me(Te,{children:f}),me(r,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),oe&&J&&me(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),se&&me(X,{adaptive:!0,...le,header:me(ce,{actionsEnd:me(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ba,inputValue:h,inputPlaceholder:N,title:Ne,subtitle:Nt}),children:me("div",{className:"k-list-container",children:me(R,{size:"large",children:bn(H,{"aria-label":"Options",children:[me(O,{text:"List item"}),me(O,{text:"List item"}),me(O,{text:"List item"})]})})})})]})};V.states=Gc;V.options=Fc;V.className=si;V.defaultOptions=fn;V.moduleName=ri;V.folderName=ii;V.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as tI}from"react/jsx-runtime";import{jsx as sI,jsxs as lI}from"react/jsx-runtime";import{Fragment as xI,jsx as fI,jsxs as hI}from"react/jsx-runtime";import{jsx as LI}from"react/jsx-runtime";import{jsx as TI,jsxs as EI}from"react/jsx-runtime";import{Fragment as DI,jsx as KI,jsxs as _I}from"react/jsx-runtime";import{jsx as FI}from"react/jsx-runtime";import{Fragment as Yc,jsx as bt,jsxs as li}from"react/jsx-runtime";var $c=V.states,Xc=V.defaultOptions,qc=V.options,Jc=[{name:"opened",title:"Opened"}],Wc=[],Wt=e=>{let{modifiers:t,...o}=e,a={},n=li(Yc,{children:[bt("div",{className:"k-list-filter",children:bt(Ae,{})}),bt(R,{style:{width:300},size:o.size,children:li(H,{children:[bt(O,{children:"List item"}),bt(O,{children:"List item"}),bt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0)}),bt("div",{children:bt(V,{placeholder:"Value",style:{width:300},...o,...a})})};Wt.options=qc;Wt.states=$c;Wt.variants=Wc;Wt.defaultOptions=Xc;Wt.modifiers=Jc;Wt.className=V.className;import{Fragment as pC,jsx as cC}from"react/jsx-runtime";import{Fragment as xC,jsx as hC}from"react/jsx-runtime";import{jsx as gC}from"react/jsx-runtime";import{jsx as hn}from"react/jsx-runtime";var Qc=D.states,Zc=D.defaultOptions,jc=D.options,ep=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],tp=[],Yt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?hn(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?hn(Pa,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),hn(Jr,{value:"Value",style:{width:300},...o,...a})};Yt.options=jc;Yt.states=Qc;Yt.variants=tp;Yt.defaultOptions=Zc;Yt.modifiers=ep;Yt.className=D.className;import{Fragment as Oo,jsx as B,jsxs as Y}from"react/jsx-runtime";var di="k-colorgradient-inputs",op=[],ap={size:[d.undefined,d.small,d.medium,d.large]},ci={mode:"rgba"},Qt=e=>{let{mode:t=ci.mode,size:o,...a}=e;return Y("div",{...a,className:s(di,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(r,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Oo,{children:Y("div",{className:"k-vstack k-flex-1",children:[B(ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Qt.states=op;Qt.options=ap;Qt.className=di;Qt.defaultOptions=ci;import{jsx as It,jsxs as Ct}from"react/jsx-runtime";var pi="k-colorgradient-color-contrast",np=[],rp={},ip={},Zt=()=>Ct("div",{className:s(pi,"k-vbox"),children:[Ct("div",{className:"k-contrast-ratio",children:[It("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ct("span",{className:"k-contrast-validation !k-text-success",children:[It(M,{icon:"check"}),It(M,{icon:"check"})]})]}),Ct("div",{children:[It("span",{children:"AA: 4.5"}),Ct("span",{className:"k-contrast-validation !k-text-success",children:["Pass",It(M,{icon:"check"})]})]}),Ct("div",{children:[It("span",{children:"AAA: 7.0"}),Ct("span",{className:"k-contrast-validation !k-text-error",children:["Fail",It(M,{icon:"x"})]})]})]});Zt.states=np;Zt.options=rp;Zt.className=pi;Zt.defaultOptions=ip;var ui="color-gradient",mi="colorgradient";import{jsx as Ke,jsxs as Bo}from"react/jsx-runtime";var aa="k-colorgradient",sp=[i.hover,i.focus,i.readonly,i.disabled],lp={size:[d.undefined,d.small,d.medium,d.large]},qe={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Z=e=>{let{size:t,mode:o=qe.mode,readonly:a=qe.readonly,disabled:n=qe.disabled,gradientStyle:l=qe.gradientStyle,dragHandleStyle:c=qe.dragHandleStyle,alphaStyle:u=qe.alphaStyle,alphaStyleHorizontal:f=qe.alphaStyleHorizontal,contrast:h=qe.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:I=qe.canvasOrientation,role:A,tabIndex:S,...P}=e;return Bo("div",{...P,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:S??0,"aria-disabled":n?"true":void 0,className:s(e.className,aa,T(aa,{size:t}),y(aa,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!I\|\|I==="horizontal"&&Bo("div",{className:"k-colorgradient-canvas k-hstack",children:[Ke("div",{className:"k-hsv-rectangle",style:l,children:Ke("div",{className:"k-hsv-gradient",children:Ke("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Bo("div",{className:"k-hsv-controls k-hstack",children:[Ke(on,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Ke(on,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),I==="vertical"&&Bo("div",{className:"k-colorgradient-canvas k-vstack",children:[Ke("div",{className:"k-hsv-rectangle",style:l,children:Ke("div",{className:"k-hsv-gradient",children:Ke("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Bo("div",{className:"k-hsv-controls k-vstack",children:[Ke(tn,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Ke(tn,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),Ke(Qt,{mode:e.mode,size:t}),h&&Ke(Zt,{})]})};Z.states=sp;Z.options=lp;Z.className=aa;Z.defaultOptions=qe;Z.moduleName=ui;Z.folderName=mi;Z.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as dp}from"react/jsx-runtime";var na=e=>dp(Z,{...e});import{jsx as iy}from"react/jsx-runtime";import{jsx as cy}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var cp=Z.options,pp=Z.states,up={...Z.defaultOptions,variant:"rgba"},mp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],bp=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return xn(na,{...o,mode:t});case"rgb":return xn(na,{...o,mode:t});default:return xn(na,{...o,mode:t})}};jt.options=cp;jt.states=pp;jt.variants=mp;jt.defaultOptions=up;jt.modifiers=bp;jt.className=Z.className;import{jsx as fp}from"react/jsx-runtime";var Nn=e=>fp("tr",{role:"row",children:e.children});import{jsx as Np}from"react/jsx-runtime";var kn="k-colorpalette-tile",hp=[i.hover,i.focus,i.selected],xp={},eo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:l,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Np("td",{...c,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:s(e.className,kn,y(kn,{hover:a,focus:n,selected:l})),style:u})};eo.states=hp;eo.options=xp;eo.className=kn;var bi="color-palette",fi="colorpalette";import{jsx as wo}from"react/jsx-runtime";var ra="k-colorpalette",kp=[i.disabled],vp={size:[d.undefined,d.small,d.medium,d.large]},hi={columns:10},be=e=>{let{size:t,palette:o,columns:a=hi.columns,tileSize:n,disabled:l,...c}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((k,I)=>{p.push(wo(eo,{color:k,tileSize:n},I))});let g=wo(Nn,{children:p},x);u.push(g)})}return wo("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:s(e.className,ra,y(ra,{disabled:l}),T(ra,{size:t})),children:wo("table",{className:"k-colorpalette-table",role:"none",children:wo("tbody",{children:u.length>0?u:e.children})})})};be.states=kp;be.options=vp;be.className=ra;be.defaultOptions=hi;be.moduleName=bi;be.folderName=fi;be.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var ia=be;var Po={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as gp}from"react/jsx-runtime";var xi=e=>gp(ia,{palette:Po.basic,...e});import{jsx as $y}from"react/jsx-runtime";import{jsx as Qy,jsxs as Zy}from"react/jsx-runtime";import{jsx as Tp}from"react/jsx-runtime";var Lp=be.options,Mp=be.states,Sp={...be.defaultOptions,variant:"basic"},Ip=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Cp={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},yp=[],to=e=>{let{variant:t="basic",...o}=e,a=Cp[t];return Tp(xi,{columns:a.columns,palette:a,...o})};to.options=Lp;to.states=Mp;to.variants=Ip;to.defaultOptions=Sp;to.modifiers=yp;to.className=be.className;var Ni="color-editor",ki="coloreditor";import{jsx as _e,jsxs as oo}from"react/jsx-runtime";var sa="k-coloreditor",Ep=[i.focus],Ap={size:[d.undefined,d.small,d.medium,d.large]},Ro={view:"gradient",palette:Po.office,actionButtons:!0,canvasOrientation:"horizontal"},q=e=>{let{size:t,view:o=Ro.view,palette:a=Ro.palette,color:n,currentColor:l,focus:c,focusView:u,dir:f,group:h,actionButtons:N=Ro.actionButtons,canvasOrientation:x=Ro.canvasOrientation,...p}=e;return oo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",sa,T(sa,{size:t}),y(sa,{focus:c})),dir:f,children:[oo("div",{className:"k-coloreditor-header k-hstack",children:[_e("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&oo(L,{fillMode:"flat",children:[_e(r,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),_e(r,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),_e("div",{className:"k-spacer"}),oo("div",{className:"k-coloreditor-header-actions k-hstack",children:[_e(r,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),oo("div",{className:"k-coloreditor-preview k-vstack",children:[_e(it,{className:"k-coloreditor-preview-color",color:n}),_e(it,{className:"k-coloreditor-current-color",color:l})]})]})]}),_e("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?_e(Z,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):_e(be,{palette:a,size:t})}),N&&oo($e,{className:"k-coloreditor-footer",alignment:"start",children:[_e(r,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),_e(r,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};q.states=Ep;q.options=Ap;q.className=sa;q.defaultOptions=Ro;q.moduleName=Ni;q.folderName=ki;q.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ao=q;import{jsx as yT}from"react/jsx-runtime";import{jsx as OT}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var vi=e=>Op(ao,{group:!0,currentColor:"fuchsia",...e});import{jsx as Bp}from"react/jsx-runtime";var gi=e=>Bp(ao,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Li}from"react/jsx-runtime";var wp=q.options,Pp=q.states,Rp={...q.defaultOptions,variant:"gradient"},Kp=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_p=[],no=e=>{let{variant:t,...o}=e;return t==="palette"?Li(gi,{...o,color:"white"}):Li(vi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};no.options=wp;no.states=Pp;no.variants=Kp;no.defaultOptions=Rp;no.modifiers=_p;no.className=q.className;var Mi="color-picker",Si="colorpicker";import{Fragment as zp,jsx as De,jsxs as vn}from"react/jsx-runtime";var Ii="k-colorpicker",Dp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Hp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ci={arrowIconName:"chevron-down"},ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ci.arrowIconName,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:I,popup:A,opened:S,adaptive:P,adaptiveSettings:J,adaptiveTitle:oe,adaptiveSubtitle:se,...le}=e,Ne="colorpicker-popup";return vn(zp,{children:[vn(Ge,{...le,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":S?"true":"false","aria-controls":S\|\|P?Ne:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:s(e.className,Ii,"k-icon-picker"),children:[De(ye,{children:l}),De(vt,{placeholder:f,value:u,showValue:!1,valueIcon:De(it,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),De(Te,{children:c}),De(r,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),S&&A&&De(F,{id:Ne,className:"k-colorpicker-popup",children:A}),P&&De(X,{adaptive:!0,id:Ne,...J,header:De(ce,{actionsEnd:De(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:oe,subtitle:se}),footer:vn(st,{children:[De(r,{text:"Cancel",size:"large"}),De(r,{text:"Set",size:"large",themeColor:"primary"})]}),children:De(q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ge.states=Dp;ge.options=Hp;ge.className=Ii;ge.defaultOptions=Ci;ge.moduleName=Mi;ge.folderName=Si;ge.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var et=ge;import{jsx as Up}from"react/jsx-runtime";var la=e=>Up(et,{...e});import{jsx as bE}from"react/jsx-runtime";import{jsx as kE}from"react/jsx-runtime";import{jsx as ME}from"react/jsx-runtime";import{jsx as yE}from"react/jsx-runtime";import{jsx as OE}from"react/jsx-runtime";import{jsx as RE}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";var Gp=et.options,Fp=et.states,yi={...et.defaultOptions,variant:"color"},Vp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$p=[{name:"opened",title:"Opened"}],ro=e=>{let{variant:t,modifiers:o,...a}={...yi,...e},n={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?yt(q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return yt("div",{style:l,children:yt(la,{...a,...n})});case"icon":return yt("div",{style:l,children:yt(la,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return yt("div",{style:l,children:yt(la,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};ro.options=Gp;ro.states=Fp;ro.variants=Vp;ro.defaultOptions=yi;ro.modifiers=$p;ro.className=et.className;var gn="combobox",Ti=gn;import{Fragment as Ln,jsx as Q,jsxs as Ko}from"react/jsx-runtime";var Ei="k-combobox",Xp=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ai={separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ai.separators,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:I,popup:A,opened:S,readonly:P,adaptive:J,adaptiveSettings:oe,adaptiveTitle:se,adaptiveSubtitle:le,adaptiveCustomValue:Ne,id:Nt,autocomplete:ba,activeDescendant:nt,"aria-label":Uo,...fa}=e,ha=Nt?`${Nt}-listbox`:void 0;return Ko(Ln,{children:[Ko(W,{...fa,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:I,readonly:P,className:s(e.className,Ei),children:[l&&Ko(Ln,{children:[Q(ye,{children:l}),n&&Q(Ee,{})]}),Q(ve,{id:Nt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":S?"true":"false","aria-controls":S?ha:void 0,"aria-activedescendant":S&&nt?nt:void 0,"aria-autocomplete":ba,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Uo,disabled:I,readOnly:P}),Q(de,{valid:x,invalid:p,loading:k,disabled:I}),Q(fe,{loading:k,disabled:I}),Q(ke,{loading:k,disabled:I,readonly:P,value:u}),c&&Ko(Ln,{children:[n&&Q(Ee,{}),Q(Te,{children:c})]}),Q(r,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),S&&A&&Q(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),J&&Q(X,{adaptive:!0,id:Nt?`${Nt}-adaptive`:void 0,...oe,header:Q(ce,{actionsEnd:Q(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:se,subtitle:le}),children:Q("div",{className:"k-list-container",children:Q(R,{customValue:Ne?Q(mt,{text:`Use "${u}"`}):void 0,size:"large",children:Ko(H,{"aria-label":se\|\|"Options",children:[Q(O,{text:"List item"}),Q(O,{text:"List item"}),Q(O,{text:"List item"})]})})})})]})};ae.states=Xp;ae.options=qp;ae.className=Ei;ae.defaultOptions=Ai;ae.moduleName=gn;ae.folderName=Ti;ae.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Le=ae;import{jsx as Jp}from"react/jsx-runtime";var Oi=e=>Jp(Le,{...e});import{jsx as xA,jsxs as NA}from"react/jsx-runtime";import{jsx as SA,jsxs as IA}from"react/jsx-runtime";import{jsx as OA,jsxs as BA}from"react/jsx-runtime";import{Fragment as DA,jsx as _A}from"react/jsx-runtime";import{Fragment as VA,jsx as FA}from"react/jsx-runtime";import{jsx as YA,jsxs as QA}from"react/jsx-runtime";import{Fragment as rO,jsx as aO,jsxs as nO}from"react/jsx-runtime";import{jsx as dO}from"react/jsx-runtime";import{jsx as mO}from"react/jsx-runtime";import{jsx as kO,jsxs as vO}from"react/jsx-runtime";import{jsx as CO,jsxs as yO}from"react/jsx-runtime";import{jsx as ft,jsxs as eu}from"react/jsx-runtime";var Wp=ae.states,Yp=ae.defaultOptions,Qp=ae.options,Zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],jp=[],io=e=>{let{modifiers:t,...o}=e,a={},n=ft(R,{style:{width:300},size:o.size,children:eu(H,{children:[ft(O,{children:"List item"}),ft(O,{children:"List item"}),ft(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ft(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?ft(rt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0;break;default:break}}),ft("div",{children:ft(Oi,{value:"Value",style:{width:300},...o,...a})})};io.options=Qp;io.states=Wp;io.variants=jp;io.defaultOptions=Yp;io.modifiers=Zp;io.className=ae.className;var Mn="menu-button",Bi=Mn;import{jsx as au}from"react/jsx-runtime";var wi="k-menu-button",tu=[i.hover,i.focus,i.active,i.selected,i.disabled],ou={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Sn={showArrow:!0,arrowIconName:"chevron-down"},z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=Sn.showArrow,arrowIconName:g=Sn.arrowIconName,expanded:k,...I}=e;return au(r,{...I,className:s(e.className,wi),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};z.states=tu;z.options=ou;z.className=wi;z.defaultOptions=Sn;z.moduleName=Mn;z.folderName=Bi;z.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as iB}from"react/jsx-runtime";import{jsx as cB}from"react/jsx-runtime";import{jsx as bB}from"react/jsx-runtime";var Me="menu",He=Me;import{jsx as _o,jsxs as Pi}from"react/jsx-runtime";var In="k-menu-item",nu=[i.hover,i.focus,i.active,i.selected,i.disabled],ru={},Ri={iconPosition:"before"},ne=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Ri.iconPosition,dir:g,children:k,expanded:I,...A}=e,S=x;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),Pi("li",{...A,className:s(e.className,In,"k-item",y(In,{focus:o,disabled:l,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":I?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Pi("span",{className:s("k-link k-menu-link"),children:[c&&p==="before"&&_o(M,{className:"k-menu-link-icon",icon:c}),_o("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&_o(M,{className:"k-menu-link-icon",icon:c}),N&&_o("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_o(M,{icon:S})})]}),k]})};ne.states=nu;ne.options=ru;ne.className=In;ne.defaultOptions=Ri;ne.moduleName=Me;ne.folderName=He;import{jsx as Do,jsxs as Ki}from"react/jsx-runtime";var Cn="k-menu-item",iu=[i.hover,i.focus,i.active,i.selected,i.disabled],su={},yn={dir:"ltr",iconPosition:"before"},$=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=yn.iconPosition,dir:g=yn.dir,children:k,popup:I,expanded:A,...S}=e,P=x;return P\|\|(P=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...S,className:s(e.className,Cn,"k-item",y(Cn,{focus:o,disabled:l}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":A?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ki("span",{className:s("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:n,disabled:l})),children:[c&&p==="before"&&Do(M,{className:"k-menu-link-icon",icon:c}),Do("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Do(M,{className:"k-menu-link-icon",icon:c}),N&&Do("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Do(M,{icon:P})})]}),k,I]})};$.states=iu;$.options=su;$.className=Cn;$.defaultOptions=yn;$.moduleName=Me;$.folderName=He;import{jsx as pu}from"react/jsx-runtime";var _i="k-menu-scroll-wrapper",lu=[],du={},cu={},Tt=e=>{let{className:t,children:o,orientation:a,...n}=e;return pu("div",{...n,className:s(t,_i,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Tt.states=lu;Tt.options=du;Tt.className=_i;Tt.defaultOptions=cu;Tt.moduleName=Me;Tt.folderName=He;var Di=Tt;import{Fragment as Tn,jsx as Et,jsxs as ca}from"react/jsx-runtime";var En="k-menu",uu=[],mu={},pa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},j=e=>{let{children:t,orientation:o=pa.orientation,header:a=pa.header,scrollable:n,scrollButtonsPosition:l=pa.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Et("ul",{dir:u,...N,className:s(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ca(Tn,{children:[n?ca(Di,{orientation:o,style:c,dir:e.dir,children:[l==="start"&&ca(Tn,{children:[Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,l==="end"&&ca(Tn,{children:[Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};j.states=uu;j.options=mu;j.className=En;j.defaultOptions=pa;j.moduleName=Me;j.folderName=He;j.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as bu}from"react/jsx-runtime";var An="k-separator",Hi={orientation:"horizontal"},so=e=>{let{orientation:t=Hi.orientation,...o}=e;return bu("li",{...o,className:s(e.className,"k-item",An,{[`${An}-${t}`]:t}),role:"separator"})};so.className=An;so.defaultOptions=Hi;so.moduleName=Me;so.folderName=He;import{Fragment as FB,jsx as VB}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var On="k-menu-group",fu=[],hu={size:[d.undefined,d.small,d.medium,d.large]},xu={},re=e=>{let{children:t,size:o,...a}=e;return Nu("ul",{...a,className:s(e.className,On,T(On,{size:o})),role:"menu",children:t})};re.states=fu;re.options=hu;re.className=On;re.defaultOptions=xu;re.moduleName=Me;re.folderName=He;import{Fragment as ku,jsx as lo,jsxs as vu}from"react/jsx-runtime";var Bn=e=>lo(j,{children:vu(ku,{children:[lo(ne,{first:!0,text:"Item 1"}),lo(ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),lo(ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),lo(ne,{text:"Item 4"}),lo(ne,{last:!0,text:"Item 5"})]}),...e});import{Fragment as nw,jsx as ow,jsxs as aw}from"react/jsx-runtime";import{Fragment as dw,jsx as lw,jsxs as cw}from"react/jsx-runtime";import{Fragment as fw,jsx as bw,jsxs as hw}from"react/jsx-runtime";import{Fragment as gw,jsx as vw,jsxs as Lw}from"react/jsx-runtime";import{jsx as At,jsxs as Iu}from"react/jsx-runtime";var gu=j.options,Lu=j.states,zi={...j.defaultOptions,variant:"horizontal"},Mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Su=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],co=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},n={};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"scrollable":n.scrollable=!!o?.[l];break;case"opened":n.opened=!!o?.[l],n.popup=At(F,{className:"k-menu-popup",children:Iu(re,{children:[At($,{text:"Item 1"}),At($,{text:"Item 2"}),At(so,{}),At($,{text:"Item 3"})]})});break}}),t==="vertical"?At(Bn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):At(Bn,{...a,...n})};co.options=gu;co.states=Lu;co.variants=Mu;co.defaultOptions=zi;co.modifiers=Su;co.className=j.className;import{Fragment as eP,jsx as Zw,jsxs as jw}from"react/jsx-runtime";import{jsx as nP}from"react/jsx-runtime";import{Fragment as Au,jsx as Je,jsxs as Ui}from"react/jsx-runtime";var Cu=r.states,Gi={...r.defaultOptions,variant:"text"},yu=r.options,Tu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Eu=[{name:"opened",title:"Opened"}],po=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},n={},l=Je(F,{className:"k-menu-popup",children:Ui(re,{size:a.size,children:[Je($,{first:!0,text:"Menu Item"}),Je($,{text:"Menu Item"}),Je($,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Je("div",{children:Je(z,{...a,...n,icon:"star"})});break;case"icon-and-text":c=Je("div",{children:Je(z,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=Je("div",{children:Je(z,{...a,...n,children:"Dropdown Button"})});break}return Ui(Au,{children:[c,o?.opened&&l]})};po.options=yu;po.states=Cu;po.variants=Tu;po.defaultOptions=Gi;po.modifiers=Eu;po.className=z.className;var wn="split-button",Fi=wn;import{Fragment as wu,jsx as Pn,jsxs as Vi}from"react/jsx-runtime";var Rn="k-split-button",Ou=[i.hover,i.focus,i.active,i.selected,i.disabled],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},$i={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=$i.arrowIconName,popup:g,opened:k,popupId:I,...A}=e;return Vi(wu,{children:[Vi("div",{...A,className:s(e.className,Rn,"k-button-group",T(Rn,{rounded:o})),children:[Pn(r,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Pn(r,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&Pn(F,{className:"k-menu-popup",children:g})]})};w.states=Ou;w.options=Bu;w.className=Rn;w.defaultOptions=$i;w.moduleName=wn;w.folderName=Fi;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Kn=w;import{jsx as Ru}from"react/jsx-runtime";var Pu="k-toolbar-separator",Ue=e=>Ru("div",{className:s(Pu,e.className,"k-separator")});var tt="toolbar",ht=tt;import{Fragment as _n,jsx as K,jsxs as uo}from"react/jsx-runtime";var ot="k-toolbar",Ku=[i.focus],_u={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Du={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:l,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===r&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(K(r,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===r)k.push(K(r,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===go)k.push(K(go,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===rt)k.push(K(rt,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===z)k.push(K(z,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Kn)k.push(K(Kn,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===L\|\|p.props.className&&p.props.className.includes("k-button-group")){let I=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((S,P)=>{I.push(K(r,{...S.props,className:`${S.props.className?S.props.className:""}`},`${P}-${new Date().getTime()}`))}),k.push(K(L,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:I},`${g}-${new Date().getTime()}`))}else p.type===ae?k.push(K(ae,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===V?k.push(K(V,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===ge?k.push(K(ge,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(I=>{N.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),uo("div",{...h,className:s(e.className,ot,T(ot,{size:t,fillMode:o}),y(ot,{focus:a}),{[`${ot}-resizable`]:n,[`${ot}-scrollable`]:l,[`${ot}-scrollable-overlay`]:l&&c==="hidden",[`${ot}-scrollable-${u}`]:u&&u!=="both",[`${ot}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&N,l&&c==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),l&&c==="start"&&uo(_n,{children:[uo(L,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]}),K(Ue,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),l&&c==="end"&&uo(_n,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(Ue,{className:"k-toolbar-button-separator"}),uo(L,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(c==="around"\|\|!c)&&uo(_n,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K(Ue,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(Ue,{className:"k-toolbar-button-separator"}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ku;U.options=_u;U.className=ot;U.defaultOptions=Du;U.moduleName=tt;U.folderName=ht;U.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Gu}from"react/jsx-runtime";var Xi="k-floating-toolbar",Hu=[],zu={},Uu={},mo=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Xi),children:e.children})};mo.states=Hu;mo.options=zu;mo.className=Xi;mo.defaultOptions=Uu;mo.moduleName=tt;mo.folderName=ht;import{jsx as Xu}from"react/jsx-runtime";var Dn="k-toolbar-item",Fu=[i.focus],Vu={},$u={},We=e=>{let{focus:t,...o}=e;return Xu("div",{...o,className:s(e.className,Dn,y(Dn,{focus:t})),children:e.children})};We.states=Fu;We.options=Vu;We.className=Dn;We.defaultOptions=$u;We.moduleName=tt;We.folderName=ht;import{jsx as qi}from"react/jsx-runtime";var Ji="k-toolbar-popup",qu=[],Ju={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Wu={},Ot=e=>{let{size:t,fillMode:o,section:a,...n}=e;return qi(F,{...n,className:s(e.className,Ji),children:a?qi("span",{className:s("k-toolbar-items-list",T("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ot.states=qu;Ot.options=Ju;Ot.className=Ji;Ot.defaultOptions=Wu;Ot.moduleName=tt;Ot.folderName=ht;var ua=Ot;import{jsx as s0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as f0}from"react/jsx-runtime";import{jsx as g0,jsxs as L0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{jsx as at,jsxs as em}from"react/jsx-runtime";var Yu=w.states,Wi={...w.defaultOptions,variant:"text"},Qu=w.options,Zu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ju=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}={...Wi,...e},n={},l=em(re,{size:a.size,children:[at($,{first:!0,text:"Menu Item"}),at($,{text:"Menu Item"}),at($,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?l:"")}),t){case"icon-only":return at("div",{children:at(w,{...a,...n,icon:"star"})});case"icon-and-text":return at("div",{children:at(w,{...a,...n,icon:"star",children:"Split Button"})});default:return at("div",{children:at(w,{...a,...n,children:"Split Button"})})}};bo.options=Qu;bo.states=Yu;bo.variants=Zu;bo.defaultOptions=Wi;bo.modifiers=ju;bo.className=w.className;import{jsx as Bt,jsxs as tm}from"react/jsx-runtime";var Yi=e=>Bt(U,{children:[Bt(r,{children:"Button"},"toolbar-button"),Bt(z,{text:"Menu button"},"toolbar-menu-button"),Bt(w,{children:"Split button"},"toolbar-split-button"),tm(L,{children:[Bt(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Bt(r,{icon:"align-center",children:"Center"}),Bt(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as tR,jsxs as oR}from"react/jsx-runtime";import{jsx as Se,jsxs as Qi}from"react/jsx-runtime";var Zi=e=>Se(U,{scrollable:!0,...e,children:[Se(r,{children:"Button"},"toolbar-button"),Se(z,{text:"Menu button"},"toolbar-menu-button"),Se(w,{children:"Split button"},"toolbar-split-button"),Qi(L,{children:[Se(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Se(r,{icon:"align-center",children:"Center"}),Se(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Se(r,{children:"Button"},"toolbar-button"),Se(z,{text:"Menu button"},"toolbar-menu-button"),Se(w,{children:"Split button"},"toolbar-split-button"),Qi(L,{children:[Se(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Se(r,{icon:"align-center",children:"Center"}),Se(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ie,jsxs as ji}from"react/jsx-runtime";var es=({scrollingPosition:e="start",...t})=>Ie(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ie(r,{children:"Button"},"toolbar-button"),Ie(z,{text:"Menu button"},"toolbar-menu-button"),Ie(w,{children:"Split button"},"toolbar-split-button"),ji(L,{children:[Ie(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Ie(r,{icon:"align-center",children:"Center"}),Ie(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ie(r,{children:"Button"},"toolbar-button"),Ie(z,{text:"Menu button"},"toolbar-menu-button"),Ie(w,{children:"Split button"},"toolbar-split-button"),ji(L,{children:[Ie(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Ie(r,{icon:"align-center",children:"Center"}),Ie(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as om,jsx as he,jsxs as ma}from"react/jsx-runtime";var ts=({fillMode:e,size:t,...o})=>ma(om,{children:[he(U,{section:!0,fillMode:e,size:t,children:[he(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ma(L,{fillMode:e,children:[he(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),he(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),he(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),he(Ue,{className:"k-toolbar-button-separator"}),he(r,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ma(ua,{size:t,fillMode:e,section:!0,...o,children:[he(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),he(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),he(Ue,{}),he(z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ma(L,{fillMode:e,children:[he(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),he(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),he(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as RR,jsx as wR,jsxs as PR}from"react/jsx-runtime";import{Fragment as XR,jsx as VR,jsxs as $R}from"react/jsx-runtime";import{jsx as xt}from"react/jsx-runtime";var am=U.options,nm=U.states,os={...U.defaultOptions,variant:"default"},rm=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],im=[],fo=e=>{let{variant:t,...o}={...os,...e};switch(t){case"responsive":return xt("div",{children:xt(ts,{style:{width:"583px"},...o})});case"overlay":return xt("div",{children:xt(es,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return xt("div",{children:xt(Zi,{style:{width:"583px"},...o})});default:return xt("div",{children:xt(Yi,{style:{width:"583px"},...o})})}};fo.options=am;fo.states=nm;fo.variants=rm;fo.defaultOptions=os;fo.modifiers=im;fo.className=U.className;import{jsx as lm}from"react/jsx-runtime";var sm="k-editor-toolbar",as=e=>{let{resizable:t,...o}=e;return lm(U,{...o,className:s(e.className,sm),resizable:t,children:e.children})};var Hn="editor",ns=Hn;import{jsx as rs,jsxs as pm}from"react/jsx-runtime";var Ho="k-editor",dm=[i.readonly,i.disabled,i.focus],cm={},is={toolbarResizable:!1},xe=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:l=is.toolbarResizable,resizable:c,...u}=e;return pm("div",{...u,className:s(e.className,Ho,y(Ho,{readonly:t,disabled:o}),{[`${Ho}-resizable`]:c}),children:[rs(as,{resizable:l,children:n}),rs(Go,{readonly:t,className:s(y(Ho,{focus:a})),children:e.children})]})};xe.states=dm;xe.options=cm;xe.className=Ho;xe.defaultOptions=is;xe.moduleName=Hn;xe.folderName=ns;xe.ariaSpec={selector:".k-editor",rules:[{selector:".k-editor-content[contenteditable]",attribute:"role=textbox",usage:"Specifies the role of the component as text input."},{selector:".k-editor-content[contenteditable]",attribute:"aria-label",usage:"The component focusable element needs an accessible name."},{selector:'.k-editor.k-readonly .k-editor-content[contenteditable="false"]',attribute:"aria-readonly=true",usage:"Rendered only when the Editor is readonly."}]};import{Fragment as um,jsx as ie,jsxs as zo}from"react/jsx-runtime";var ss=e=>ie(xe,{toolbarItems:[zo(L,{children:[ie(r,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),ie(r,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),ie(r,{icon:"italic","aria-label":"Italic"}),ie(r,{icon:"underline","aria-label":"Underline"}),ie(r,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),ie(r,{className:"k-group-end",icon:"supscript","aria-label":"Superscript"})]},"script"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),ie(r,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),ie(r,{icon:"align-center","aria-label":"Align center"}),ie(r,{icon:"align-right","aria-label":"Align right"}),ie(r,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:ie(um,{children:"Editor Content"}),...e});import{jsx as C,jsxs as Ce}from"react/jsx-runtime";var mm=xe.options,bm=xe.states,ls={...xe.defaultOptions,variant:"normal"},fm=[],hm=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],wt=e=>{let{variant:t,...o}={...ls,...e},a={};return t==="resizable"&&(a.resizable=!0),C(ss,{focus:!0,...a,style:{width:"750px",height:"375px"},...o,toolbarItems:[Ce(L,{children:[C(r,{hover:!0,icon:"bold"}),C(r,{icon:"italic"}),C(r,{icon:"underline"}),C(r,{icon:"strikethrough"})]}),Ce(L,{children:[C(r,{icon:"subscript"}),C(r,{icon:"supscript"})]}),Ce(L,{children:[C(r,{icon:"align-left"}),C(r,{selected:!0,icon:"align-center"}),C(r,{icon:"align-right"}),C(r,{icon:"align-justify"})]}),Ce(L,{children:[C(r,{icon:"indent"}),C(r,{disabled:!0,icon:"outdent"})]}),Ce(L,{children:[C(r,{icon:"list-ordered"}),C(r,{icon:"list-unordered"})]}),C(We,{children:C(V,{style:{width:"173px"},value:"Font Size"})}),C(We,{children:C(V,{style:{width:"173px"},value:"Font Name"})}),C(We,{children:C(V,{style:{width:"173px"},value:"Paragraph"})}),C(r,{icon:"table-add"}),Ce(L,{children:[C(r,{disabled:!0,icon:"undo"}),C(r,{disabled:!0,icon:"redo"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"link"}),C(r,{disabled:!0,icon:"unlink"}),C(r,{icon:"image"}),C(r,{icon:"code"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"table-row-insert-above"}),C(r,{disabled:!0,icon:"table-row-insert-below"}),C(r,{disabled:!0,icon:"table-column-insert-left"}),C(r,{disabled:!0,icon:"table-column-insert-right"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"table-row-delete"}),C(r,{disabled:!0,icon:"table-column-delete"}),C(r,{disabled:!0,icon:"table-delete"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"cells-merge"}),C(r,{disabled:!0,icon:"cell-split-horizontally"})]})],children:Ce("div",{className:"ProseMirror",children:[C("p",{children:"The Editor allows your users to edit HTML in a familiar, user-friendly way."}),Ce("p",{children:["In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",C("strong",{children:"outputs identical HTML"})," across all major browsers, follows accessibility standards, and provides API for content manipulation."]}),C("p",{children:"Features include:"}),Ce("ul",{children:[C("li",{children:"Text formatting"}),C("li",{children:"Bulleted and numbered lists"}),C("li",{children:"Hyperlinks"}),C("li",{children:"Cross-browser support"}),C("li",{children:"Identical HTML output across browsers"})]})]})})};wt.options=mm;wt.states=bm;wt.variants=hm;wt.defaultOptions=ls;wt.modifiers=fm;wt.className=xe.className;var HK=wt;export{wt as EditorDemo,HK as default};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(e,t)=>s({[`${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"}),y=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:g,highlighted:k,...I}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":k},Object.keys(I).reduce((A,S)=>(S.startsWith("k-")?A[S]=I[S]:A[`k-${S}`]=I[S],A),{}))};function Un(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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 xa={};function _(e){return xa[e]=(xa[e]\|\|0)+1,`k-${e}-${xa[e]}`}import{jsx as ps}from"react/jsx-runtime";var Na="k-editor-content",cs=[i.focus],Go=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return ps("div",{...n,className:s(e.className,Na,y(Na,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a\|\|"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Go.states=cs;Go.className=Na;import{Fragment as fs,jsx as Gn}from"react/jsx-runtime";var ka="k-font-icon",us=[],ms={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},bs={},ho=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...c}=e;return a?Gn("span",{...c,className:s(e.className,ka,T(ka,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):Gn(fs,{})};ho.states=us;ho.options=ms;ho.className=ka;ho.defaultOptions=bs;var Fn=ho;import{Fragment as Ns,jsx as Fo}from"react/jsx-runtime";var va="k-svg-icon",hs=[],xs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Vn={viewBox:"0 0 24 24"},xo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=Vn.viewBox,icon:c,...u}=e;if(!c)return Fo(Ns,{});if(c==="none")return Fo("span",{...u,className:s(e.className,va,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return Fo("span",{...u,className:s(e.className,va,T("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Fo("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};xo.states=hs;xo.options=xs;xo.className=va;xo.defaultOptions=Vn;var ga=xo;importas La from"@progress/kendo-svg-icons";var $n="icon",Xn="icons";import{useContext as vs}from"react";import{createContext as ks}from"react";var qn=ks({iconsType:"svg"});import{Fragment as Jn,jsx as No}from"react/jsx-runtime";var Vo="k-icon",gs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ls=[],Ms={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Ma={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=vs(qn),{size:o,themeColor:a,icon:n,type:l=t\|\|Ma.type,rotate:c,flip:u,viewBox:f=Ma.viewBox,...h}=e;if(!n)return No(Jn,{});if((t\|\|l)==="svg"){if(n==="none")return No(ga,{...h,className:s(e.className,Vo),icon:n,size:o});let x=La[n]?n:gs(`${n}-icon`);return La[x]?No(ga,{...h,className:s(e.className,Vo),icon:La[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):No(Jn,{})}return No(Fn,{...h,className:s(e.className,Vo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};M.states=Ls;M.options=Ms;M.defaultOptions=Ma;M.className=Vo;M.moduleName=$n;M.folderName=Xn;M.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 Sa="button",Wn=Sa;import{Fragment as ys,jsx as ko,jsxs as Yn}from"react/jsx-runtime";var vo="k-button",Ss=["icon-button"],Is=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Cs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Ia={showArrow:!1,arrowIconName:"chevron-down"},r=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:c=Ia.showArrow,arrowIconName:u=Ia.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:I,icon:A,text:S,iconClassName:P,className:J,...oe}=e,se=A!==void 0,le=e.children!==void 0;return Yn(t,{className:s(J,vo,Un(vo,f),T(vo,{size:o,rounded:a,fillMode:n,themeColor:l}),y(vo,{hover:h,focus:N,active:x,disabled:g\|\|I,selected:p}),{"k-icon-button":!S&&!le&&se}),...oe,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:g\|\|void 0,children:[A&&ko(M,{className:s(P,"k-button-icon"),icon:A}),S?Yn(ys,{children:[S&&ko("span",{className:"k-button-text",children:S}),e.children]}):e.children&&ko("span",{className:"k-button-text",children:e.children}),c&&ko("span",{className:"k-menu-button-arrow k-button-arrow",children:ko(M,{icon:u})})]})};r.states=Is;r.options=Cs;r.variants=Ss;r.className=vo;r.defaultOptions=Ia;r.moduleName=Sa;r.folderName=Wn;r.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 Ts}from"react/jsx-runtime";var rt=e=>Ts(r,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Es}from"react/jsx-runtime";var go=e=>Es(r,{icon:"folder",children:"Button",...e});import{jsx as As}from"react/jsx-runtime";var kt=e=>As(r,{children:"Button",...e});import{jsx as Ca}from"react/jsx-runtime";var Os=r.options,Bs=r.states,ws={...r.defaultOptions,variant:"text"},Ps=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rs=[],Pt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ca(rt,{...o,icon:"star"});case"icon-and-text":return Ca(go,{...o,icon:"star",children:"Button"});default:return Ca(kt,{...o,children:"Button"})}};Pt.options=Os;Pt.states=Bs;Pt.variants=Ps;Pt.defaultOptions=ws;Pt.modifiers=Rs;Pt.className=r.className;var ya="button",Qn=ya;import{jsx as Hs}from"react/jsx-runtime";var Lo="k-button-group",Ks=[i.disabled],_s={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ds={},L=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Hs("div",{role:"group",...n,className:s(e.className,Lo,T(Lo,{fillMode:t}),y(Lo,{disabled:o}),{[`${Lo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};L.states=Ks;L.options=_s;L.className=Lo;L.defaultOptions=Ds;L.moduleName=ya;L.folderName=Qn;L.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 Pb,jsx as wb,jsxs as Rb}from"react/jsx-runtime";import{Fragment as Ub,jsx as zb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as qb,jsxs as Wb}from"react/jsx-runtime";import{Fragment as tf,jsx as ef,jsxs as of}from"react/jsx-runtime";import{Fragment as df,jsx as lf,jsxs as cf}from"react/jsx-runtime";import{Fragment as hf,jsx as ff,jsxs as xf}from"react/jsx-runtime";import{jsx as Ye,jsxs as Ta}from"react/jsx-runtime";var zs={...r.options,...L.options},Us=r.states,Gs={...r.defaultOptions,...L.defaultOptions,variant:"text-button"},Fs=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Vs=[],Rt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,icon:"star"}),Ye(r,{...a,icon:"star"}),Ye(r,{...a,icon:"star"})]}):t==="icon-text-button"?Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,icon:"star",children:"First"}),Ye(r,{...a,icon:"star",children:"Middle"}),Ye(r,{...a,icon:"star",children:"Last"})]}):Ta(L,{fillMode:a.fillMode,className:o,children:[Ye(r,{...a,children:"First"}),Ye(r,{...a,children:"Middle"}),Ye(r,{...a,children:"Last"})]})};Rt.options=zs;Rt.states=Us;Rt.variants=Fs;Rt.defaultOptions=Gs;Rt.modifiers=Vs;Rt.className=L.className;var Mo="input",$o=Mo;import{jsx as Js}from"react/jsx-runtime";var Xo="k-input",$s=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Xs={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qs={},W=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Js("span",{...x,className:s(e.className,Xo,T(Xo,{size:f,rounded:h,fillMode:N}),y(Xo,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u}))})};W.states=$s;W.options=Xs;W.className=Xo;W.defaultOptions=qs;W.moduleName=Mo;W.folderName=$o;import{jsx as Zs}from"react/jsx-runtime";var qo="k-picker",Ws=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ys={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Qs={},Ge=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Zs("span",{...x,className:s(e.className,qo,T(qo,{size:f,rounded:h,fillMode:N}),y(qo,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u})),children:e.children})};Ge.states=Ws;Ge.options=Ys;Ge.className=qo;Ge.defaultOptions=Qs;Ge.moduleName=Mo;Ge.folderName=$o;import{Fragment as tl,jsx as Ea}from"react/jsx-runtime";var Zn="k-clear-value",js=[i.disabled,i.loading,i.readonly],el={},ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ea(tl,{}):Ea("span",{className:s(e.className,Zn),children:Ea(M,{icon:"x"})})};ke.states=js;ke.options=el;ke.className=Zn;import{jsx as nl}from"react/jsx-runtime";var Aa="k-input-inner",ol=[],al={},Jo={type:"text",autocomplete:"off",value:"",placeholder:""},ve=e=>{let{value:t=Jo.value,type:o=Jo.type,placeholder:a=Jo.placeholder,autocomplete:n=Jo.autocomplete,disabled:l,readOnly:c,...u}=e;return nl("input",{...u,type:o,className:s(e.className,Aa,T(Aa,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:l\|\|void 0,readOnly:c\|\|void 0})};ve.states=ol;ve.options=al;ve.className=Aa;import{jsx as jn,jsxs as sl}from"react/jsx-runtime";var Oa="k-input-inner",rl=[],il={},vt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...c}=e;return sl("span",{...c,className:s(e.className,Oa,T(Oa,e)),children:[n,!n&&l&&jn(M,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&jn("span",{className:"k-input-value-text",children:t})]})};vt.states=rl;vt.options=il;vt.className=Oa;import{jsx as cl}from"react/jsx-runtime";var Ba="k-input-inner",ll=[],dl={},er={value:"",placeholder:""},wa=e=>{let{value:t=er.value,placeholder:o=er.placeholder,rows:a,disabled:n,...l}=e;return cl("textarea",{...l,className:s(e.className,Ba,T(Ba,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};wa.states=ll;wa.options=dl;wa.className=Ba;import{Fragment as ul,jsx as tr}from"react/jsx-runtime";var or="k-input-loading-icon",pl=[i.disabled,i.loading],fe=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?tr(ul,{}):tr("span",{className:s(e.className,or,"k-icon k-i-loading")})};fe.states=pl;fe.className=or;import{Fragment as fl,jsx as ar}from"react/jsx-runtime";var nr="k-input-validation-icon",ml=[i.valid,i.invalid,i.disabled,i.loading],bl={},de=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,l=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ar(fl,{}):ar(M,{className:s(nr),icon:l})};de.states=ml;de.options=bl;de.className=nr;import{Fragment as Nl,jsx as rr}from"react/jsx-runtime";var hl="k-input-prefix",xl={direction:"horizontal"},ye=e=>{let{direction:t=xl.direction,...o}=e;return e.children?rr("span",{...o,className:s(hl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rr(Nl,{})};import{Fragment as gl,jsx as ir}from"react/jsx-runtime";var kl="k-input-suffix",vl={direction:"horizontal"},Te=e=>{let{direction:t=vl.direction,...o}=e;return e.children?ir("span",{...o,className:s(kl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ir(gl,{})};import{jsx as xh}from"react/jsx-runtime";import{jsx as Ml}from"react/jsx-runtime";var Ll="k-input-suffix-text",Pa=e=>{let{children:t,...o}=e;return Ml("span",{...o,className:s(Ll,e.className),children:t})};import{jsx as Il}from"react/jsx-runtime";var sr="k-input-separator",Sl={direction:"vertical"},Ee=e=>{let{direction:t=Sl.direction,...o}=e;return Il("span",{...o,className:s(sr,e.className,{[`${sr}-${t}`]:t})})};import{Fragment as lr,jsx as Fe,jsxs as Ra}from"react/jsx-runtime";var Cl=W.states,yl=W.defaultOptions,Tl=W.options,El=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Al=[],Kt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:l,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return Ra(W,{...u,valid:o,invalid:a,loading:n,disabled:l,readonly:c,style:{width:300},children:[f&&Ra(lr,{children:[Fe(ye,{children:Fe(M,{icon:"lock"})}),p&&Fe(Ee,{})]}),Fe(ve,{placeholder:"Placeholder",value:"Value"}),x&&Fe(de,{valid:o,invalid:a,loading:n,disabled:l}),Fe(fe,{loading:n,disabled:l}),N&&Fe(ke,{loading:n,disabled:l,readonly:c,value:"Value"}),h&&Ra(lr,{children:[p&&Fe(Ee,{}),Fe(Te,{children:Fe(kt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Kt.options=Tl;Kt.states=Cl;Kt.variants=Al;Kt.defaultOptions=yl;Kt.modifiers=El;Kt.className=W.className;import{jsx as dr,jsxs as wl}from"react/jsx-runtime";var cr="k-color-preview",Ol=[],Bl={},it=e=>{let{color:t,iconName:o,...a}=e;return wl("span",{...a,className:s(e.className,cr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dr(M,{icon:o,className:"k-color-preview-icon"}),dr("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};it.states=Ol;it.options=Bl;it.className=cr;var Ka="popup",pr=Ka;import{jsx as ur}from"react/jsx-runtime";var mr="k-animation-container",Pl=[],Rl={},br={positionMode:"absolute"},Ve=e=>{let{positionMode:t=br.positionMode,animationStyle:o,offset:a,...n}=e;return ur("div",{...n,style:{...a,...e.style},className:s(e.className,mr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ur("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ve.states=Pl;Ve.options=Rl;Ve.className=mr;Ve.defaultOptions=br;Ve.moduleName=Ka;Ve.folderName=pr;var _a="popup",fr=_a;import{jsx as hr}from"react/jsx-runtime";var xr="k-popup",Kl=[],_l={},Nr={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Nr.positionMode,animationStyle:a,containerClassName:n,containerRole:l,containerAriaLabel:c,...u}=e;return hr(Ve,{positionMode:o,offset:t,animationStyle:a,className:n,role:l,"aria-label":c,children:hr("div",{...u,className:s(e.className,xr),children:e.children})})};F.states=Kl;F.options=_l;F.className=xr;F.defaultOptions=Nr;F.moduleName=_a;F.folderName=fr;F.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 Da="action-buttons",kr=Da;import{jsx as zl}from"react/jsx-runtime";var Wo="k-actions",Dl=[],Hl={},Ha={alignment:"start",orientation:"horizontal"},$e=e=>{let{alignment:t=Ha.alignment,orientation:o=Ha.orientation,...a}=e;return zl("div",{...a,className:s(Wo,{[`${Wo}-${t}`]:t,[`${Wo}-${o}`]:o},e.className),children:e.children})};$e.states=Dl;$e.options=Hl;$e.className=Wo;$e.defaultOptions=Ha;$e.moduleName=Da;$e.folderName=kr;import{jsx as Gl}from"react/jsx-runtime";var Ul="k-actionsheet-footer",vr={alignment:"stretched",orientation:"horizontal"},st=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,template:a,as:n=a?"div":$e,...l}=e;return Gl(n,{...l,...!a&&{alignment:t,orientation:o},className:s(e.className,Ul),children:e.children})};var za="searchbox",gr=za;import{jsx as So,jsxs as $l}from"react/jsx-runtime";var Lr="k-searchbox",Fl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Vl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ua={showIcon:!0,icon:"search"},Ae=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Ua.showIcon,icon:k=Ua.icon,"aria-label":I,...A}=e;return $l(W,{...A,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:s(e.className,Lr),children:[g&&So(M,{className:"k-input-icon",icon:k}),So(ve,{placeholder:o,value:t,"aria-label":I}),So(fe,{...e}),So(de,{...e}),So(ke,{...e})]})};Ae.states=Fl;Ae.options=Vl;Ae.className=Lr;Ae.defaultOptions=Ua;Ae.moduleName=za;Ae.folderName=gr;import{jsx as Gx}from"react/jsx-runtime";var Ga="textbox",Mr=Ga;import{Fragment as Sr,jsx as lt,jsxs as Fa}from"react/jsx-runtime";var Ir="k-textbox",Xl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ql={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Yo={showClearButton:!0,showValidationIcon:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Yo.separators,showClearButton:l=Yo.showClearButton,showValidationIcon:c=Yo.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:I,required:A,loading:S,disabled:P,readonly:J,id:oe,"aria-label":se,"aria-describedby":le,...Ne}=e;return Fa(W,{...Ne,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:I,required:A,loading:S,disabled:P,readonly:J,className:s(e.className,Ir),children:[u&&Fa(Sr,{children:[lt(ye,{children:u}),n&&lt(Ee,{})]}),lt(ve,{id:oe,placeholder:x,value:N,type:h,disabled:P,"aria-label":se,"aria-describedby":le,"aria-invalid":I?"true":void 0}),c&&lt(de,{valid:k,invalid:I,loading:S,disabled:P}),lt(fe,{loading:S,disabled:P}),l&&lt(ke,{loading:S,disabled:P,readonly:J,value:N}),f&&Fa(Sr,{children:[n&&lt(Ee,{}),lt(Te,{children:f})]})]})};ee.states=Xl;ee.options=ql;ee.className=Ir;ee.defaultOptions=Yo;ee.moduleName=Ga;ee.folderName=Mr;ee.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 Io=ee;import{jsx as Jl}from"react/jsx-runtime";var Cr=e=>Jl(Io,{...e});import{Fragment as iN,jsx as rN}from"react/jsx-runtime";import{Fragment as uN,jsx as pN}from"react/jsx-runtime";import{jsx as hN}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";var Wl=ee.states,Yl=ee.defaultOptions,Ql=ee.options,Zl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],jl=[],_t=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Va(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Va(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Va(Cr,{value:"Value",style:{width:300},...o,...a})};_t.options=Ql;_t.states=Wl;_t.variants=jl;_t.defaultOptions=Yl;_t.modifiers=Zl;_t.className=ee.className;import{jsx as dt,jsxs as $a}from"react/jsx-runtime";var yr="k-actionsheet-titlebar",ed={},ce=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return $a("div",{...p,className:s(e.className,yr),children:[$a("div",{className:"k-actionsheet-titlebar-group",children:[a&&dt("div",{className:"k-actionsheet-actions",children:a}),!x&&$a("div",{className:"k-actionsheet-title",id:N,children:[t&&dt("div",{className:"k-text-center",children:t}),o&&dt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&dt("div",{className:"k-actionsheet-title",id:N,children:x}),n&&dt("div",{className:"k-actionsheet-actions",children:n})]}),(c\|\|l)&&dt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?dt(ee,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):dt(Ae,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};ce.className=yr;ce.defaultOptions=ed;import{jsx as Xa,jsxs as nd}from"react/jsx-runtime";var qa="k-actionsheet-view",td=[],od={},ad={},Dt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:l,titleId:c,...u}=e,f=n?.type===ce&&Xa(ce,{adaptive:t,titleId:c,...n?.props}),h=l?.type===st&&Xa(st,{...l?.props});return nd("div",{...u,className:s(e.className,qa,{[`${qa}-animated`]:o}),children:[f,Xa("div",{className:"k-actionsheet-content",children:a}),h]})};Dt.states=td;Dt.options=od;Dt.className=qa;Dt.defaultOptions=ad;var Co="action-sheet",Qo=Co;var Ja="overlay",Tr=Ja;import{jsx as ld}from"react/jsx-runtime";var Er="k-overlay",rd=[],id={},sd={},ct=e=>{let{...t}=e;return ld("div",{...t,className:s(e.className,Er),children:e.children})};ct.states=rd;ct.options=id;ct.className=Er;ct.defaultOptions=sd;ct.moduleName=Ja;ct.folderName=Tr;import{jsx as Zo,jsxs as pd}from"react/jsx-runtime";var Ar="k-actionsheet",dd=[],cd={},yo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=yo.side,fullscreen:o=yo.fullscreen,adaptive:a=yo.adaptive,overlay:n=yo.overlay,template:l,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!l&&u?`${h}-title`:void 0;return pd("div",{className:"k-actionsheet-container",children:[n&&Zo(ct,{}),Zo(Ve,{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:Zo("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:s(e.className,Ar,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|Zo(Dt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};X.states=dd;X.options=cd;X.className=Ar;X.defaultOptions=yo;X.moduleName=Co;X.folderName=Qo;X.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 fd}from"react/jsx-runtime";var Or="k-actionsheet-container",ud=[],md={},bd={},Ht=e=>{let{children:t,...o}=e;return fd("div",{...o,className:Or,children:t})};Ht.states=ud;Ht.options=md;Ht.className=Or;Ht.defaultOptions=bd;Ht.moduleName=Co;Ht.folderName=Qo;import{jsx as hd}from"react/jsx-runtime";var Wa=e=>{let{...t}=e;return hd("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as Nd,jsx as To,jsxs as Ya}from"react/jsx-runtime";var Qa="k-actionsheet-item",xd=[i.hover,i.focus,i.selected,i.disabled],pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:l,selected:c,disabled:u,...f}=e;return Ya("span",{...f,className:s(e.className,Qa,y(Qa,{hover:n,focus:l,selected:c,disabled:u})),children:[!e.children&&To(Nd,{children:Ya("span",{className:"k-actionsheet-action",children:[t&&To("span",{className:"k-icon-wrap",children:To(M,{className:"k-actionsheet-item-icon",icon:t})}),Ya("span",{className:"k-actionsheet-item-text",children:[o&&To("span",{className:"k-actionsheet-item-title",children:o}),a&&To("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};pt.states=xd;pt.className=Qa;import{jsx as fk,jsxs as hk}from"react/jsx-runtime";import{jsx as vk}from"react/jsx-runtime";import{jsx as Sk}from"react/jsx-runtime";import{jsx as Tk}from"react/jsx-runtime";import{jsx as te,jsxs as Za}from"react/jsx-runtime";var kd=X.options,vd=X.states,wr={...X.defaultOptions,variant:"normal"},gd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ld=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],zt=e=>{let{variant:t,modifiers:o,...a}={...wr,...e},n={},l=Za(Wa,{children:[te(pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),te(pt,{text:"Add to Favorites",iconName:"heart"}),te(pt,{text:"Upload New",iconName:"upload",disabled:!0}),te("hr",{className:"k-hr"}),te(pt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?c:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?te(X,{...a,adaptive:!0,fullscreen:n.fullScreen,header:te(ce,{actionsStart:n.actionsStart?te(r,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?te(r,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?Za(st,{alignment:"stretched",children:[te(r,{text:"Cancel",size:"large",themeColor:"base"}),te(r,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):te(X,{...a,fullscreen:n.fullScreen,header:te(ce,{actionsStart:n.actionsStart?te(r,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?te(r,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Za(st,{alignment:"stretched",children:[te(r,{text:"Apply",themeColor:"primary"}),te(r,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};zt.options=kd;zt.states=vd;zt.variants=gd;zt.defaultOptions=wr;zt.modifiers=Ld;zt.className=X.className;var ja="slider",Pr=ja;import{jsx as Ut,jsxs as en}from"react/jsx-runtime";var Eo="k-slider",Md=[i.hover,i.focus,i.active,i.disabled,i.readonly],Sd={},Oe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=e=>{let{type:t=Oe.type,orientation:o=Oe.orientation,gradientType:a=Oe.gradientType,readonly:n=Oe.readonly,disabled:l=Oe.disabled,handlePosition:c=Oe.handlePosition,showButtons:u=Oe.showButtons,showTicks:f=Oe.showTicks,value:h=Oe.value,min:N=Oe.min,max:x=Oe.max,startValue:p,endValue:g,hover:k,focus:I,active:A,trackStyle:S,dir:P,...J}=e,se=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),le,Ne;return o==="horizontal"?(le=P==="rtl"?"chevron-left":"chevron-right",Ne=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(le="chevron-up",Ne="chevron-down"),en("div",{...J,className:s(Eo,e.className,y(Eo,{readonly:n,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[u&&Ut(r,{className:"k-button-decrease",rounded:"full",icon:Ne,tabIndex:-1,title:"Decrease"}),en("div",{className:"k-slider-track-wrap",children:[f&&Ut("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),en("div",{className:"k-slider-track",style:S,children:[Ut("div",{className:"k-slider-selection"}),t==="range"&&Ut("span",{className:s("k-draghandle","k-draghandle-start",y(Eo,{hover:k,focus:I,active:A})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":se,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),Ut("span",{className:s("k-draghandle",`k-draghandle-${c}`,y(Eo,{hover:k,focus:I,active:A})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":se,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),u&&Ut(r,{className:"k-button-increase",rounded:"full",icon:le,tabIndex:-1,title:"Increase"})]})};G.states=Md;G.options=Sd;G.className=Eo;G.defaultOptions=Oe;G.moduleName=ja;G.folderName=Pr;G.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 Rr}from"react/jsx-runtime";var Kr="k-tick",Id=[],Cd={},_r={label:!1},E=e=>{let{style:t,label:o=_r.label,orientation:a,large:n,text:l,...c}=e;return Rr("li",{...c,role:"presentation",title:l\|\|"Tick",className:s(e.className,Kr,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Rr("span",{className:"k-label",children:l})})};E.states=Id;E.options=Cd;E.className=Kr;E.defaultOptions=_r;import{Fragment as yd,jsx as Be,jsxs as Td}from"react/jsx-runtime";var Dr=e=>Be(G,{"aria-label":e["aria-label"]\|\|"Slider",children:Td(yd,{children:[Be(E,{className:"k-first",label:!0,large:!0,text:"0"}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{label:!0,large:!0,text:"5"}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{}),Be(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ed,jsx as we,jsxs as Ad}from"react/jsx-runtime";var Hr=e=>we(G,{children:Ad(Ed,{children:[we(E,{className:"k-first",label:!0,large:!0,text:"0"}),we(E,{}),we(E,{}),we(E,{}),we(E,{}),we(E,{label:!0,large:!0,text:"5"}),we(E,{}),we(E,{}),we(E,{}),we(E,{}),we(E,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as hv,jsx as fv,jsxs as xv}from"react/jsx-runtime";import{Fragment as Lv,jsx as gv,jsxs as Mv}from"react/jsx-runtime";import{jsx as Od}from"react/jsx-runtime";var tn=e=>Od(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Bd}from"react/jsx-runtime";var on=e=>Bd(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Pv,jsx as wv,jsxs as Rv}from"react/jsx-runtime";import{Fragment as zv,jsx as Hv,jsxs as Uv}from"react/jsx-runtime";import{jsx as Xe,jsxs as zr}from"react/jsx-runtime";var wd=G.options,Pd=G.states,Ur={...G.defaultOptions,variant:"horizontal",label:!0},Rd=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Kd=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Gt=e=>{let{variant:t,modifiers:o,...a}={...Ur,...e},n={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!o?.[h];break}case"label":{n.label=!!o?.[h];break}case"tick":{n.showTicks=!!o?.[h];break}}});let{label:l=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?zr(Hr,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Xe(E,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Xe(E,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):zr(Dr,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Xe(E,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Xe(E,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Gt.options=wd;Gt.states=Pd;Gt.variants=Rd;Gt.defaultOptions=Ur;Gt.modifiers=Kd;Gt.className=G.className;import{jsx as Gr,jsxs as Ud}from"react/jsx-runtime";var Fr="k-spin-button",Hd=[],zd={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},an={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ut=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=an.increaseLabel,decreaseLabel:l=an.decreaseLabel,...c}=e;return Ud("span",{...c,className:s(Fr,e.className),children:[Gr(r,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Gr(r,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};ut.states=Hd;ut.options=zd;ut.className=Fr;ut.defaultOptions=an;ut.moduleName=null;ut.folderName=null;var Vr="numeric-textbox",$r="numerictextbox";import{Fragment as Xr,jsx as Qe,jsxs as nn}from"react/jsx-runtime";var qr="k-numerictextbox",Gd=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Fd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},jo={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=jo.separators,showClearButton:l=jo.showClearButton,showSpinButton:c=jo.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,id:J,"aria-label":oe,"aria-describedby":se,...le}=e;return nn(W,{...le,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,className:s(e.className,qr),children:[u&&nn(Xr,{children:[Qe(ye,{children:u}),n&&Qe(Ee,{})]}),Qe(ve,{id:J,placeholder:N,value:h,role:"spinbutton",disabled:S,"aria-label":oe,"aria-describedby":se,"aria-invalid":k?"true":void 0}),Qe(de,{valid:g,invalid:k,loading:A,disabled:S}),Qe(fe,{loading:A,disabled:S}),l&&Qe(ke,{loading:A,disabled:S,readonly:P,value:h}),f&&nn(Xr,{children:[n&&Qe(Ee,{}),Qe(Te,{children:f})]}),c&&Qe(ut,{className:"k-input-spinner",size:t,fillMode:a,disabled:S})]})};D.states=Gd;D.options=Fd;D.className=qr;D.defaultOptions=jo;D.moduleName=Vr;D.folderName=$r;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ao=D;import{jsx as Vd}from"react/jsx-runtime";var Jr=e=>Vd(Ao,{...e});import sn from"react";import{jsx as Wr}from"react/jsx-runtime";var $d="k-list-group-sticky-header",rn=e=>Wr("div",{className:s($d,e.className),children:Wr("div",{className:"k-list-header-text",children:e.children})});import{jsx as qd}from"react/jsx-runtime";var Xd="k-no-data",ea=e=>{let{live:t,...o}=e;return qd("span",{...o,className:s(Xd,e.className),"aria-live":t?"polite":void 0,children:e.children})};var gt="list",Ft=gt;import{jsx as Yr,jsxs as Qr}from"react/jsx-runtime";var ln="k-list",Jd=[],Wd={size:[d.undefined,d.small,d.medium,d.large]},Yd={},R=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:l,customValue:c,noData:u,screenReaders:f,...h}=e,x=sn.Children.toArray(a)[0],p=x?.props?.children?sn.Children.count(x.props.children):sn.Children.count(a);return Qr("div",{...h,className:s(e.className,ln,T(ln,{size:t}),{"k-virtual-list":o}),children:[l,c,n&&Yr(rn,{children:n}),a\|\|(u!==void 0?u:Yr(ea,{live:!0,children:"No data found."})),f&&a&&Qr(ea,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};R.states=Jd;R.options=Wd;R.className=ln;R.defaultOptions=Yd;R.moduleName=gt;R.folderName=Ft;R.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as ec}from"react/jsx-runtime";var Zr="k-list-container",Qd=[],Zd={},jd={},Vt=e=>{let{...t}=e;return ec("div",{...t,className:s(e.className,Zr),children:e.children})};Vt.states=Qd;Vt.options=Zd;Vt.className=Zr;Vt.defaultOptions=jd;Vt.moduleName=gt;Vt.folderName=Ft;var Lt="checkbox",$t=Lt;import{jsx as jr}from"react/jsx-runtime";var ta="k-checkbox",tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},ac={},Pe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:l,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return jr("span",{className:"k-checkbox-wrap",role:p,children:jr("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:s(e.className,ta,T(ta,{size:N,rounded:x}),y(ta,{hover:n,focus:l,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Pe.states=tc;Pe.options=oc;Pe.className=ta;Pe.defaultOptions=ac;Pe.moduleName=Lt;Pe.folderName=$t;Pe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ze=Pe;import{jsx as ic}from"react/jsx-runtime";var ei="k-checkbox-list",nc=[],rc={},ti={layout:"vertical"},pe=e=>{let{layout:t=ti.layout,...o}=e;return ic("ul",{...o,className:s(e.className,ei,{[`k-list-${t}`]:t}),children:e.children})};pe.states=nc;pe.options=rc;pe.className=ei;pe.defaultOptions=ti;pe.moduleName=Lt;pe.folderName=$t;import{jsx as cc}from"react/jsx-runtime";var oi="k-checkbox-list-item",sc=[],lc={},dc={},ue=e=>{let{...t}=e;return cc("li",{...t,className:s(e.className,oi),children:e.children})};ue.states=sc;ue.options=lc;ue.className=oi;ue.defaultOptions=dc;ue.moduleName=Lt;ue.folderName=$t;import{Fragment as pc,jsx as ai,jsxs as uc}from"react/jsx-runtime";var Ze=({children:e="Label",id:t="cb-label-after",...o})=>uc(pc,{children:[ai(ze,{id:t,...o}),ai("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as pL,jsx as cL,jsxs as uL}from"react/jsx-runtime";import{Fragment as xL,jsx as hL,jsxs as NL}from"react/jsx-runtime";import{Fragment as ML,jsx as LL,jsxs as SL}from"react/jsx-runtime";import{jsx as TL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as KL}from"react/jsx-runtime";import{jsx as Re,jsxs as ni}from"react/jsx-runtime";var mc=pe.options,bc=pe.states,fc={...pe.defaultOptions,variant:"vertical"},hc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],xc=[],Xt=e=>{let{variant:t,...o}=e;return t==="horizontal"?ni(pe,{layout:"horizontal",...o,children:[Re(ue,{children:Re(Ze,{id:_("cb"),defaultChecked:!0,children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})})]}):ni(pe,{...o,children:[Re(ue,{children:Re(Ze,{id:_("cb"),defaultChecked:!0,children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})}),Re(ue,{children:Re(Ze,{id:_("cb"),children:"Label"})})]})};Xt.options=mc;Xt.states=bc;Xt.variants=hc;Xt.defaultOptions=fc;Xt.modifiers=xc;Xt.className=pe.className;import{jsx as Mc}from"react/jsx-runtime";var Nc=ze.options,kc=ze.states,vc=ze.defaultOptions,gc=[],Lc=[],qt=e=>Mc(Ze,{id:_("checkbox"),...e,defaultChecked:!0,children:"Label"});qt.options=Nc;qt.states=kc;qt.variants=gc;qt.defaultOptions=vc;qt.modifiers=Lc;qt.className=ze.className;import{jsx as Mt,jsxs as yc}from"react/jsx-runtime";var dn="k-list-item",Sc=[i.hover,i.focus,i.selected,i.disabled],Ic={},Cc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:l,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...I}=e,A=t\|\|e.children;return yc("li",{...I,id:k,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:s(e.className,a?"k-list-group-item":dn,y(dn,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&Mt(Pe,{checked:u}),n&&Mt("span",{className:"k-list-item-icon-wrapper",children:Mt(M,{icon:n,className:s("k-list-item-icon",l)})}),Mt("span",{className:"k-list-item-text",children:A}),p&&Mt("div",{className:"k-list-item-actions",children:p}),g&&Mt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&Mt("div",{className:"k-list-item-group-label",children:o})]})};O.states=Sc;O.options=Ic;O.className=dn;O.defaultOptions=Cc;O.moduleName=gt;O.folderName=Ft;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Ec}from"react/jsx-runtime";var Tc="k-list-ul",je=e=>{let{children:t,role:o,id:a,...n}=e;return Ec("ul",{...n,id:a,role:o,className:s(Tc,e.className),children:t})};je.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as cn,jsxs as Oc}from"react/jsx-runtime";var Ac="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:l,...c}=e;return Oc("div",{...c,className:s(Ac,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:cn(je,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&cn("div",{className:"k-height-container",children:cn("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as CM,jsx as IM,jsxs as yM}from"react/jsx-runtime";import{jsx as pn,jsxs as wc}from"react/jsx-runtime";var Bc="k-list-group-item",St=e=>{let{groupIconName:t,...o}=e;return wc("li",{...o,role:"presentation",className:s(Bc,e.className),children:[t&&pn("span",{className:"k-list-item-icon-wrapper",children:pn(M,{icon:t,className:"k-list-item-icon"})}),pn("span",{className:"k-list-item-text",children:e.children})]})};St.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as _c}from"react/jsx-runtime";var un="k-list-optionlabel",Pc=[i.hover,i.focus,i.selected,i.disabled],Rc={},Kc={},oa=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return _c("div",{...c,className:s(un,y(un,{hover:o,focus:a,selected:n,disabled:l})),children:t})};oa.states=Pc;oa.options=Rc;oa.className=un;oa.defaultOptions=Kc;import{jsx as Uc}from"react/jsx-runtime";var mn="k-list-custom-value",Dc=[i.hover,i.focus,i.selected,i.disabled],Hc={},zc={},mt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return Uc("div",{...c,className:s(mn,y(mn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};mt.states=Dc;mt.options=Hc;mt.className=mn;mt.defaultOptions=zc;import{Fragment as FM,jsx as GM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as WM,jsxs as QM}from"react/jsx-runtime";import{Fragment as nS,jsx as oS,jsxs as aS}from"react/jsx-runtime";import{Fragment as pS,jsx as dS,jsxs as cS}from"react/jsx-runtime";import{jsx as fS}from"react/jsx-runtime";import{Fragment as gS,jsx as vS,jsxs as LS}from"react/jsx-runtime";var ri="dropdown-list",ii="dropdownlist";import{Fragment as Vc,jsx as me,jsxs as bn}from"react/jsx-runtime";var si="k-dropdownlist",Gc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Fc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},fn={showValue:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=fn.arrowIconName,showValue:l=fn.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,popup:J,opened:oe,adaptive:se,adaptiveSettings:le,adaptiveTitle:Ne,adaptiveSubtitle:Nt,adaptiveFilter:ba,id:nt,activeDescendant:Uo,"aria-label":fa,...ha}=e,ds=nt?`${nt}-listbox`:void 0,zn=nt?`${nt}-value`:void 0;return bn(Vc,{children:[bn(Ge,{...ha,id:nt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:I,loading:A,disabled:S,readonly:P,className:s(e.className,si,{"k-icon-picker":!l&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":oe?"true":"false","aria-controls":oe?ds:void 0,"aria-activedescendant":oe&&Uo?Uo:void 0,"aria-describedby":oe?zn:void 0,"aria-disabled":S?"true":void 0,"aria-label":fa,tabIndex:0,children:[me(ye,{children:u}),me(vt,{placeholder:N,value:h,showValue:l,valueIconName:c,id:zn}),me(de,{valid:g,invalid:k,loading:A,disabled:S}),me(fe,{loading:A,disabled:S}),me(Te,{children:f}),me(r,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),oe&&J&&me(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),se&&me(X,{adaptive:!0,...le,header:me(ce,{actionsEnd:me(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ba,inputValue:h,inputPlaceholder:N,title:Ne,subtitle:Nt}),children:me("div",{className:"k-list-container",children:me(R,{size:"large",children:bn(H,{"aria-label":"Options",children:[me(O,{text:"List item"}),me(O,{text:"List item"}),me(O,{text:"List item"})]})})})})]})};V.states=Gc;V.options=Fc;V.className=si;V.defaultOptions=fn;V.moduleName=ri;V.folderName=ii;V.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as tI}from"react/jsx-runtime";import{jsx as sI,jsxs as lI}from"react/jsx-runtime";import{Fragment as xI,jsx as fI,jsxs as hI}from"react/jsx-runtime";import{jsx as LI}from"react/jsx-runtime";import{jsx as TI,jsxs as EI}from"react/jsx-runtime";import{Fragment as DI,jsx as KI,jsxs as _I}from"react/jsx-runtime";import{jsx as FI}from"react/jsx-runtime";import{Fragment as Yc,jsx as bt,jsxs as li}from"react/jsx-runtime";var $c=V.states,Xc=V.defaultOptions,qc=V.options,Jc=[{name:"opened",title:"Opened"}],Wc=[],Wt=e=>{let{modifiers:t,...o}=e,a={},n=li(Yc,{children:[bt("div",{className:"k-list-filter",children:bt(Ae,{})}),bt(R,{style:{width:300},size:o.size,children:li(H,{children:[bt(O,{children:"List item"}),bt(O,{children:"List item"}),bt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0)}),bt("div",{children:bt(V,{placeholder:"Value",style:{width:300},...o,...a})})};Wt.options=qc;Wt.states=$c;Wt.variants=Wc;Wt.defaultOptions=Xc;Wt.modifiers=Jc;Wt.className=V.className;import{Fragment as pC,jsx as cC}from"react/jsx-runtime";import{Fragment as xC,jsx as hC}from"react/jsx-runtime";import{jsx as gC}from"react/jsx-runtime";import{jsx as hn}from"react/jsx-runtime";var Qc=D.states,Zc=D.defaultOptions,jc=D.options,ep=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],tp=[],Yt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?hn(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?hn(Pa,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),hn(Jr,{value:"Value",style:{width:300},...o,...a})};Yt.options=jc;Yt.states=Qc;Yt.variants=tp;Yt.defaultOptions=Zc;Yt.modifiers=ep;Yt.className=D.className;import{Fragment as Oo,jsx as B,jsxs as Y}from"react/jsx-runtime";var di="k-colorgradient-inputs",op=[],ap={size:[d.undefined,d.small,d.medium,d.large]},ci={mode:"rgba"},Qt=e=>{let{mode:t=ci.mode,size:o,...a}=e;return Y("div",{...a,className:s(di,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(r,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Y(Oo,{children:[Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),Y("div",{className:"k-vstack",children:[B(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Oo,{children:Y("div",{className:"k-vstack k-flex-1",children:[B(ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Qt.states=op;Qt.options=ap;Qt.className=di;Qt.defaultOptions=ci;import{jsx as It,jsxs as Ct}from"react/jsx-runtime";var pi="k-colorgradient-color-contrast",np=[],rp={},ip={},Zt=()=>Ct("div",{className:s(pi,"k-vbox"),children:[Ct("div",{className:"k-contrast-ratio",children:[It("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ct("span",{className:"k-contrast-validation !k-text-success",children:[It(M,{icon:"check"}),It(M,{icon:"check"})]})]}),Ct("div",{children:[It("span",{children:"AA: 4.5"}),Ct("span",{className:"k-contrast-validation !k-text-success",children:["Pass",It(M,{icon:"check"})]})]}),Ct("div",{children:[It("span",{children:"AAA: 7.0"}),Ct("span",{className:"k-contrast-validation !k-text-error",children:["Fail",It(M,{icon:"x"})]})]})]});Zt.states=np;Zt.options=rp;Zt.className=pi;Zt.defaultOptions=ip;var ui="color-gradient",mi="colorgradient";import{jsx as Ke,jsxs as Bo}from"react/jsx-runtime";var aa="k-colorgradient",sp=[i.hover,i.focus,i.readonly,i.disabled],lp={size:[d.undefined,d.small,d.medium,d.large]},qe={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Z=e=>{let{size:t,mode:o=qe.mode,readonly:a=qe.readonly,disabled:n=qe.disabled,gradientStyle:l=qe.gradientStyle,dragHandleStyle:c=qe.dragHandleStyle,alphaStyle:u=qe.alphaStyle,alphaStyleHorizontal:f=qe.alphaStyleHorizontal,contrast:h=qe.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:I=qe.canvasOrientation,role:A,tabIndex:S,...P}=e;return Bo("div",{...P,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:S??0,"aria-disabled":n?"true":void 0,className:s(e.className,aa,T(aa,{size:t}),y(aa,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!I\|\|I==="horizontal"&&Bo("div",{className:"k-colorgradient-canvas k-hstack",children:[Ke("div",{className:"k-hsv-rectangle",style:l,children:Ke("div",{className:"k-hsv-gradient",children:Ke("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Bo("div",{className:"k-hsv-controls k-hstack",children:[Ke(on,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Ke(on,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),I==="vertical"&&Bo("div",{className:"k-colorgradient-canvas k-vstack",children:[Ke("div",{className:"k-hsv-rectangle",style:l,children:Ke("div",{className:"k-hsv-gradient",children:Ke("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Bo("div",{className:"k-hsv-controls k-vstack",children:[Ke(tn,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Ke(tn,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),Ke(Qt,{mode:e.mode,size:t}),h&&Ke(Zt,{})]})};Z.states=sp;Z.options=lp;Z.className=aa;Z.defaultOptions=qe;Z.moduleName=ui;Z.folderName=mi;Z.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as dp}from"react/jsx-runtime";var na=e=>dp(Z,{...e});import{jsx as iy}from"react/jsx-runtime";import{jsx as cy}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var cp=Z.options,pp=Z.states,up={...Z.defaultOptions,variant:"rgba"},mp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],bp=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return xn(na,{...o,mode:t});case"rgb":return xn(na,{...o,mode:t});default:return xn(na,{...o,mode:t})}};jt.options=cp;jt.states=pp;jt.variants=mp;jt.defaultOptions=up;jt.modifiers=bp;jt.className=Z.className;import{jsx as fp}from"react/jsx-runtime";var Nn=e=>fp("tr",{role:"row",children:e.children});import{jsx as Np}from"react/jsx-runtime";var kn="k-colorpalette-tile",hp=[i.hover,i.focus,i.selected],xp={},eo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:l,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Np("td",{...c,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:s(e.className,kn,y(kn,{hover:a,focus:n,selected:l})),style:u})};eo.states=hp;eo.options=xp;eo.className=kn;var bi="color-palette",fi="colorpalette";import{jsx as wo}from"react/jsx-runtime";var ra="k-colorpalette",kp=[i.disabled],vp={size:[d.undefined,d.small,d.medium,d.large]},hi={columns:10},be=e=>{let{size:t,palette:o,columns:a=hi.columns,tileSize:n,disabled:l,...c}=e,u=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(xf,(x+1)f).map((k,I)=>{p.push(wo(eo,{color:k,tileSize:n},I))});let g=wo(Nn,{children:p},x);u.push(g)})}return wo("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:s(e.className,ra,y(ra,{disabled:l}),T(ra,{size:t})),children:wo("table",{className:"k-colorpalette-table",role:"none",children:wo("tbody",{children:u.length>0?u:e.children})})})};be.states=kp;be.options=vp;be.className=ra;be.defaultOptions=hi;be.moduleName=bi;be.folderName=fi;be.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var ia=be;var Po={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as gp}from"react/jsx-runtime";var xi=e=>gp(ia,{palette:Po.basic,...e});import{jsx as $y}from"react/jsx-runtime";import{jsx as Qy,jsxs as Zy}from"react/jsx-runtime";import{jsx as Tp}from"react/jsx-runtime";var Lp=be.options,Mp=be.states,Sp={...be.defaultOptions,variant:"basic"},Ip=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Cp={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},yp=[],to=e=>{let{variant:t="basic",...o}=e,a=Cp[t];return Tp(xi,{columns:a.columns,palette:a,...o})};to.options=Lp;to.states=Mp;to.variants=Ip;to.defaultOptions=Sp;to.modifiers=yp;to.className=be.className;var Ni="color-editor",ki="coloreditor";import{jsx as _e,jsxs as oo}from"react/jsx-runtime";var sa="k-coloreditor",Ep=[i.focus],Ap={size:[d.undefined,d.small,d.medium,d.large]},Ro={view:"gradient",palette:Po.office,actionButtons:!0,canvasOrientation:"horizontal"},q=e=>{let{size:t,view:o=Ro.view,palette:a=Ro.palette,color:n,currentColor:l,focus:c,focusView:u,dir:f,group:h,actionButtons:N=Ro.actionButtons,canvasOrientation:x=Ro.canvasOrientation,...p}=e;return oo("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",sa,T(sa,{size:t}),y(sa,{focus:c})),dir:f,children:[oo("div",{className:"k-coloreditor-header k-hstack",children:[_e("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&oo(L,{fillMode:"flat",children:[_e(r,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),_e(r,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),_e("div",{className:"k-spacer"}),oo("div",{className:"k-coloreditor-header-actions k-hstack",children:[_e(r,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),oo("div",{className:"k-coloreditor-preview k-vstack",children:[_e(it,{className:"k-coloreditor-preview-color",color:n}),_e(it,{className:"k-coloreditor-current-color",color:l})]})]})]}),_e("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?_e(Z,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):_e(be,{palette:a,size:t})}),N&&oo($e,{className:"k-coloreditor-footer",alignment:"start",children:[_e(r,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),_e(r,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};q.states=Ep;q.options=Ap;q.className=sa;q.defaultOptions=Ro;q.moduleName=Ni;q.folderName=ki;q.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ao=q;import{jsx as yT}from"react/jsx-runtime";import{jsx as OT}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var vi=e=>Op(ao,{group:!0,currentColor:"fuchsia",...e});import{jsx as Bp}from"react/jsx-runtime";var gi=e=>Bp(ao,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Li}from"react/jsx-runtime";var wp=q.options,Pp=q.states,Rp={...q.defaultOptions,variant:"gradient"},Kp=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_p=[],no=e=>{let{variant:t,...o}=e;return t==="palette"?Li(gi,{...o,color:"white"}):Li(vi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};no.options=wp;no.states=Pp;no.variants=Kp;no.defaultOptions=Rp;no.modifiers=_p;no.className=q.className;var Mi="color-picker",Si="colorpicker";import{Fragment as zp,jsx as De,jsxs as vn}from"react/jsx-runtime";var Ii="k-colorpicker",Dp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Hp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ci={arrowIconName:"chevron-down"},ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ci.arrowIconName,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:I,popup:A,opened:S,adaptive:P,adaptiveSettings:J,adaptiveTitle:oe,adaptiveSubtitle:se,...le}=e,Ne="colorpicker-popup";return vn(zp,{children:[vn(Ge,{...le,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":S?"true":"false","aria-controls":S\|\|P?Ne:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:s(e.className,Ii,"k-icon-picker"),children:[De(ye,{children:l}),De(vt,{placeholder:f,value:u,showValue:!1,valueIcon:De(it,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),De(Te,{children:c}),De(r,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),S&&A&&De(F,{id:Ne,className:"k-colorpicker-popup",children:A}),P&&De(X,{adaptive:!0,id:Ne,...J,header:De(ce,{actionsEnd:De(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:oe,subtitle:se}),footer:vn(st,{children:[De(r,{text:"Cancel",size:"large"}),De(r,{text:"Set",size:"large",themeColor:"primary"})]}),children:De(q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ge.states=Dp;ge.options=Hp;ge.className=Ii;ge.defaultOptions=Ci;ge.moduleName=Mi;ge.folderName=Si;ge.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var et=ge;import{jsx as Up}from"react/jsx-runtime";var la=e=>Up(et,{...e});import{jsx as bE}from"react/jsx-runtime";import{jsx as kE}from"react/jsx-runtime";import{jsx as ME}from"react/jsx-runtime";import{jsx as yE}from"react/jsx-runtime";import{jsx as OE}from"react/jsx-runtime";import{jsx as RE}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";var Gp=et.options,Fp=et.states,yi={...et.defaultOptions,variant:"color"},Vp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$p=[{name:"opened",title:"Opened"}],ro=e=>{let{variant:t,modifiers:o,...a}={...yi,...e},n={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?yt(q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return yt("div",{style:l,children:yt(la,{...a,...n})});case"icon":return yt("div",{style:l,children:yt(la,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return yt("div",{style:l,children:yt(la,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};ro.options=Gp;ro.states=Fp;ro.variants=Vp;ro.defaultOptions=yi;ro.modifiers=$p;ro.className=et.className;var gn="combobox",Ti=gn;import{Fragment as Ln,jsx as Q,jsxs as Ko}from"react/jsx-runtime";var Ei="k-combobox",Xp=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Ai={separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ai.separators,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:I,popup:A,opened:S,readonly:P,adaptive:J,adaptiveSettings:oe,adaptiveTitle:se,adaptiveSubtitle:le,adaptiveCustomValue:Ne,id:Nt,autocomplete:ba,activeDescendant:nt,"aria-label":Uo,...fa}=e,ha=Nt?`${Nt}-listbox`:void 0;return Ko(Ln,{children:[Ko(W,{...fa,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:I,readonly:P,className:s(e.className,Ei),children:[l&&Ko(Ln,{children:[Q(ye,{children:l}),n&&Q(Ee,{})]}),Q(ve,{id:Nt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":S?"true":"false","aria-controls":S?ha:void 0,"aria-activedescendant":S&&nt?nt:void 0,"aria-autocomplete":ba,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Uo,disabled:I,readOnly:P}),Q(de,{valid:x,invalid:p,loading:k,disabled:I}),Q(fe,{loading:k,disabled:I}),Q(ke,{loading:k,disabled:I,readonly:P,value:u}),c&&Ko(Ln,{children:[n&&Q(Ee,{}),Q(Te,{children:c})]}),Q(r,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),S&&A&&Q(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),J&&Q(X,{adaptive:!0,id:Nt?`${Nt}-adaptive`:void 0,...oe,header:Q(ce,{actionsEnd:Q(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:se,subtitle:le}),children:Q("div",{className:"k-list-container",children:Q(R,{customValue:Ne?Q(mt,{text:`Use "${u}"`}):void 0,size:"large",children:Ko(H,{"aria-label":se\|\|"Options",children:[Q(O,{text:"List item"}),Q(O,{text:"List item"}),Q(O,{text:"List item"})]})})})})]})};ae.states=Xp;ae.options=qp;ae.className=Ei;ae.defaultOptions=Ai;ae.moduleName=gn;ae.folderName=Ti;ae.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Le=ae;import{jsx as Jp}from"react/jsx-runtime";var Oi=e=>Jp(Le,{...e});import{jsx as xA,jsxs as NA}from"react/jsx-runtime";import{jsx as SA,jsxs as IA}from"react/jsx-runtime";import{jsx as OA,jsxs as BA}from"react/jsx-runtime";import{Fragment as DA,jsx as _A}from"react/jsx-runtime";import{Fragment as VA,jsx as FA}from"react/jsx-runtime";import{jsx as YA,jsxs as QA}from"react/jsx-runtime";import{Fragment as rO,jsx as aO,jsxs as nO}from"react/jsx-runtime";import{jsx as dO}from"react/jsx-runtime";import{jsx as mO}from"react/jsx-runtime";import{jsx as kO,jsxs as vO}from"react/jsx-runtime";import{jsx as CO,jsxs as yO}from"react/jsx-runtime";import{jsx as ft,jsxs as eu}from"react/jsx-runtime";var Wp=ae.states,Yp=ae.defaultOptions,Qp=ae.options,Zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],jp=[],io=e=>{let{modifiers:t,...o}=e,a={},n=ft(R,{style:{width:300},size:o.size,children:eu(H,{children:[ft(O,{children:"List item"}),ft(O,{children:"List item"}),ft(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ft(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?ft(rt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?n:void 0;break;default:break}}),ft("div",{children:ft(Oi,{value:"Value",style:{width:300},...o,...a})})};io.options=Qp;io.states=Wp;io.variants=jp;io.defaultOptions=Yp;io.modifiers=Zp;io.className=ae.className;var Mn="menu-button",Bi=Mn;import{jsx as au}from"react/jsx-runtime";var wi="k-menu-button",tu=[i.hover,i.focus,i.active,i.selected,i.disabled],ou={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Sn={showArrow:!0,arrowIconName:"chevron-down"},z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=Sn.showArrow,arrowIconName:g=Sn.arrowIconName,expanded:k,...I}=e;return au(r,{...I,className:s(e.className,wi),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};z.states=tu;z.options=ou;z.className=wi;z.defaultOptions=Sn;z.moduleName=Mn;z.folderName=Bi;z.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as iB}from"react/jsx-runtime";import{jsx as cB}from"react/jsx-runtime";import{jsx as bB}from"react/jsx-runtime";var Me="menu",He=Me;import{jsx as _o,jsxs as Pi}from"react/jsx-runtime";var In="k-menu-item",nu=[i.hover,i.focus,i.active,i.selected,i.disabled],ru={},Ri={iconPosition:"before"},ne=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Ri.iconPosition,dir:g,children:k,expanded:I,...A}=e,S=x;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),Pi("li",{...A,className:s(e.className,In,"k-item",y(In,{focus:o,disabled:l,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":I?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Pi("span",{className:s("k-link k-menu-link"),children:[c&&p==="before"&&_o(M,{className:"k-menu-link-icon",icon:c}),_o("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&_o(M,{className:"k-menu-link-icon",icon:c}),N&&_o("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_o(M,{icon:S})})]}),k]})};ne.states=nu;ne.options=ru;ne.className=In;ne.defaultOptions=Ri;ne.moduleName=Me;ne.folderName=He;import{jsx as Do,jsxs as Ki}from"react/jsx-runtime";var Cn="k-menu-item",iu=[i.hover,i.focus,i.active,i.selected,i.disabled],su={},yn={dir:"ltr",iconPosition:"before"},$=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=yn.iconPosition,dir:g=yn.dir,children:k,popup:I,expanded:A,...S}=e,P=x;return P\|\|(P=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...S,className:s(e.className,Cn,"k-item",y(Cn,{focus:o,disabled:l}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":A?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ki("span",{className:s("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:n,disabled:l})),children:[c&&p==="before"&&Do(M,{className:"k-menu-link-icon",icon:c}),Do("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Do(M,{className:"k-menu-link-icon",icon:c}),N&&Do("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Do(M,{icon:P})})]}),k,I]})};$.states=iu;$.options=su;$.className=Cn;$.defaultOptions=yn;$.moduleName=Me;$.folderName=He;import{jsx as pu}from"react/jsx-runtime";var _i="k-menu-scroll-wrapper",lu=[],du={},cu={},Tt=e=>{let{className:t,children:o,orientation:a,...n}=e;return pu("div",{...n,className:s(t,_i,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Tt.states=lu;Tt.options=du;Tt.className=_i;Tt.defaultOptions=cu;Tt.moduleName=Me;Tt.folderName=He;var Di=Tt;import{Fragment as Tn,jsx as Et,jsxs as ca}from"react/jsx-runtime";var En="k-menu",uu=[],mu={},pa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},j=e=>{let{children:t,orientation:o=pa.orientation,header:a=pa.header,scrollable:n,scrollButtonsPosition:l=pa.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Et("ul",{dir:u,...N,className:s(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ca(Tn,{children:[n?ca(Di,{orientation:o,style:c,dir:e.dir,children:[l==="start"&&ca(Tn,{children:[Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,l==="end"&&ca(Tn,{children:[Et(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Et(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};j.states=uu;j.options=mu;j.className=En;j.defaultOptions=pa;j.moduleName=Me;j.folderName=He;j.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as bu}from"react/jsx-runtime";var An="k-separator",Hi={orientation:"horizontal"},so=e=>{let{orientation:t=Hi.orientation,...o}=e;return bu("li",{...o,className:s(e.className,"k-item",An,{[`${An}-${t}`]:t}),role:"separator"})};so.className=An;so.defaultOptions=Hi;so.moduleName=Me;so.folderName=He;import{Fragment as FB,jsx as VB}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var On="k-menu-group",fu=[],hu={size:[d.undefined,d.small,d.medium,d.large]},xu={},re=e=>{let{children:t,size:o,...a}=e;return Nu("ul",{...a,className:s(e.className,On,T(On,{size:o})),role:"menu",children:t})};re.states=fu;re.options=hu;re.className=On;re.defaultOptions=xu;re.moduleName=Me;re.folderName=He;import{Fragment as ku,jsx as lo,jsxs as vu}from"react/jsx-runtime";var Bn=e=>lo(j,{children:vu(ku,{children:[lo(ne,{first:!0,text:"Item 1"}),lo(ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),lo(ne,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),lo(ne,{text:"Item 4"}),lo(ne,{last:!0,text:"Item 5"})]}),...e});import{Fragment as nw,jsx as ow,jsxs as aw}from"react/jsx-runtime";import{Fragment as dw,jsx as lw,jsxs as cw}from"react/jsx-runtime";import{Fragment as fw,jsx as bw,jsxs as hw}from"react/jsx-runtime";import{Fragment as gw,jsx as vw,jsxs as Lw}from"react/jsx-runtime";import{jsx as At,jsxs as Iu}from"react/jsx-runtime";var gu=j.options,Lu=j.states,zi={...j.defaultOptions,variant:"horizontal"},Mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Su=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],co=e=>{let{variant:t,modifiers:o,...a}={...zi,...e},n={};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"scrollable":n.scrollable=!!o?.[l];break;case"opened":n.opened=!!o?.[l],n.popup=At(F,{className:"k-menu-popup",children:Iu(re,{children:[At($,{text:"Item 1"}),At($,{text:"Item 2"}),At(so,{}),At($,{text:"Item 3"})]})});break}}),t==="vertical"?At(Bn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):At(Bn,{...a,...n})};co.options=gu;co.states=Lu;co.variants=Mu;co.defaultOptions=zi;co.modifiers=Su;co.className=j.className;import{Fragment as eP,jsx as Zw,jsxs as jw}from"react/jsx-runtime";import{jsx as nP}from"react/jsx-runtime";import{Fragment as Au,jsx as Je,jsxs as Ui}from"react/jsx-runtime";var Cu=r.states,Gi={...r.defaultOptions,variant:"text"},yu=r.options,Tu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Eu=[{name:"opened",title:"Opened"}],po=e=>{let{variant:t,modifiers:o,...a}={...Gi,...e},n={},l=Je(F,{className:"k-menu-popup",children:Ui(re,{size:a.size,children:[Je($,{first:!0,text:"Menu Item"}),Je($,{text:"Menu Item"}),Je($,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Je("div",{children:Je(z,{...a,...n,icon:"star"})});break;case"icon-and-text":c=Je("div",{children:Je(z,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=Je("div",{children:Je(z,{...a,...n,children:"Dropdown Button"})});break}return Ui(Au,{children:[c,o?.opened&&l]})};po.options=yu;po.states=Cu;po.variants=Tu;po.defaultOptions=Gi;po.modifiers=Eu;po.className=z.className;var wn="split-button",Fi=wn;import{Fragment as wu,jsx as Pn,jsxs as Vi}from"react/jsx-runtime";var Rn="k-split-button",Ou=[i.hover,i.focus,i.active,i.selected,i.disabled],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},$i={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=$i.arrowIconName,popup:g,opened:k,popupId:I,...A}=e;return Vi(wu,{children:[Vi("div",{...A,className:s(e.className,Rn,"k-button-group",T(Rn,{rounded:o})),children:[Pn(r,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Pn(r,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&Pn(F,{className:"k-menu-popup",children:g})]})};w.states=Ou;w.options=Bu;w.className=Rn;w.defaultOptions=$i;w.moduleName=wn;w.folderName=Fi;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Kn=w;import{jsx as Ru}from"react/jsx-runtime";var Pu="k-toolbar-separator",Ue=e=>Ru("div",{className:s(Pu,e.className,"k-separator")});var tt="toolbar",ht=tt;import{Fragment as _n,jsx as K,jsxs as uo}from"react/jsx-runtime";var ot="k-toolbar",Ku=[i.focus],_u={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Du={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:l,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===r&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(K(r,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===r)k.push(K(r,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===go)k.push(K(go,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===rt)k.push(K(rt,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===z)k.push(K(z,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Kn)k.push(K(Kn,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===L\|\|p.props.className&&p.props.className.includes("k-button-group")){let I=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((S,P)=>{I.push(K(r,{...S.props,className:`${S.props.className?S.props.className:""}`},`${P}-${new Date().getTime()}`))}),k.push(K(L,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:I},`${g}-${new Date().getTime()}`))}else p.type===ae?k.push(K(ae,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===V?k.push(K(V,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===ge?k.push(K(ge,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(I=>{N.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),uo("div",{...h,className:s(e.className,ot,T(ot,{size:t,fillMode:o}),y(ot,{focus:a}),{[`${ot}-resizable`]:n,[`${ot}-scrollable`]:l,[`${ot}-scrollable-overlay`]:l&&c==="hidden",[`${ot}-scrollable-${u}`]:u&&u!=="both",[`${ot}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&N,l&&c==="hidden"&&K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),l&&c==="start"&&uo(_n,{children:[uo(L,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]}),K(Ue,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),l&&c==="end"&&uo(_n,{children:[K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(Ue,{className:"k-toolbar-button-separator"}),uo(L,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(c==="around"\|\|!c)&&uo(_n,{children:[K("span",{className:s("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-left"})}),K(Ue,{className:"k-toolbar-button-separator"}),K("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),K(Ue,{className:"k-toolbar-button-separator"}),K("span",{className:s("k-toolbar-next","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:K(M,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ku;U.options=_u;U.className=ot;U.defaultOptions=Du;U.moduleName=tt;U.folderName=ht;U.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as Gu}from"react/jsx-runtime";var Xi="k-floating-toolbar",Hu=[],zu={},Uu={},mo=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Xi),children:e.children})};mo.states=Hu;mo.options=zu;mo.className=Xi;mo.defaultOptions=Uu;mo.moduleName=tt;mo.folderName=ht;import{jsx as Xu}from"react/jsx-runtime";var Dn="k-toolbar-item",Fu=[i.focus],Vu={},$u={},We=e=>{let{focus:t,...o}=e;return Xu("div",{...o,className:s(e.className,Dn,y(Dn,{focus:t})),children:e.children})};We.states=Fu;We.options=Vu;We.className=Dn;We.defaultOptions=$u;We.moduleName=tt;We.folderName=ht;import{jsx as qi}from"react/jsx-runtime";var Ji="k-toolbar-popup",qu=[],Ju={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Wu={},Ot=e=>{let{size:t,fillMode:o,section:a,...n}=e;return qi(F,{...n,className:s(e.className,Ji),children:a?qi("span",{className:s("k-toolbar-items-list",T("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ot.states=qu;Ot.options=Ju;Ot.className=Ji;Ot.defaultOptions=Wu;Ot.moduleName=tt;Ot.folderName=ht;var ua=Ot;import{jsx as s0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as f0}from"react/jsx-runtime";import{jsx as g0,jsxs as L0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{jsx as at,jsxs as em}from"react/jsx-runtime";var Yu=w.states,Wi={...w.defaultOptions,variant:"text"},Qu=w.options,Zu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ju=[{name:"opened",title:"Opened"}],bo=e=>{let{variant:t,modifiers:o,...a}={...Wi,...e},n={},l=em(re,{size:a.size,children:[at($,{first:!0,text:"Menu Item"}),at($,{text:"Menu Item"}),at($,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?l:"")}),t){case"icon-only":return at("div",{children:at(w,{...a,...n,icon:"star"})});case"icon-and-text":return at("div",{children:at(w,{...a,...n,icon:"star",children:"Split Button"})});default:return at("div",{children:at(w,{...a,...n,children:"Split Button"})})}};bo.options=Qu;bo.states=Yu;bo.variants=Zu;bo.defaultOptions=Wi;bo.modifiers=ju;bo.className=w.className;import{jsx as Bt,jsxs as tm}from"react/jsx-runtime";var Yi=e=>Bt(U,{children:[Bt(r,{children:"Button"},"toolbar-button"),Bt(z,{text:"Menu button"},"toolbar-menu-button"),Bt(w,{children:"Split button"},"toolbar-split-button"),tm(L,{children:[Bt(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Bt(r,{icon:"align-center",children:"Center"}),Bt(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as tR,jsxs as oR}from"react/jsx-runtime";import{jsx as Se,jsxs as Qi}from"react/jsx-runtime";var Zi=e=>Se(U,{scrollable:!0,...e,children:[Se(r,{children:"Button"},"toolbar-button"),Se(z,{text:"Menu button"},"toolbar-menu-button"),Se(w,{children:"Split button"},"toolbar-split-button"),Qi(L,{children:[Se(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Se(r,{icon:"align-center",children:"Center"}),Se(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Se(r,{children:"Button"},"toolbar-button"),Se(z,{text:"Menu button"},"toolbar-menu-button"),Se(w,{children:"Split button"},"toolbar-split-button"),Qi(L,{children:[Se(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Se(r,{icon:"align-center",children:"Center"}),Se(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ie,jsxs as ji}from"react/jsx-runtime";var es=({scrollingPosition:e="start",...t})=>Ie(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ie(r,{children:"Button"},"toolbar-button"),Ie(z,{text:"Menu button"},"toolbar-menu-button"),Ie(w,{children:"Split button"},"toolbar-split-button"),ji(L,{children:[Ie(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Ie(r,{icon:"align-center",children:"Center"}),Ie(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ie(r,{children:"Button"},"toolbar-button"),Ie(z,{text:"Menu button"},"toolbar-menu-button"),Ie(w,{children:"Split button"},"toolbar-split-button"),ji(L,{children:[Ie(r,{className:"k-group-start",icon:"align-left",children:"Left"}),Ie(r,{icon:"align-center",children:"Center"}),Ie(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as om,jsx as he,jsxs as ma}from"react/jsx-runtime";var ts=({fillMode:e,size:t,...o})=>ma(om,{children:[he(U,{section:!0,fillMode:e,size:t,children:[he(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ma(L,{fillMode:e,children:[he(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),he(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),he(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),he(Ue,{className:"k-toolbar-button-separator"}),he(r,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ma(ua,{size:t,fillMode:e,section:!0,...o,children:[he(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),he(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),he(Ue,{}),he(z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ma(L,{fillMode:e,children:[he(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),he(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),he(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as RR,jsx as wR,jsxs as PR}from"react/jsx-runtime";import{Fragment as XR,jsx as VR,jsxs as $R}from"react/jsx-runtime";import{jsx as xt}from"react/jsx-runtime";var am=U.options,nm=U.states,os={...U.defaultOptions,variant:"default"},rm=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],im=[],fo=e=>{let{variant:t,...o}={...os,...e};switch(t){case"responsive":return xt("div",{children:xt(ts,{style:{width:"583px"},...o})});case"overlay":return xt("div",{children:xt(es,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return xt("div",{children:xt(Zi,{style:{width:"583px"},...o})});default:return xt("div",{children:xt(Yi,{style:{width:"583px"},...o})})}};fo.options=am;fo.states=nm;fo.variants=rm;fo.defaultOptions=os;fo.modifiers=im;fo.className=U.className;import{jsx as lm}from"react/jsx-runtime";var sm="k-editor-toolbar",as=e=>{let{resizable:t,...o}=e;return lm(U,{...o,className:s(e.className,sm),resizable:t,children:e.children})};var Hn="editor",ns=Hn;import{jsx as rs,jsxs as pm}from"react/jsx-runtime";var Ho="k-editor",dm=[i.readonly,i.disabled,i.focus],cm={},is={toolbarResizable:!1},xe=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:l=is.toolbarResizable,resizable:c,...u}=e;return pm("div",{...u,className:s(e.className,Ho,y(Ho,{readonly:t,disabled:o}),{[`${Ho}-resizable`]:c}),children:[rs(as,{resizable:l,children:n}),rs(Go,{readonly:t,className:s(y(Ho,{focus:a})),children:e.children})]})};xe.states=dm;xe.options=cm;xe.className=Ho;xe.defaultOptions=is;xe.moduleName=Hn;xe.folderName=ns;xe.ariaSpec={selector:".k-editor",rules:[{selector:".k-editor-content[contenteditable]",attribute:"role=textbox",usage:"Specifies the role of the component as text input."},{selector:".k-editor-content[contenteditable]",attribute:"aria-label",usage:"The component focusable element needs an accessible name."},{selector:'.k-editor.k-readonly .k-editor-content[contenteditable="false"]',attribute:"aria-readonly=true",usage:"Rendered only when the Editor is readonly."}]};import{Fragment as um,jsx as ie,jsxs as zo}from"react/jsx-runtime";var ss=e=>ie(xe,{toolbarItems:[zo(L,{children:[ie(r,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),ie(r,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),ie(r,{icon:"italic","aria-label":"Italic"}),ie(r,{icon:"underline","aria-label":"Underline"}),ie(r,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),ie(r,{className:"k-group-end",icon:"superscript","aria-label":"Superscript"})]},"script"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),ie(r,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),zo(L,{children:[ie(r,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),ie(r,{icon:"align-center","aria-label":"Align center"}),ie(r,{icon:"align-right","aria-label":"Align right"}),ie(r,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:ie(um,{children:"Editor Content"}),...e});import{jsx as C,jsxs as Ce}from"react/jsx-runtime";var mm=xe.options,bm=xe.states,ls={...xe.defaultOptions,variant:"normal"},fm=[],hm=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],wt=e=>{let{variant:t,...o}={...ls,...e},a={};return t==="resizable"&&(a.resizable=!0),C(ss,{focus:!0,...a,style:{width:"750px",height:"375px"},...o,toolbarItems:[Ce(L,{children:[C(r,{hover:!0,icon:"bold"}),C(r,{icon:"italic"}),C(r,{icon:"underline"}),C(r,{icon:"strikethrough"})]}),Ce(L,{children:[C(r,{icon:"subscript"}),C(r,{icon:"superscript"})]}),Ce(L,{children:[C(r,{icon:"align-left"}),C(r,{selected:!0,icon:"align-center"}),C(r,{icon:"align-right"}),C(r,{icon:"align-justify"})]}),Ce(L,{children:[C(r,{icon:"indent"}),C(r,{disabled:!0,icon:"outdent"})]}),Ce(L,{children:[C(r,{icon:"list-ordered"}),C(r,{icon:"list-unordered"})]}),C(We,{children:C(V,{style:{width:"173px"},value:"Font Size"})}),C(We,{children:C(V,{style:{width:"173px"},value:"Font Name"})}),C(We,{children:C(V,{style:{width:"173px"},value:"Paragraph"})}),C(r,{icon:"table-add"}),Ce(L,{children:[C(r,{disabled:!0,icon:"undo"}),C(r,{disabled:!0,icon:"redo"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"link"}),C(r,{disabled:!0,icon:"unlink"}),C(r,{icon:"image"}),C(r,{icon:"code"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"table-row-insert-above"}),C(r,{disabled:!0,icon:"table-row-insert-below"}),C(r,{disabled:!0,icon:"table-column-insert-left"}),C(r,{disabled:!0,icon:"table-column-insert-right"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"table-row-delete"}),C(r,{disabled:!0,icon:"table-column-delete"}),C(r,{disabled:!0,icon:"table-delete"})]}),Ce(L,{children:[C(r,{disabled:!0,icon:"cells-merge"}),C(r,{disabled:!0,icon:"cell-split-horizontally"})]})],children:Ce("div",{className:"ProseMirror",children:[C("p",{children:"The Editor allows your users to edit HTML in a familiar, user-friendly way."}),Ce("p",{children:["In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",C("strong",{children:"outputs identical HTML"})," across all major browsers, follows accessibility standards, and provides API for content manipulation."]}),C("p",{children:"Features include:"}),Ce("ul",{children:[C("li",{children:"Text formatting"}),C("li",{children:"Bulleted and numbered lists"}),C("li",{children:"Hyperlinks"}),C("li",{children:"Cross-browser support"}),C("li",{children:"Identical HTML output across browsers"})]})]})})};wt.options=mm;wt.states=bm;wt.variants=hm;wt.defaultOptions=ls;wt.modifiers=fm;wt.className=xe.className;var HK=wt;export{wt as EditorDemo,HK as default};