@progress/kendo-themes-html/dist/esm/dock-manager/dock-manager.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 k=(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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),C=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:p,checked:i,active:c,selected:d,disabled:b,indeterminate:L,loading:S,empty:m,readonly:M,highlighted:x,...v}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":p,"k-checked":i,"k-active":c,"k-selected":d,"k-disabled":b,"k-indeterminate":L&&!i,"k-loading":S,"k-empty":m,"k-readonly":M,"k-highlighted":x},Object.keys(v).reduce((A,g)=>(g.startsWith("k-")?A[g]=v[g]:A[`k-${g}`]=v[g],A),{}))};function Dn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},f={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={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"};import{jsx as $a}from"react/jsx-runtime";var Fe="k-pane",Ua=[],Fa={},So={resizable:!0,flex:!1},se=e=>{let{scrollable:t,flexBasis:o,flex:a=So.flex,collapsible:l,resizable:p=So.resizable,pinned:i,unpinned:c,tabbed:d,...b}=e;return $a("div",{...b,style:{flexBasis:o,...e.style},className:s(e.className,Fe,{[`${Fe}-static`]:o,[`${Fe}-flex`]:a,"k-scrollable":t,[`${Fe}-pinned`]:i,[`${Fe}-unpinned`]:c,[`${Fe}-tabbed`]:d}),children:e.children})};se.states=Ua;se.options=Fa;se.className=Fe;se.defaultOptions=So;import{Fragment as qa,jsx as Gn}from"react/jsx-runtime";var vo="k-font-icon",Xa=[],Va={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Ja={},Ot=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:p,...i}=e;return a?Gn("span",{...i,className:s(e.className,vo,k(vo,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):Gn(qa,{})};Ot.states=Xa;Ot.options=Va;Ot.className=vo;Ot.defaultOptions=Ja;var Un=Ot;import{Fragment as Ya,jsx as Yt}from"react/jsx-runtime";var Eo="k-svg-icon",Wa=[],Qa={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},Fn={viewBox:"0 0 24 24"},yt=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:p=Fn.viewBox,icon:i,...c}=e;if(!i)return Yt(Ya,{});i==="none"&&{...c,className:s(e.className,Eo,"k-none")};let d=typeof i=="object"&&i.name&&i.name;return Yt("span",{...c,className:s(e.className,Eo,k("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:Yt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:p,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:e.children})})};yt.states=Wa;yt.options=Qa;yt.className=Eo;yt.defaultOptions=Fn;var ko=yt;import*as Co from"@progress/kendo-svg-icons";var $n="icon",Xn="icons";import{Fragment as Vn,jsx as Rt}from"react/jsx-runtime";var Zt="k-icon",Za=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ja=[],er={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark]},To={viewBox:"0 0 24 24",type:"svg"},E=e=>{let{size:t,themeColor:o,icon:a,type:l=To.type,rotate:p,flip:i,viewBox:c=To.viewBox,...d}=e;if(!a)return Rt(Vn,{});if(l==="svg"){if(a==="none")return Rt(ko,{...d,className:s(e.className,Zt),icon:a,size:t});let b=Co[a]?a:Za(`${a}-icon`);return Co[b]?Rt(ko,{...d,className:s(e.className,Zt),icon:Co[b],size:t,themeColor:o,rotate:p,flip:i,viewBox:c}):Rt(Vn,{})}return Rt(Un,{...d,className:s(e.className,Zt),icon:a,size:t,themeColor:o,rotate:p,flip:i})};E.states=ja;E.options=er;E.defaultOptions=To;E.className=Zt;E.moduleName=$n;E.folderName=Xn;import{Fragment as Jn,jsx as $e,jsxs as nr}from"react/jsx-runtime";var it="k-splitbar",tr=[n.hover,n.focus],or={},go={orientation:"horizontal",draggable:!0},Ie=e=>{let{hover:t,focus:o,orientation:a=go.orientation,draggable:l=go.draggable,collapsePrev:p,collapseNext:i,...c}=e;return nr("div",{...c,className:s(e.className,it,C(it,{hover:t,focus:o}),{[`${it}-${a}`]:a,[`${it}-draggable-${a}`]:l,[`${it}-static-${a}`]:!l&&!p&&!i}),children:[p&&$e(Jn,{children:$e("div",{className:"k-collapse-prev",children:$e(E,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),$e("div",{className:"k-resize-handle"}),i&&$e(Jn,{children:$e("div",{className:"k-collapse-next",children:$e(E,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ie.states=tr;Ie.options=or;Ie.className=it;Ie.defaultOptions=go;var Ao="splitter",qn=Ao;import{jsx as Wn}from"react/jsx-runtime";import{createElement as ar}from"react";var Io="k-splitter",sr={},Qn={orientation:"horizontal"},Xe=e=>{let{orientation:t=Qn.orientation,children:o,...a}=e,l=[];return o&&Array.isArray(o)&&o.map((p,i)=>{if(p.type===se){let c=o[i+1],d=p.props,b=c?.props;l.push(ar(se,{...d,key:i}),c&&Wn(Ie,{draggable:d.resizable!==!1&&b.resizable!==!1,collapsePrev:d.collapsible,collapseNext:b.collapsible,orientation:t},`splitbar-${i}`))}else l.push(p)}),Wn("div",{...a,className:s(e.className,Io,{[`${Io}-${t}`]:t},"k-splitter-flex"),children:l})};Xe.options=sr;Xe.className=Io;Xe.defaultOptions=Qn;Xe.moduleName=Ao;Xe.folderName=qn;import{jsx as Em,jsxs as km}from"react/jsx-runtime";import{jsx as Am,jsxs as Im}from"react/jsx-runtime";var Oo="button",Yn=Oo;import{Fragment as pr,jsx as Pt,jsxs as Zn}from"react/jsx-runtime";var Kt="k-button",rr=["icon-button"],ir=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],lr={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[f.base,f.primary,f.secondary,f.tertiary,f.success,f.warning,f.error,f.info,f.light,f.dark,f.inverse]},Ve={size:r.medium,rounded:N.medium,fillMode:u.solid,themeColor:f.base,showArrow:!1,arrowIconName:"caret-alt-down"},h=e=>{let{size:t=Ve.size,rounded:o=Ve.rounded,fillMode:a=Ve.fillMode,themeColor:l=Ve.themeColor,showArrow:p=Ve.showArrow,arrowIconName:i=Ve.arrowIconName,variant:c,hover:d,focus:b,active:L,selected:S,disabled:m,icon:M,text:x,iconClassName:v,...A}=e,g=M!==void 0,R=e.children!==void 0;return Zn("button",{...A,className:s(e.className,Kt,Dn(Kt,c),k(Kt,{size:t,rounded:o,fillMode:a,themeColor:l}),C(Kt,{hover:d,focus:b,active:L,disabled:m,selected:S}),{"k-icon-button":!x&&!R&&g}),children:[M&&Pt(E,{className:s(v,"k-button-icon"),icon:M}),x?Zn(pr,{children:[x&&Pt("span",{className:"k-button-text",children:x}),e.children]}):e.children&&Pt("span",{className:"k-button-text",children:e.children}),p&&Pt("span",{className:"k-menu-button-arrow k-button-arrow",children:Pt(E,{icon:i})})]})};h.states=ir;h.options=lr;h.variants=rr;h.className=Kt;h.defaultOptions=Ve;h.moduleName=Oo;h.folderName=Yn;import{jsx as mr}from"react/jsx-runtime";var jt=e=>mr(h,{icon:"folder",...e,children:void 0});import{jsx as cr}from"react/jsx-runtime";var yo=e=>cr(h,{icon:"folder",children:"Button",...e});import{jsx as Ym}from"react/jsx-runtime";var Ro="button",jn=Ro;import{jsx as fr}from"react/jsx-runtime";var Bt="k-button-group",dr=[n.disabled],ur={fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},es={fillMode:u.solid},K=e=>{let{fillMode:t=es.fillMode,disabled:o,stretched:a,...l}=e;return fr("div",{...l,className:s(e.className,Bt,k(Bt,{fillMode:t}),C(Bt,{disabled:o}),{[`${Bt}-stretched`]:a}),children:e.children})};K.states=dr;K.options=ur;K.className=Bt;K.defaultOptions=es;K.moduleName=Ro;K.folderName=jn;import{Fragment as uc,jsx as dc,jsxs as fc}from"react/jsx-runtime";import{Fragment as hc,jsx as Mc,jsxs as Sc}from"react/jsx-runtime";import{Fragment as gc,jsx as Tc,jsxs as Ac}from"react/jsx-runtime";import{Fragment as Kc,jsx as Pc,jsxs as Bc}from"react/jsx-runtime";var _t="input",eo=_t;import{jsx as Lr}from"react/jsx-runtime";var to="k-input",br=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Nr={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},oo={size:r.medium,rounded:r.medium,fillMode:u.solid},y=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:c,size:d=oo.size,rounded:b=oo.rounded,fillMode:L=oo.fillMode,...S}=e;return Lr("span",{...S,className:s(e.className,to,k(to,{size:d,rounded:b,fillMode:L}),C(to,{hover:t,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:c}))})};y.states=br;y.options=Nr;y.className=to;y.defaultOptions=oo;y.moduleName=_t;y.folderName=eo;import{jsx as hr}from"react/jsx-runtime";var no="k-picker",xr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Mr={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},so={size:r.medium,rounded:N.medium,fillMode:u.solid},X=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:c,size:d=so.size,rounded:b=so.rounded,fillMode:L=so.fillMode,...S}=e;return hr("span",{...S,className:s(e.className,no,k(no,{size:d,rounded:b,fillMode:L}),C(no,{hover:t,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:c})),children:e.children})};X.states=xr;X.options=Mr;X.className=no;X.defaultOptions=so;X.moduleName=_t;X.folderName=eo;import{Fragment as Er,jsx as Po}from"react/jsx-runtime";var ts="k-clear-value",Sr=[n.disabled,n.loading,n.readonly],vr={},ae=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Po(Er,{}):Po("span",{className:s(e.className,ts),children:Po(E,{icon:"x"})})};ae.states=Sr;ae.options=vr;ae.className=ts;import{jsx as Tr}from"react/jsx-runtime";var Ko="k-input-inner",kr=[],Cr={},ao={type:"text",autocomplete:"off",value:"",placeholder:""},re=e=>{let{value:t=ao.value,type:o=ao.type,placeholder:a=ao.placeholder,autocomplete:l=ao.autocomplete,...p}=e;return Tr("input",{...p,type:o,className:s(e.className,Ko,k(Ko,e)),placeholder:a,autoComplete:l,defaultValue:t})};re.states=kr;re.options=Cr;re.className=Ko;import{jsx as os,jsxs as Ir}from"react/jsx-runtime";var Bo="k-input-inner",gr=[],Ar={},Je=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:p,...i}=e;return Ir("span",{...i,className:s(e.className,Bo,k(Bo,e)),children:[l,!l&&p&&os(E,{className:"k-input-value-icon",icon:p}),a&&!t&&o,a&&t&&os("span",{className:"k-input-value-text",children:t})]})};Je.states=gr;Je.options=Ar;Je.className=Bo;import{jsx as Rr}from"react/jsx-runtime";var _o="k-input-inner",Or=[],yr={},ns={value:"",placeholder:""},zo=e=>{let{value:t=ns.value,placeholder:o=ns.placeholder,rows:a,...l}=e;return Rr("textarea",{...l,className:s(e.className,_o,k(_o,e)),placeholder:o,rows:a,defaultValue:t})};zo.states=Or;zo.options=yr;zo.className=_o;import{Fragment as Kr,jsx as ss}from"react/jsx-runtime";var as="k-input-loading-icon",Pr=[n.disabled,n.loading],Q=e=>{let{disabled:t,loading:o}=e;return t||!o?ss(Kr,{}):ss("span",{className:s(e.className,as,"k-icon k-i-loading")})};Q.states=Pr;Q.className=as;import{Fragment as zr,jsx as rs}from"react/jsx-runtime";var is="k-input-validation-icon",Br=[n.valid,n.invalid,n.disabled,n.loading],_r={},V=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,p=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?rs(zr,{}):rs(E,{className:s(is),icon:p})};V.states=Br;V.options=_r;V.className=is;import{Fragment as Dr,jsx as ls}from"react/jsx-runtime";var Hr="k-input-prefix",wr={direction:"horizontal"},de=e=>{let{direction:t=wr.direction,...o}=e;return e.children?ls("span",{...o,className:s(Hr,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ls(Dr,{})};import{Fragment as Fr,jsx as ps}from"react/jsx-runtime";var Gr="k-input-suffix",Ur={direction:"horizontal"},ue=e=>{let{direction:t=Ur.direction,...o}=e;return e.children?ps("span",{...o,className:s(Gr,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ps(Fr,{})};import{jsx as gd}from"react/jsx-runtime";import{jsx as yd}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var ms="k-input-separator",$r={direction:"vertical"},he=e=>{let{direction:t=$r.direction,...o}=e;return Xr("span",{...o,className:s(ms,e.className,{[`${ms}-${t}`]:t})})};import{jsx as cs,jsxs as qr}from"react/jsx-runtime";var ds="k-color-preview",Vr=[],Jr={},Oe=e=>{let{color:t,iconName:o,...a}=e;return qr("span",{...a,className:s(e.className,ds,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&cs(E,{icon:o,className:"k-color-preview-icon"}),cs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Oe.states=Vr;Oe.options=Jr;Oe.className=ds;var Ho="popup",us=Ho;import{jsx as fs}from"react/jsx-runtime";var bs="k-animation-container",Wr=[],Qr={},Ns={positionMode:"absolute"},fe=e=>{let{positionMode:t=Ns.positionMode,animationStyle:o,offset:a,...l}=e;return fs("div",{...l,style:{...a,...e.style},className:s(e.className,bs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:fs("div",{className:"k-child-animation-container",style:o,children:e.children})})};fe.states=Wr;fe.options=Qr;fe.className=bs;fe.defaultOptions=Ns;fe.moduleName=Ho;fe.folderName=us;var wo="popup",Ls=wo;import{jsx as xs}from"react/jsx-runtime";var Ms="k-popup",Yr=[],Zr={},hs={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:o=hs.positionMode,animationStyle:a,...l}=e;return xs(fe,{positionMode:o,offset:t,animationStyle:a,children:xs("div",{...l,className:s(e.className,Ms),children:e.children})})};z.states=Yr;z.options=Zr;z.className=Ms;z.defaultOptions=hs;z.moduleName=wo;z.folderName=Ls;var Do="action-buttons",Ss=Do;import{jsx as ti}from"react/jsx-runtime";var ro="k-actions",jr=[],ei={},Go={alignment:"start",orientation:"horizontal"},be=e=>{let{alignment:t=Go.alignment,orientation:o=Go.orientation,...a}=e;return ti("div",{...a,className:s(ro,{[`${ro}-${t}`]:t,[`${ro}-${o}`]:o},e.className),children:e.children})};be.states=jr;be.options=ei;be.className=ro;be.defaultOptions=Go;be.moduleName=Do;be.folderName=Ss;import{jsx as ni}from"react/jsx-runtime";var oi="k-actionsheet-footer",vs={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:t=vs.alignment,orientation:o=vs.orientation,template:a,as:l=a?"div":be,...p}=e;return ni(l,{...p,...!a&&{alignment:t,orientation:o},className:s(e.className,oi),children:e.children})};var Uo="searchbox",Es=Uo;import{jsx as Ht,jsxs as ri}from"react/jsx-runtime";var ks="k-searchbox",si=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ai={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},Fo={showIcon:!0,icon:"search",size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode},ie=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:p,hover:i,focus:c,valid:d,invalid:b,required:L,loading:S,disabled:m,showIcon:M=Fo.showIcon,icon:x=Fo.icon,...v}=e;return ri(y,{...v,size:a,rounded:l,fillMode:p,hover:i,focus:c,valid:d,invalid:b,required:L,loading:S,disabled:m,className:s(e.className,ks),children:[M&&Ht(E,{className:"k-input-icon",icon:x}),Ht(re,{placeholder:o,value:t}),Ht(Q,{...e}),Ht(V,{...e}),Ht(ae,{...e})]})};ie.states=si;ie.options=ai;ie.className=ks;ie.defaultOptions=Fo;ie.moduleName=Uo;ie.folderName=Es;import{jsx as Hu}from"react/jsx-runtime";var $o="textbox",Cs=$o;import{Fragment as Ts,jsx as ye,jsxs as Xo}from"react/jsx-runtime";var gs="k-textbox",ii=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],li={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},qe={showClearButton:!0,showValidationIcon:!0,size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=qe.size,rounded:o=qe.rounded,fillMode:a=qe.fillMode,separators:l=qe.separators,showClearButton:p=qe.showClearButton,showValidationIcon:i=qe.showValidationIcon,prefix:c,suffix:d,type:b,value:L,placeholder:S,hover:m,focus:M,valid:x,invalid:v,required:A,loading:g,disabled:R,readonly:G,...Ae}=e;return Xo(y,{...Ae,size:t,rounded:o,fillMode:a,hover:m,focus:M,valid:x,invalid:v,required:A,loading:g,disabled:R,readonly:G,className:s(e.className,gs),children:[c&&Xo(Ts,{children:[ye(de,{children:c}),l&&ye(he,{})]}),ye(re,{placeholder:S,value:L,type:b}),i&&ye(V,{valid:x,invalid:v,loading:g,disabled:R}),ye(Q,{loading:g,disabled:R}),p&&ye(ae,{loading:g,disabled:R,readonly:G,value:L}),d&&Xo(Ts,{children:[l&&ye(he,{}),ye(ue,{children:d})]})]})};Ne.states=ii;Ne.options=li;Ne.className=gs;Ne.defaultOptions=qe;Ne.moduleName=$o;Ne.folderName=Cs;import{jsx as Yu}from"react/jsx-runtime";import{Fragment as nf,jsx as of}from"react/jsx-runtime";import{Fragment as cf,jsx as mf}from"react/jsx-runtime";import{jsx as Re,jsxs as Vo}from"react/jsx-runtime";var Is="k-actionsheet-titlebar",pi={},Y=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:p,input:i,inputValue:c,inputPlaceholder:d,adaptive:b,children:L,...S}=e;return Vo("div",{...S,className:s(e.className,Is),children:[Vo("div",{className:"k-actionsheet-titlebar-group",children:[a&&Re("div",{className:"k-actionsheet-actions",children:a}),!L&&Vo("div",{className:"k-actionsheet-title",children:[t&&Re("div",{className:"k-text-center",children:t}),o&&Re("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Re("div",{className:"k-actionsheet-title",children:L}),l&&Re("div",{className:"k-actionsheet-actions",children:l})]}),(i||p)&&Re("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:i?Re(Ne,{value:c,placeholder:d,size:b?"large":"medium"}):Re(ie,{placeholder:"Filter",size:b?"large":"medium"})})]})};Y.className=Is;Y.defaultOptions=pi;import{jsx as Jo,jsxs as ui}from"react/jsx-runtime";var qo="k-actionsheet-view",mi=[],ci={},di={},lt=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:p,...i}=e,c=l?.type===Y&&Jo(Y,{adaptive:t,...l?.props}),d=p?.type===zt&&Jo(zt,{...p?.props});return ui("div",{...i,className:s(e.className,qo,{[`${qo}-animated`]:o}),children:[c,Jo("div",{className:"k-actionsheet-content",children:a}),d]})};lt.states=mi;lt.options=ci;lt.className=qo;lt.defaultOptions=di;var wt="action-sheet",io=wt;import{jsx as lo,jsxs as Ni}from"react/jsx-runtime";var Os="k-actionsheet",fi=[],bi={},Dt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Dt.side,fullscreen:o=Dt.fullscreen,adaptive:a=Dt.adaptive,overlay:l=Dt.overlay,template:p,children:i,header:c,footer:d,...b}=e;return Ni("div",{className:"k-actionsheet-container",children:[l&&lo("div",{className:"k-overlay"}),lo(fe,{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:lo("div",{...b,className:s(e.className,Os,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:p||lo(lt,{header:c,footer:d,adaptive:a,...e,children:i})})})]})};J.states=fi;J.options=bi;J.className=Os;J.defaultOptions=Dt;J.moduleName=wt;J.folderName=io;import{jsx as hi}from"react/jsx-runtime";var ys="k-actionsheet-container",Li=[],xi={},Mi={},pt=e=>{let{children:t,...o}=e;return hi("div",{...o,className:ys,children:t})};pt.states=Li;pt.options=xi;pt.className=ys;pt.defaultOptions=Mi;pt.moduleName=wt;pt.folderName=io;import{jsx as Df}from"react/jsx-runtime";import{Fragment as vi,jsx as Gt,jsxs as Wo}from"react/jsx-runtime";var Qo="k-actionsheet-item",Si=[n.hover,n.focus,n.selected,n.disabled],Yo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:p,selected:i,disabled:c,...d}=e;return Wo("span",{...d,className:s(e.className,Qo,C(Qo,{hover:l,focus:p,selected:i,disabled:c})),children:[!e.children&&Gt(vi,{children:Wo("span",{className:"k-actionsheet-action",children:[t&&Gt("span",{className:"k-icon-wrap",children:Gt(E,{className:"k-actionsheet-item-icon",icon:t})}),Wo("span",{className:"k-actionsheet-item-text",children:[o&&Gt("span",{className:"k-actionsheet-item-title",children:o}),a&&Gt("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Yo.states=Si;Yo.className=Qo;import{jsx as Wf,jsxs as Qf}from"react/jsx-runtime";import{jsx as eb}from"react/jsx-runtime";import{jsx as sb}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var Zo="slider",Ps=Zo;import{jsx as mt,jsxs as jo}from"react/jsx-runtime";var Ut="k-slider",Ei=[n.hover,n.focus,n.active,n.disabled,n.readonly],ki={},Pe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},U=e=>{let{type:t=Pe.type,orientation:o=Pe.orientation,readonly:a=Pe.readonly,disabled:l=Pe.disabled,handlePosition:p=Pe.handlePosition,showButtons:i=Pe.showButtons,showTicks:c=Pe.showTicks,hover:d,focus:b,active:L,trackStyle:S,dir:m,...M}=e,x,v;return o==="horizontal"?(x=m==="rtl"?"caret-alt-left":"caret-alt-right",v=m==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(x="caret-alt-up",v="caret-alt-down"),jo("div",{...M,className:s(Ut,e.className,C(Ut,{readonly:a,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:m,children:[i&&mt(h,{className:"k-button-decrease",rounded:"full",icon:v}),jo("div",{className:"k-slider-track-wrap",children:[c&&mt("ul",{className:"k-reset k-slider-items",children:e.children}),jo("div",{className:"k-slider-track",style:S,children:[mt("div",{className:"k-slider-selection"}),t==="range"&&mt("span",{className:s("k-draghandle","k-draghandle-start",C(Ut,{hover:d,focus:b,active:L}))}),mt("span",{className:s("k-draghandle",`k-draghandle-${p}`,C(Ut,{hover:d,focus:b,active:L}))})]})]}),i&&mt(h,{className:"k-button-increase",rounded:"full",icon:x})]})};U.states=Ei;U.options=ki;U.className=Ut;U.defaultOptions=Pe;U.moduleName=Zo;U.folderName=Ps;import{jsx as Ks}from"react/jsx-runtime";var Bs="k-tick",Ci=[],Ti={},_s={label:!1},Ke=e=>{let{style:t,label:o=_s.label,orientation:a,large:l,text:p,...i}=e;return Ks("li",{...i,className:s(e.className,Bs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Ks("span",{className:"k-label",children:p})})};Ke.states=Ci;Ke.options=Ti;Ke.className=Bs;Ke.defaultOptions=_s;import{Fragment as Kb,jsx as Pb,jsxs as Bb}from"react/jsx-runtime";import{Fragment as Db,jsx as wb,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Vb,jsx as Xb,jsxs as Jb}from"react/jsx-runtime";import{Fragment as Zb,jsx as Yb,jsxs as jb}from"react/jsx-runtime";import{jsx as gi}from"react/jsx-runtime";var en=e=>gi(U,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Ai}from"react/jsx-runtime";var tn=e=>Ai(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{jsx as zs,jsxs as Pi}from"react/jsx-runtime";var Hs="k-spin-button",yi=[],Ri={size:[r.small,r.medium,r.large],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},on={size:r.medium,fillMode:u.solid},Be=e=>{let{size:t=on.size,fillMode:o=on.fillMode,...a}=e;return Pi("span",{...a,className:s(Hs,e.className),children:[zs(h,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),zs(h,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Be.states=yi;Be.options=Ri;Be.className=Hs;Be.defaultOptions=on;Be.moduleName=null;Be.folderName=null;var ws="numeric-textbox",Ds="numerictextbox";import{Fragment as Gs,jsx as Se,jsxs as nn}from"react/jsx-runtime";var Us="k-numerictextbox",Ki=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Bi={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},We={showSpinButton:!0,showClearButton:!0,size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},B=e=>{let{size:t=We.size,rounded:o=We.rounded,fillMode:a=We.fillMode,separators:l=We.separators,showClearButton:p=We.showClearButton,showSpinButton:i=We.showSpinButton,prefix:c,suffix:d,value:b,placeholder:L,hover:S,focus:m,valid:M,invalid:x,required:v,loading:A,disabled:g,readonly:R,...G}=e;return nn(y,{...G,size:t,rounded:o,fillMode:a,hover:S,focus:m,valid:M,invalid:x,required:v,loading:A,disabled:g,readonly:R,className:s(e.className,Us),children:[c&&nn(Gs,{children:[Se(de,{children:c}),l&&Se(he,{})]}),Se(re,{placeholder:L,value:b}),Se(V,{valid:M,invalid:x,loading:A,disabled:g}),Se(Q,{loading:A,disabled:g}),p&&Se(ae,{loading:A,disabled:g,readonly:R,value:b}),d&&nn(Gs,{children:[l&&Se(he,{}),Se(ue,{children:d})]}),i&&Se(Be,{className:"k-input-spinner",size:t,fillMode:a})]})};B.states=Ki;B.options=Bi;B.className=Us;B.defaultOptions=We;B.moduleName=ws;B.folderName=Ds;import{jsx as PN}from"react/jsx-runtime";import{jsx as zi}from"react/jsx-runtime";var _i="k-no-data",Ft=e=>zi("span",{className:s(_i,e.className),children:e.children});var ve="list",_e=ve;import{jsx as ct,jsxs as $s}from"react/jsx-runtime";var sn="k-list",Hi=[],wi={size:[r.small,r.medium,r.large]},Xs={size:r.medium},P=e=>{let{size:t=Xs.size,virtualization:o,children:a,optionLabel:l,customValue:p,screenReaders:i,...c}=e,d,b,L,S,m=[];return a?a.map((M,x)=>{M.type===w?(M.props.root===!0?(d=M.props.label,M.props.children.map((v,A)=>{m.push(ct(T,{...v.props},`optChild-${A}-${new Date().getTime()}`))})):M.props.children.forEach((v,A)=>{let g="";A===0&&(g=M.props.label),m.push(ct(T,{className:A===0?"k-first":"",...v.props,groupLabel:g},`groupLabel-${A}-${new Date().getTime()}`))}),b=ct(w,{label:d,virtualization:o,children:m})):M.type===T&&(m.push(ct(T,{...M.props},`${M.type}-${x}`)),L=ct(dt,{virtualization:o,children:m}),i&&(S=$s(Ft,{className:"k-sr-only",children:[m.length," items found."]})))}):S=ct(Ft,{children:"No data found."}),$s("div",{...c,className:s(e.className,sn,k(sn,{size:t}),{"k-virtual-list":o}),children:[l,p,b,L,S]})};P.states=Hi;P.options=wi;P.className=sn;P.defaultOptions=Xs;P.moduleName=ve;P.folderName=_e;import{jsx as Fi}from"react/jsx-runtime";var Vs="k-list-container",Di=[],Gi={},Ui={},ut=e=>{let{...t}=e;return Fi("div",{...t,className:s(e.className,Vs),children:e.children})};ut.states=Di;ut.options=Gi;ut.className=Vs;ut.defaultOptions=Ui;ut.moduleName=ve;ut.folderName=_e;import{jsx as Qe,jsxs as Vi}from"react/jsx-runtime";var an="k-list",$i=[],Xi={size:[r.small,r.medium,r.large]},Js={size:r.medium},Ee=e=>{let{size:t=Js.size,virtualization:o,children:a,...l}=e,p,i,c,d=[];return a?a.map((b,L)=>{b.type===w?(b.props.root===!0?(p=b.props.label,b.props.children.map((S,m)=>{d.push(Qe(T,{...S.props},`optChild-${m}-${new Date().getTime()}`))})):(d.push(Qe(qs,{...b.props,children:b.props.label},`listChild-${L}`)),b.props.children.map((S,m)=>{d.push(Qe(T,{...S.props},`fwOptChild-${m}-${new Date().getTime()}`))})),i=Qe(w,{label:p,virtualization:o,children:d})):b.type===T&&(d.push(Qe(T,{...b.props},`${b.type}-${L}`)),c=Qe(dt,{virtualization:o,children:d}))}):c=Qe(Ft,{children:"No data found."}),Vi("div",{...l,className:s(e.className,an,k(an,{size:t}),{"k-virtual-list":o}),children:[i,c]})};Ee.states=$i;Ee.options=Xi;Ee.className=an;Ee.defaultOptions=Js;Ee.moduleName=ve;Ee.folderName=_e;var Ye="checkbox",ft=Ye;import{jsx as Ws}from"react/jsx-runtime";var po="k-checkbox",Ji=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],qi={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full]},rn={size:r.medium,rounded:N.medium},Le=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:p,disabled:i,invalid:c,valid:d,required:b,size:L=rn.size,rounded:S=rn.rounded,...m}=e;return Ws("span",{className:"k-checkbox-wrap",children:Ws("input",{...m,id:t,type:"checkbox",defaultChecked:o,required:b,className:s(e.className,po,k(po,{size:L,rounded:S}),C(po,{hover:l,focus:p,disabled:i,invalid:c,valid:d,indeterminate:a,checked:o}))})})};Le.states=Ji;Le.options=qi;Le.className=po;Le.defaultOptions=rn;Le.moduleName=Ye;Le.folderName=ft;import{jsx as Yi}from"react/jsx-runtime";var Qs="k-checkbox-list",Wi=[],Qi={},Ys={layout:"vertical"},ze=e=>{let{layout:t=Ys.layout,...o}=e;return Yi("ul",{...o,className:s(e.className,Qs,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Wi;ze.options=Qi;ze.className=Qs;ze.defaultOptions=Ys;ze.moduleName=Ye;ze.folderName=ft;import{jsx as tl}from"react/jsx-runtime";var Zs="k-checkbox-list-item",Zi=[],ji={},el={},He=e=>{let{...t}=e;return tl("li",{...t,className:s(e.className,Zs),children:e.children})};He.states=Zi;He.options=ji;He.className=Zs;He.defaultOptions=el;He.moduleName=Ye;He.folderName=ft;import{Fragment as ML,jsx as xL,jsxs as hL}from"react/jsx-runtime";import{Fragment as CL,jsx as kL,jsxs as TL}from"react/jsx-runtime";import{Fragment as yL,jsx as OL,jsxs as RL}from"react/jsx-runtime";import{Fragment as zL,jsx as _L,jsxs as HL}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as mo,jsxs as al}from"react/jsx-runtime";var pn="k-list-item",ol=[n.hover,n.focus,n.selected,n.disabled],nl={},sl={},T=e=>{let{text:t,groupLabel:o,group:a,showIcon:l,iconName:p,showCheckbox:i,checked:c,hover:d,focus:b,selected:L,disabled:S,...m}=e,M=t||e.children;return al("li",{...m,className:s(e.className,a?"k-list-group-item":pn,C(pn,{hover:d,focus:b,disabled:S,selected:L})),children:[i&&mo(Le,{checked:c}),l&&mo(E,{icon:p}),mo("span",{className:"k-list-item-text",children:M}),o&&o!==""&&mo("div",{className:"k-list-item-group-label",children:o})]})};T.states=ol;T.options=nl;T.className=pn;T.defaultOptions=sl;T.moduleName=ve;T.folderName=_e;import{jsx as mn,jsxs as il}from"react/jsx-runtime";var rl="k-list-content",dt=e=>{let{virtualization:t,...o}=e;return il("div",{...o,className:s(rl,e.className),children:[mn("ul",{className:s("k-list-ul"),children:e.children}),t&&mn("div",{className:"k-height-container",children:mn("div",{})})]})};import{jsx as js}from"react/jsx-runtime";var ll="k-list-group-sticky-header",ea=e=>js("div",{className:s(ll,e.className),children:js("div",{className:"k-list-header-text",children:e.children})});import{Fragment as pl,jsx as ta,jsxs as ml}from"react/jsx-runtime";var w=e=>{let{virtualization:t,label:o}=e;return ml(pl,{children:[o&&ta(ea,{children:o}),e.children&&ta(dt,{virtualization:t,children:e.children})]})};import{jsx as oa}from"react/jsx-runtime";var cl="k-list-group-item",qs=e=>oa("li",{className:s(cl,e.className),children:oa("span",{className:"k-list-item-text",children:e.children})});import{jsx as bl}from"react/jsx-runtime";var cn="k-list-optionlabel",dl=[n.hover,n.focus,n.selected,n.disabled],ul={},fl={},co=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:p,...i}=e;return bl("div",{...i,className:s(cn,C(cn,{hover:o,focus:a,selected:l,disabled:p})),children:t})};co.states=dl;co.options=ul;co.className=cn;co.defaultOptions=fl;import{jsx as Ml}from"react/jsx-runtime";var dn="k-list-custom-value",Nl=[n.hover,n.focus,n.selected,n.disabled],Ll={},xl={},we=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:p,...i}=e;return Ml("div",{...i,className:s(dn,C(dn,{hover:o,focus:a,selected:l,disabled:p})),children:t})};we.states=Nl;we.options=Ll;we.className=dn;we.defaultOptions=xl;import{jsx as Ox}from"react/jsx-runtime";import{jsx as Kx}from"react/jsx-runtime";import{jsx as Hx,jsxs as wx}from"react/jsx-runtime";import{jsx as Fx,jsxs as $x}from"react/jsx-runtime";import{jsx as qx}from"react/jsx-runtime";import{jsx as Zx,jsxs as jx}from"react/jsx-runtime";import{jsx as nM,jsxs as sM}from"react/jsx-runtime";var na="dropdown-list",sa="dropdownlist";import{Fragment as vl,jsx as F,jsxs as un}from"react/jsx-runtime";var aa="k-dropdownlist",hl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Sl={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},bt={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:N.medium,fillMode:u.solid},xe=e=>{let{size:t=bt.size,rounded:o=bt.rounded,fillMode:a=bt.fillMode,arrowIconName:l=bt.arrowIconName,showValue:p=bt.showValue,valueIconName:i,prefix:c,suffix:d,value:b,placeholder:L,hover:S,focus:m,valid:M,invalid:x,required:v,loading:A,disabled:g,readonly:R,popup:G,opened:Ae,adaptive:At,adaptiveSettings:It,adaptiveTitle:Mo,adaptiveSubtitle:ho,adaptiveFilter:Da,...Ga}=e;return un(vl,{children:[un(X,{...Ga,size:t,rounded:o,fillMode:a,hover:S,focus:m,valid:M,invalid:x,required:v,loading:A,disabled:g,readonly:R,className:s(e.className,aa,{"k-icon-picker":!p&&i}),children:[F(de,{children:c}),F(Je,{placeholder:L,value:b,showValue:p,valueIconName:i}),F(V,{valid:M,invalid:x,loading:A,disabled:g}),F(Q,{loading:A,disabled:g}),F(ue,{children:d}),F(h,{className:"k-input-button",icon:l,rounded:null,size:e.size,fillMode:e.fillMode})]}),Ae&&G&&F(z,{className:"k-list-container k-dropdownlist-popup",children:G}),At&&F(J,{adaptive:!0,...It,header:F(Y,{actionsEnd:F(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Da,inputValue:b,inputPlaceholder:L,title:Mo,subtitle:ho}),children:F("div",{className:"k-list-container",children:un(P,{size:"large",children:[F(T,{text:"List item"}),F(T,{text:"List item"}),F(T,{text:"List item"})]})})})]})};xe.states=hl;xe.options=Sl;xe.className=aa;xe.defaultOptions=bt;xe.moduleName=na;xe.folderName=sa;import{jsx as zM}from"react/jsx-runtime";import{jsx as UM,jsxs as FM}from"react/jsx-runtime";import{Fragment as YM,jsx as WM,jsxs as QM}from"react/jsx-runtime";import{jsx as th}from"react/jsx-runtime";import{jsx as rh,jsxs as ih}from"react/jsx-runtime";import{jsx as dh,jsxs as uh}from"react/jsx-runtime";import{Fragment as Sh,jsx as Mh,jsxs as hh}from"react/jsx-runtime";import{Fragment as Ih,jsx as gh,jsxs as Ah}from"react/jsx-runtime";import{Fragment as Xh,jsx as $h}from"react/jsx-runtime";import{Fragment as Zh,jsx as Yh}from"react/jsx-runtime";import{Fragment as $t,jsx as I,jsxs as _}from"react/jsx-runtime";var ra="k-colorgradient-inputs",El=[],kl={size:[r.small,r.medium,r.large]},ia={mode:"rgba",size:r.medium},Nt=e=>{let{mode:t=ia.mode,size:o,...a}=e;return _("div",{...a,className:s(ra,"k-hstack"),children:[I("div",{className:"k-vstack",children:I(h,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&_($t,{children:[_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),I("label",{className:"k-colorgradient-input-label",children:"B"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&_($t,{children:[_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"R"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"G"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&_($t,{children:[_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),I("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&_($t,{children:[_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"H"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"S"})]}),_("div",{className:"k-vstack",children:[I(B,{showSpinButton:!1,showClearButton:!1,value:"132"}),I("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&I($t,{children:_("div",{className:"k-vstack k-flex-1",children:[I(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),I("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Nt.states=El;Nt.options=kl;Nt.className=ra;Nt.defaultOptions=ia;import{jsx as je,jsxs as et}from"react/jsx-runtime";var la="k-colorgradient-color-contrast",Cl=[],Tl={},gl={},Lt=()=>et("div",{className:s(la,"k-vbox"),children:[et("div",{className:"k-contrast-ratio",children:[je("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),et("span",{className:"k-contrast-validation !k-text-success",children:[je(E,{icon:"check"}),je(E,{icon:"check"})]})]}),et("div",{children:[je("span",{children:"AA: 4.5"}),et("span",{className:"k-contrast-validation !k-text-success",children:["Pass",je(E,{icon:"check"})]})]}),et("div",{children:[je("span",{children:"AAA: 7.0"}),et("span",{className:"k-contrast-validation !k-text-error",children:["Fail",je(E,{icon:"x"})]})]})]});Lt.states=Cl;Lt.options=Tl;Lt.className=la;Lt.defaultOptions=gl;var pa="color-gradient",ma="colorgradient";import{jsx as Z,jsxs as Xt}from"react/jsx-runtime";var uo="k-colorgradient",Al=[n.hover,n.focus,n.readonly,n.disabled],Il={size:[r.small,r.medium,r.large]},le={size:r.medium,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"},Me=e=>{let{size:t=le.size,mode:o=le.mode,readonly:a=le.readonly,disabled:l=le.disabled,gradientStyle:p=le.gradientStyle,dragHandleStyle:i=le.dragHandleStyle,alphaStyle:c=le.alphaStyle,alphaStyleHorizontal:d=le.alphaStyleHorizontal,contrast:b=le.contrast,dir:L,hover:S,focus:m,hoverHandle:M,focusHandle:x,canvasOrientation:v=le.canvasOrientation,...A}=e;return Xt("div",{...A,className:s(e.className,uo,k(uo,{size:t}),C(uo,{hover:S,focus:m,readonly:a,disabled:l})),dir:L,children:[!v||v==="horizontal"&&Xt("div",{className:"k-colorgradient-canvas k-hstack",children:[Z("div",{className:"k-hsv-rectangle",style:p,children:Z("div",{className:"k-hsv-gradient",children:Z("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":x}),style:i})})}),Xt("div",{className:"k-hsv-controls k-hstack",children:[Z(tn,{className:"k-hue-slider",hover:M,focus:x}),o!=="rgb"&&o!=="hsv"&&Z(tn,{className:"k-alpha-slider",hover:M,focus:x,trackStyle:c})]})]}),v==="vertical"&&Xt("div",{className:"k-colorgradient-canvas k-vstack",children:[Z("div",{className:"k-hsv-rectangle",style:p,children:Z("div",{className:"k-hsv-gradient",children:Z("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":x}),style:i})})}),Xt("div",{className:"k-hsv-controls k-vstack",children:[Z(en,{className:"k-hue-slider",hover:M,focus:x}),o!=="rgb"&&o!=="hsv"&&Z(en,{className:"k-alpha-slider",hover:M,focus:x,trackStyle:d})]})]}),Z(Nt,{mode:e.mode,size:t}),b&&Z(Lt,{})]})};Me.states=Al;Me.options=Il;Me.className=uo;Me.defaultOptions=le;Me.moduleName=pa;Me.folderName=ma;import{jsx as CS}from"react/jsx-runtime";import{jsx as IS}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var ca=e=>Ol("tr",{children:e.children});import{jsx as Pl}from"react/jsx-runtime";var fn="k-colorpalette-tile",yl=[n.hover,n.focus,n.selected],Rl={},Vt=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:p,...i}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Pl("td",{...i,className:s(e.className,fn,C(fn,{hover:a,focus:l,selected:p})),style:c})};Vt.states=yl;Vt.options=Rl;Vt.className=fn;var da="color-palette",ua="colorpalette";import{jsx as Jt}from"react/jsx-runtime";var fo="k-colorpalette",Kl=[n.disabled],Bl={size:[r.small,r.medium,r.large]},bn={columns:10,size:r.medium},De=e=>{let{size:t=bn.size,palette:o,columns:a=bn.columns,tileSize:l,disabled:p,...i}=e,c=[];if(o){let d=a||o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/d)},(L,S)=>{let m=[];b.slice(S*d,(S+1)*d).map((x,v)=>{m.push(Jt(Vt,{color:x,tileSize:l},v))});let M=Jt(ca,{children:m},S);c.push(M)})}return Jt("div",{...i,className:s(e.className,fo,C(fo,{disabled:p}),k(fo,{size:t})),children:Jt("table",{className:"k-colorpalette-table",children:Jt("tbody",{children:c.length>0?c:e.children})})})};De.states=Kl;De.options=Bl;De.className=fo;De.defaultOptions=bn;De.moduleName=da;De.folderName=ua;var Nn={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 ev}from"react/jsx-runtime";var fa="color-editor",ba="coloreditor";import{jsx as j,jsxs as xt}from"react/jsx-runtime";var bo="k-coloreditor",_l=[n.focus],zl={size:[r.small,r.medium,r.large]},Mt={size:r.medium,view:"gradient",palette:Nn.office,actionButtons:!0,canvasOrientation:"horizontal"},ee=e=>{let{size:t=Mt.size,view:o=Mt.view,palette:a=Mt.palette,color:l,currentColor:p,focus:i,focusView:c,dir:d,group:b,actionButtons:L=Mt.actionButtons,canvasOrientation:S=Mt.canvasOrientation,...m}=e;return xt("div",{...m,className:s(e.className,"k-flatcolorpicker",bo,k(bo,{size:t}),C(bo,{focus:i})),dir:d,children:[xt("div",{className:"k-coloreditor-header k-hstack",children:[j("div",{className:"k-coloreditor-header-actions k-hstack",childr