@progress/kendo-themes-html/dist/esm/editor/templates/editor-responsive-toolbar.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,a)=>e[a]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),g=(t,e)=>{let{valid:o,invalid:a,hover:l,focus:p,checked:i,active:d,selected:b,disabled:L,indeterminate:x,loading:S,empty:m,readonly:h,highlighted:M,...E}=e;return s({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":p,"k-checked":i,"k-active":d,"k-selected":b,"k-disabled":L,"k-indeterminate":x&&!i,"k-loading":S,"k-empty":m,"k-readonly":h,"k-highlighted":M},Object.keys(E).reduce((I,T)=>(T.startsWith("k-")?I[T]=E[T]:I[`k-${T}`]=E[T],I),{}))};function Rn(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];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 Br}from"react/jsx-runtime";var Lo="k-editor-content",yr=[n.focus],Je=t=>{let{focus:e,...o}=t;return Br("div",{...o,className:s(t.className,Lo,g(Lo,{focus:e})),children:t.children})};Je.states=yr;Je.className=Lo;import{Fragment as Pr,jsx as Kn}from"react/jsx-runtime";var xo="k-font-icon",Rr=[],Kr={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]},_r={},ve=t=>{let{size:e,themeColor:o,icon:a,rotate:l,flip:p,...i}=t;return a?Kn("span",{...i,className:s(t.className,xo,v(xo,{size:e}),{[`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"})}):Kn(Pr,{})};ve.states=Rr;ve.options=Kr;ve.className=xo;ve.defaultOptions=_r;var _n=ve;import{Fragment as Hr,jsx as qe}from"react/jsx-runtime";var Mo="k-svg-icon",zr=[],wr={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]},Pn={viewBox:"0 0 24 24"},ge=t=>{let{size:e,themeColor:o,rotate:a,flip:l,viewBox:p=Pn.viewBox,icon:i,...d}=t;if(!i)return qe(Hr,{});i==="none"&&{...d,className:s(t.className,Mo,"k-none")};let b=typeof i=="object"&&i.name&&i.name;return qe("span",{...d,className:s(t.className,Mo,v("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:qe("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:t.children})})};ge.states=zr;ge.options=wr;ge.className=Mo;ge.defaultOptions=Pn;var ho=ge;import*as So from"@progress/kendo-svg-icons";var zn="icon",wn="icons";import{Fragment as Hn,jsx as Ce}from"react/jsx-runtime";var We="k-icon",Dr=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Gr=[],Ur={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]},Eo={viewBox:"0 0 24 24",type:"svg"},k=t=>{let{size:e,themeColor:o,icon:a,type:l=Eo.type,rotate:p,flip:i,viewBox:d=Eo.viewBox,...b}=t;if(!a)return Ce(Hn,{});if(l==="svg"){if(a==="none")return Ce(ho,{...b,className:s(t.className,We),icon:a,size:e});let L=So[a]?a:Dr(`${a}-icon`);return So[L]?Ce(ho,{...b,className:s(t.className,We),icon:So[L],size:e,themeColor:o,rotate:p,flip:i,viewBox:d}):Ce(Hn,{})}return Ce(_n,{...b,className:s(t.className,We),icon:a,size:e,themeColor:o,rotate:p,flip:i})};k.states=Gr;k.options=Ur;k.defaultOptions=Eo;k.className=We;k.moduleName=zn;k.folderName=wn;var ko="button",Dn=ko;import{Fragment as Vr,jsx as Te,jsxs as Gn}from"react/jsx-runtime";var Ie="k-button",Fr=["icon-button"],$r=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Xr={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]},$t={size:r.medium,rounded:N.medium,fillMode:u.solid,themeColor:f.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=t=>{let{size:e=$t.size,rounded:o=$t.rounded,fillMode:a=$t.fillMode,themeColor:l=$t.themeColor,showArrow:p=$t.showArrow,arrowIconName:i=$t.arrowIconName,variant:d,hover:b,focus:L,active:x,selected:S,disabled:m,icon:h,text:M,iconClassName:E,...I}=t,T=h!==void 0,R=t.children!==void 0;return Gn("button",{...I,className:s(t.className,Ie,Rn(Ie,d),v(Ie,{size:e,rounded:o,fillMode:a,themeColor:l}),g(Ie,{hover:b,focus:L,active:x,disabled:m,selected:S}),{"k-icon-button":!M&&!R&&T}),children:[h&&Te(k,{className:s(E,"k-button-icon"),icon:h}),M?Gn(Vr,{children:[M&&Te("span",{className:"k-button-text",children:M}),t.children]}):t.children&&Te("span",{className:"k-button-text",children:t.children}),p&&Te("span",{className:"k-menu-button-arrow k-button-arrow",children:Te(k,{icon:i})})]})};c.states=$r;c.options=Xr;c.variants=Fr;c.className=Ie;c.defaultOptions=$t;c.moduleName=ko;c.folderName=Dn;import{jsx as Jr}from"react/jsx-runtime";var Qe=t=>Jr(c,{icon:"folder",...t,children:void 0});import{jsx as qr}from"react/jsx-runtime";var vo=t=>qr(c,{icon:"folder",children:"Button",...t});import{jsx as sm}from"react/jsx-runtime";var go="button",Un=go;import{jsx as Yr}from"react/jsx-runtime";var Ae="k-button-group",Wr=[n.disabled],Qr={fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},Fn={fillMode:u.solid},y=t=>{let{fillMode:e=Fn.fillMode,disabled:o,stretched:a,...l}=t;return Yr("div",{...l,className:s(t.className,Ae,v(Ae,{fillMode:e}),g(Ae,{disabled:o}),{[`${Ae}-stretched`]:a}),children:t.children})};y.states=Wr;y.options=Qr;y.className=Ae;y.defaultOptions=Fn;y.moduleName=go;y.folderName=Un;import{Fragment as hm,jsx as Mm,jsxs as Sm}from"react/jsx-runtime";import{Fragment as Tm,jsx as Cm,jsxs as Im}from"react/jsx-runtime";import{Fragment as Km,jsx as Rm,jsxs as _m}from"react/jsx-runtime";import{Fragment as Gm,jsx as Dm,jsxs as Um}from"react/jsx-runtime";var Oe="input",Ye=Oe;import{jsx as ta}from"react/jsx-runtime";var Ze="k-input",Zr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],jr={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},je={size:r.medium,rounded:r.medium,fillMode:u.solid},B=t=>{let{hover:e,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:d,size:b=je.size,rounded:L=je.rounded,fillMode:x=je.fillMode,...S}=t;return ta("span",{...S,className:s(t.className,Ze,v(Ze,{size:b,rounded:L,fillMode:x}),g(Ze,{hover:e,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:d}))})};B.states=Zr;B.options=jr;B.className=Ze;B.defaultOptions=je;B.moduleName=Oe;B.folderName=Ye;import{jsx as na}from"react/jsx-runtime";var to="k-picker",ea=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],oa={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},eo={size:r.medium,rounded:N.medium,fillMode:u.solid},V=t=>{let{hover:e,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:d,size:b=eo.size,rounded:L=eo.rounded,fillMode:x=eo.fillMode,...S}=t;return na("span",{...S,className:s(t.className,to,v(to,{size:b,rounded:L,fillMode:x}),g(to,{hover:e,focus:o,disabled:a,invalid:l,valid:p,loading:i,readonly:d})),children:t.children})};V.states=ea;V.options=oa;V.className=to;V.defaultOptions=eo;V.moduleName=Oe;V.folderName=Ye;import{Fragment as aa,jsx as Co}from"react/jsx-runtime";var $n="k-clear-value",sa=[n.disabled,n.loading,n.readonly],ra={},rt=t=>{let{disabled:e,loading:o,readonly:a,value:l}=t;return e||a||o||!l?Co(aa,{}):Co("span",{className:s(t.className,$n),children:Co(k,{icon:"x"})})};rt.states=sa;rt.options=ra;rt.className=$n;import{jsx as pa}from"react/jsx-runtime";var To="k-input-inner",ia=[],la={},oo={type:"text",autocomplete:"off",value:"",placeholder:""},at=t=>{let{value:e=oo.value,type:o=oo.type,placeholder:a=oo.placeholder,autocomplete:l=oo.autocomplete,...p}=t;return pa("input",{...p,type:o,className:s(t.className,To,v(To,t)),placeholder:a,autoComplete:l,defaultValue:e})};at.states=ia;at.options=la;at.className=To;import{jsx as Xn,jsxs as da}from"react/jsx-runtime";var Io="k-input-inner",ma=[],ca={},Xt=t=>{let{value:e,placeholder:o,showValue:a,valueIcon:l,valueIconName:p,...i}=t;return da("span",{...i,className:s(t.className,Io,v(Io,t)),children:[l,!l&&p&&Xn(k,{className:"k-input-value-icon",icon:p}),a&&!e&&o,a&&e&&Xn("span",{className:"k-input-value-text",children:e})]})};Xt.states=ma;Xt.options=ca;Xt.className=Io;import{jsx as ba}from"react/jsx-runtime";var Ao="k-input-inner",ua=[],fa={},Vn={value:"",placeholder:""},Oo=t=>{let{value:e=Vn.value,placeholder:o=Vn.placeholder,rows:a,...l}=t;return ba("textarea",{...l,className:s(t.className,Ao,v(Ao,t)),placeholder:o,rows:a,defaultValue:e})};Oo.states=ua;Oo.options=fa;Oo.className=Ao;import{Fragment as La,jsx as Jn}from"react/jsx-runtime";var qn="k-input-loading-icon",Na=[n.disabled,n.loading],Y=t=>{let{disabled:e,loading:o}=t;return e||!o?Jn(La,{}):Jn("span",{className:s(t.className,qn,"k-icon k-i-loading")})};Y.states=Na;Y.className=qn;import{Fragment as ha,jsx as Wn}from"react/jsx-runtime";var Qn="k-input-validation-icon",xa=[n.valid,n.invalid,n.disabled,n.loading],Ma={},J=t=>{let{valid:e,invalid:o,disabled:a,loading:l}=t,p=o?"warning-circle":"check-circle";return a||l||!!!(e||o)?Wn(ha,{}):Wn(k,{className:s(Qn),icon:p})};J.states=xa;J.options=Ma;J.className=Qn;import{Fragment as ka,jsx as Yn}from"react/jsx-runtime";var Sa="k-input-prefix",Ea={direction:"horizontal"},dt=t=>{let{direction:e=Ea.direction,...o}=t;return t.children?Yn("span",{...o,className:s(Sa,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):Yn(ka,{})};import{Fragment as Ca,jsx as Zn}from"react/jsx-runtime";var va="k-input-suffix",ga={direction:"horizontal"},ut=t=>{let{direction:e=ga.direction,...o}=t;return t.children?Zn("span",{...o,className:s(va,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):Zn(Ca,{})};import{jsx as Kc}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";var jn="k-input-separator",Ta={direction:"vertical"},St=t=>{let{direction:e=Ta.direction,...o}=t;return Ia("span",{...o,className:s(jn,t.className,{[`${jn}-${e}`]:e})})};import{jsx as ts,jsxs as ya}from"react/jsx-runtime";var es="k-color-preview",Aa=[],Oa={},yt=t=>{let{color:e,iconName:o,...a}=t;return ya("span",{...a,className:s(t.className,es,{"k-icon-color-preview":o,"k-no-color":!e}),children:[o&&ts(k,{icon:o,className:"k-color-preview-icon"}),ts("span",{className:"k-color-preview-mask",style:{backgroundColor:e}})]})};yt.states=Aa;yt.options=Oa;yt.className=es;var yo="popup",os=yo;import{jsx as ns}from"react/jsx-runtime";var ss="k-animation-container",Ba=[],Ra={},rs={positionMode:"absolute"},ft=t=>{let{positionMode:e=rs.positionMode,animationStyle:o,offset:a,...l}=t;return ns("div",{...l,style:{...a,...t.style},className:s(t.className,ss,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:ns("div",{className:"k-child-animation-container",style:o,children:t.children})})};ft.states=Ba;ft.options=Ra;ft.className=ss;ft.defaultOptions=rs;ft.moduleName=yo;ft.folderName=os;var Bo="popup",as=Bo;import{jsx as is}from"react/jsx-runtime";var ls="k-popup",Ka=[],_a={},ps={positionMode:"absolute"},z=t=>{let{offset:e,positionMode:o=ps.positionMode,animationStyle:a,...l}=t;return is(ft,{positionMode:o,offset:e,animationStyle:a,children:is("div",{...l,className:s(t.className,ls),children:t.children})})};z.states=Ka;z.options=_a;z.className=ls;z.defaultOptions=ps;z.moduleName=Bo;z.folderName=as;var Ro="action-buttons",ms=Ro;import{jsx as wa}from"react/jsx-runtime";var no="k-actions",Pa=[],za={},Ko={alignment:"start",orientation:"horizontal"},bt=t=>{let{alignment:e=Ko.alignment,orientation:o=Ko.orientation,...a}=t;return wa("div",{...a,className:s(no,{[`${no}-${e}`]:e,[`${no}-${o}`]:o},t.className),children:t.children})};bt.states=Pa;bt.options=za;bt.className=no;bt.defaultOptions=Ko;bt.moduleName=Ro;bt.folderName=ms;import{jsx as Da}from"react/jsx-runtime";var Ha="k-actionsheet-footer",cs={alignment:"stretched",orientation:"horizontal"},ye=t=>{let{alignment:e=cs.alignment,orientation:o=cs.orientation,template:a,as:l=a?"div":bt,...p}=t;return Da(l,{...p,...!a&&{alignment:e,orientation:o},className:s(t.className,Ha),children:t.children})};var _o="searchbox",ds=_o;import{jsx as Be,jsxs as Fa}from"react/jsx-runtime";var us="k-searchbox",Ga=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ua={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},Po={showIcon:!0,icon:"search",size:B.defaultOptions.size,rounded:B.defaultOptions.rounded,fillMode:B.defaultOptions.fillMode},it=t=>{let{value:e,placeholder:o,size:a,rounded:l,fillMode:p,hover:i,focus:d,valid:b,invalid:L,required:x,loading:S,disabled:m,showIcon:h=Po.showIcon,icon:M=Po.icon,...E}=t;return Fa(B,{...E,size:a,rounded:l,fillMode:p,hover:i,focus:d,valid:b,invalid:L,required:x,loading:S,disabled:m,className:s(t.className,us),children:[h&&Be(k,{className:"k-input-icon",icon:M}),Be(at,{placeholder:o,value:e}),Be(Y,{...t}),Be(J,{...t}),Be(rt,{...t})]})};it.states=Ga;it.options=Ua;it.className=us;it.defaultOptions=Po;it.moduleName=_o;it.folderName=ds;import{jsx as Xd}from"react/jsx-runtime";var zo="textbox",fs=zo;import{Fragment as bs,jsx as Bt,jsxs as wo}from"react/jsx-runtime";var Ns="k-textbox",$a=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Xa={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},Vt={showClearButton:!0,showValidationIcon:!0,size:B.defaultOptions.size,rounded:B.defaultOptions.rounded,fillMode:B.defaultOptions.fillMode,separators:!0},Nt=t=>{let{size:e=Vt.size,rounded:o=Vt.rounded,fillMode:a=Vt.fillMode,separators:l=Vt.separators,showClearButton:p=Vt.showClearButton,showValidationIcon:i=Vt.showValidationIcon,prefix:d,suffix:b,type:L,value:x,placeholder:S,hover:m,focus:h,valid:M,invalid:E,required:I,loading:T,disabled:R,readonly:U,...Ot}=t;return wo(B,{...Ot,size:e,rounded:o,fillMode:a,hover:m,focus:h,valid:M,invalid:E,required:I,loading:T,disabled:R,readonly:U,className:s(t.className,Ns),children:[d&&wo(bs,{children:[Bt(dt,{children:d}),l&&Bt(St,{})]}),Bt(at,{placeholder:S,value:x,type:L}),i&&Bt(J,{valid:M,invalid:E,loading:T,disabled:R}),Bt(Y,{loading:T,disabled:R}),p&&Bt(rt,{loading:T,disabled:R,readonly:U,value:x}),b&&wo(bs,{children:[l&&Bt(St,{}),Bt(ut,{children:b})]})]})};Nt.states=$a;Nt.options=Xa;Nt.className=Ns;Nt.defaultOptions=Vt;Nt.moduleName=zo;Nt.folderName=fs;import{jsx as su}from"react/jsx-runtime";import{Fragment as mu,jsx as pu}from"react/jsx-runtime";import{Fragment as Lu,jsx as Nu}from"react/jsx-runtime";import{jsx as Rt,jsxs as Ho}from"react/jsx-runtime";var xs="k-actionsheet-titlebar",Va={},Z=t=>{let{title:e,subtitle:o,actionsStart:a,actionsEnd:l,filter:p,input:i,inputValue:d,inputPlaceholder:b,adaptive:L,children:x,...S}=t;return Ho("div",{...S,className:s(t.className,xs),children:[Ho("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!x&&Ho("div",{className:"k-actionsheet-title",children:[e&&Rt("div",{className:"k-text-center",children:e}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Rt("div",{className:"k-actionsheet-title",children:x}),l&&Rt("div",{className:"k-actionsheet-actions",children:l})]}),(i||p)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:i?Rt(Nt,{value:d,placeholder:b,size:L?"large":"medium"}):Rt(it,{placeholder:"Filter",size:L?"large":"medium"})})]})};Z.className=xs;Z.defaultOptions=Va;import{jsx as Do,jsxs as Qa}from"react/jsx-runtime";var Go="k-actionsheet-view",Ja=[],qa={},Wa={},ne=t=>{let{adaptive:e,animated:o,children:a,header:l,footer:p,...i}=t,d=l?.type===Z&&Do(Z,{adaptive:e,...l?.props}),b=p?.type===ye&&Do(ye,{...p?.props});return Qa("div",{...i,className:s(t.className,Go,{[`${Go}-animated`]:o}),children:[d,Do("div",{className:"k-actionsheet-content",children:a}),b]})};ne.states=Ja;ne.options=qa;ne.className=Go;ne.defaultOptions=Wa;var Re="action-sheet",so=Re;import{jsx as ro,jsxs as ja}from"react/jsx-runtime";var Ms="k-actionsheet",Ya=[],Za={},Ke={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},q=t=>{let{side:e=Ke.side,fullscreen:o=Ke.fullscreen,adaptive:a=Ke.adaptive,overlay:l=Ke.overlay,template:p,children:i,header:d,footer:b,...L}=t;return ja("div",{className:"k-actionsheet-container",children:[l&&ro("div",{className:"k-overlay"}),ro(ft,{animationStyle:{[`${o===!0?"top":e}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:ro("div",{...L,className:s(t.className,Ms,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:p||ro(ne,{header:d,footer:b,adaptive:a,...t,children:i})})})]})};q.states=Ya;q.options=Za;q.className=Ms;q.defaultOptions=Ke;q.moduleName=Re;q.folderName=so;import{jsx as ni}from"react/jsx-runtime";var hs="k-actionsheet-container",ti=[],ei={},oi={},se=t=>{let{children:e,...o}=t;return ni("div",{...o,className:hs,children:e})};se.states=ti;se.options=ei;se.className=hs;se.defaultOptions=oi;se.moduleName=Re;se.folderName=so;import{jsx as Vu}from"react/jsx-runtime";import{Fragment as ri,jsx as _e,jsxs as Uo}from"react/jsx-runtime";var Fo="k-actionsheet-item",si=[n.hover,n.focus,n.selected,n.disabled],$o=t=>{let{iconName:e,text:o,description:a,hover:l,focus:p,selected:i,disabled:d,...b}=t;return Uo("span",{...b,className:s(t.className,Fo,g(Fo,{hover:l,focus:p,selected:i,disabled:d})),children:[!t.children&&_e(ri,{children:Uo("span",{className:"k-actionsheet-action",children:[e&&_e("span",{className:"k-icon-wrap",children:_e(k,{className:"k-actionsheet-item-icon",icon:e})}),Uo("span",{className:"k-actionsheet-item-text",children:[o&&_e("span",{className:"k-actionsheet-item-title",children:o}),a&&_e("span",{className:"k-actionsheet-item-description",children:a})]})]})}),t.children]})};$o.states=si;$o.className=Fo;import{jsx as ef,jsxs as of}from"react/jsx-runtime";import{jsx as af}from"react/jsx-runtime";import{jsx as cf}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";var Xo="slider",Es=Xo;import{jsx as re,jsxs as Vo}from"react/jsx-runtime";var Pe="k-slider",ai=[n.hover,n.focus,n.active,n.disabled,n.readonly],ii={},Kt={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},F=t=>{let{type:e=Kt.type,orientation:o=Kt.orientation,readonly:a=Kt.readonly,disabled:l=Kt.disabled,handlePosition:p=Kt.handlePosition,showButtons:i=Kt.showButtons,showTicks:d=Kt.showTicks,hover:b,focus:L,active:x,trackStyle:S,dir:m,...h}=t,M,E;return o==="horizontal"?(M=m==="rtl"?"caret-alt-left":"caret-alt-right",E=m==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(M="caret-alt-up",E="caret-alt-down"),Vo("div",{...h,className:s(Pe,t.className,g(Pe,{readonly:a,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":e==="gradient"}),dir:m,children:[i&&re(c,{className:"k-button-decrease",rounded:"full",icon:E}),Vo("div",{className:"k-slider-track-wrap",children:[d&&re("ul",{className:"k-reset k-slider-items",children:t.children}),Vo("div",{className:"k-slider-track",style:S,children:[re("div",{className:"k-slider-selection"}),e==="range"&&re("span",{className:s("k-draghandle","k-draghandle-start",g(Pe,{hover:b,focus:L,active:x}))}),re("span",{className:s("k-draghandle",`k-draghandle-${p}`,g(Pe,{hover:b,focus:L,active:x}))})]})]}),i&&re(c,{className:"k-button-increase",rounded:"full",icon:M})]})};F.states=ai;F.options=ii;F.className=Pe;F.defaultOptions=Kt;F.moduleName=Xo;F.folderName=Es;import{jsx as ks}from"react/jsx-runtime";var vs="k-tick",li=[],pi={},gs={label:!1},_t=t=>{let{style:e,label:o=gs.label,orientation:a,large:l,text:p,...i}=t;return ks("li",{...i,className:s(t.className,vs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:e,children:o&&ks("span",{className:"k-label",children:p})})};_t.states=li;_t.options=pi;_t.className=vs;_t.defaultOptions=gs;import{Fragment as Gf,jsx as Df,jsxs as Uf}from"react/jsx-runtime";import{Fragment as Jf,jsx as Vf,jsxs as qf}from"react/jsx-runtime";import{Fragment as jf,jsx as Zf,jsxs as tb}from"react/jsx-runtime";import{Fragment as rb,jsx as sb,jsxs as ab}from"react/jsx-runtime";import{jsx as mi}from"react/jsx-runtime";var Jo=t=>mi(F,{type:"gradient",showButtons:!1,showTicks:!1,...t});import{jsx as ci}from"react/jsx-runtime";var qo=t=>ci(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...t});import{jsx as Cs,jsxs as Ni}from"react/jsx-runtime";var Ts="k-spin-button",fi=[],bi={size:[r.small,r.medium,r.large],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link]},Wo={size:r.medium,fillMode:u.solid},Pt=t=>{let{size:e=Wo.size,fillMode:o=Wo.fillMode,...a}=t;return Ni("span",{...a,className:s(Ts,t.className),children:[Cs(c,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:e,fillMode:o}),Cs(c,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:e,fillMode:o})]})};Pt.states=fi;Pt.options=bi;Pt.className=Ts;Pt.defaultOptions=Wo;Pt.moduleName=null;Pt.folderName=null;var Is="numeric-textbox",As="numerictextbox";import{Fragment as Os,jsx as Et,jsxs as Qo}from"react/jsx-runtime";var ys="k-numerictextbox",Li=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],xi={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},Jt={showSpinButton:!0,showClearButton:!0,size:B.defaultOptions.size,rounded:B.defaultOptions.rounded,fillMode:B.defaultOptions.fillMode,separators:!0},_=t=>{let{size:e=Jt.size,rounded:o=Jt.rounded,fillMode:a=Jt.fillMode,separators:l=Jt.separators,showClearButton:p=Jt.showClearButton,showSpinButton:i=Jt.showSpinButton,prefix:d,suffix:b,value:L,placeholder:x,hover:S,focus:m,valid:h,invalid:M,required:E,loading:I,disabled:T,readonly:R,...U}=t;return Qo(B,{...U,size:e,rounded:o,fillMode:a,hover:S,focus:m,valid:h,invalid:M,required:E,loading:I,disabled:T,readonly:R,className:s(t.className,ys),children:[d&&Qo(Os,{children:[Et(dt,{children:d}),l&&Et(St,{})]}),Et(at,{placeholder:x,value:L}),Et(J,{valid:h,invalid:M,loading:I,disabled:T}),Et(Y,{loading:I,disabled:T}),p&&Et(rt,{loading:I,disabled:T,readonly:R,value:L}),b&&Qo(Os,{children:[l&&Et(St,{}),Et(ut,{children:b})]}),i&&Et(Pt,{className:"k-input-spinner",size:e,fillMode:a})]})};_.states=Li;_.options=xi;_.className=ys;_.defaultOptions=Jt;_.moduleName=Is;_.folderName=As;import{jsx as Db}from"react/jsx-runtime";import{jsx as hi}from"react/jsx-runtime";var Mi="k-no-data",ze=t=>hi("span",{className:s(Mi,t.className),children:t.children});var kt="list",zt=kt;import{jsx as ae,jsxs as Rs}from"react/jsx-runtime";var Yo="k-list",Si=[],Ei={size:[r.small,r.medium,r.large]},Ks={size:r.medium},K=t=>{let{size:e=Ks.size,virtualization:o,children:a,optionLabel:l,customValue:p,screenReaders:i,...d}=t,b,L,x,S,m=[];return a?a.map((h,M)=>{h.type===D?(h.props.root===!0?(b=h.props.label,h.props.children.map((E,I)=>{m.push(ae(C,{...E.props},`optChild-${I}-${new Date().getTime()}`))})):h.props.children.forEach((E,I)=>{let T="";I===0&&(T=h.props.label),m.push(ae(C,{className:I===0?"k-first":"",...E.props,groupLabel:T},`groupLabel-${I}-${new Date().getTime()}`))}),L=ae(D,{label:b,virtualization:o,children:m})):h.type===C&&(m.push(ae(C,{...h.props},`${h.type}-${M}`)),x=ae(ie,{virtualization:o,children:m}),i&&(S=Rs(ze,{className:"k-sr-only",children:[m.length," items found."]})))}):S=ae(ze,{children:"No data found."}),Rs("div",{...d,className:s(t.className,Yo,v(Yo,{size:e}),{"k-virtual-list":o}),children:[l,p,L,x,S]})};K.states=Si;K.options=Ei;K.className=Yo;K.defaultOptions=Ks;K.moduleName=kt;K.folderName=zt;import{jsx as Ci}from"react/jsx-runtime";var _s="k-list-container",ki=[],vi={},gi={},le=t=>{let{...e}=t;return Ci("div",{...e,className:s(t.className,_s),children:t.children})};le.states=ki;le.options=vi;le.className=_s;le.defaultOptions=gi;le.moduleName=kt;le.folderName=zt;import{jsx as qt,jsxs as Ai}from"react/jsx-runtime";var Zo="k-list",Ti=[],Ii={size:[r.small,r.medium,r.large]},Ps={size:r.medium},vt=t=>{let{size:e=Ps.size,virtualization:o,children:a,...l}=t,p,i,d,b=[];return a?a.map((L,x)=>{L.type===D?(L.props.root===!0?(p=L.props.label,L.props.children.map((S,m)=>{b.push(qt(C,{...S.props},`optChild-${m}-${new Date().getTime()}`))})):(b.push(qt(zs,{...L.props,children:L.props.label},`listChild-${x}`)),L.props.children.map((S,m)=>{b.push(qt(C,{...S.props},`fwOptChild-${m}-${new Date().getTime()}`))})),i=qt(D,{label:p,virtualization:o,children:b})):L.type===C&&(b.push(qt(C,{...L.props},`${L.type}-${x}`)),d=qt(ie,{virtualization:o,children:b}))}):d=qt(ze,{children:"No data found."}),Ai("div",{...l,className:s(t.className,Zo,v(Zo,{size:e}),{"k-virtual-list":o}),children:[i,d]})};vt.states=Ti;vt.options=Ii;vt.className=Zo;vt.defaultOptions=Ps;vt.moduleName=kt;vt.folderName=zt;var Wt="checkbox",pe=Wt;import{jsx as ws}from"react/jsx-runtime";var ao="k-checkbox",Oi=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],yi={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full]},jo={size:r.medium,rounded:N.medium},Lt=t=>{let{id:e,checked:o,indeterminate:a,hover:l,focus:p,disabled:i,invalid:d,valid:b,required:L,size:x=jo.size,rounded:S=jo.rounded,...m}=t;return ws("span",{className:"k-checkbox-wrap",children:ws("input",{...m,id:e,type:"checkbox",defaultChecked:o,required:L,className:s(t.className,ao,v(ao,{size:x,rounded:S}),g(ao,{hover:l,focus:p,disabled:i,invalid:d,valid:b,indeterminate:a,checked:o}))})})};Lt.states=Oi;Lt.options=yi;Lt.className=ao;Lt.defaultOptions=jo;Lt.moduleName=Wt;Lt.folderName=pe;import{jsx as Ki}from"react/jsx-runtime";var Hs="k-checkbox-list",Bi=[],Ri={},Ds={layout:"vertical"},wt=t=>{let{layout:e=Ds.layout,...o}=t;return Ki("ul",{...o,className:s(t.className,Hs,{[`k-list-${e}`]:e}),children:t.children})};wt.states=Bi;wt.options=Ri;wt.className=Hs;wt.defaultOptions=Ds;wt.moduleName=Wt;wt.folderName=pe;import{jsx as wi}from"react/jsx-runtime";var Gs="k-checkbox-list-item",_i=[],Pi={},zi={},Ht=t=>{let{...e}=t;return wi("li",{...e,className:s(t.className,Gs),children:t.children})};Ht.states=_i;Ht.options=Pi;Ht.className=Gs;Ht.defaultOptions=zi;Ht.moduleName=Wt;Ht.folderName=pe;import{Fragment as CN,jsx as gN,jsxs as TN}from"react/jsx-runtime";import{Fragment as BN,jsx as yN,jsxs as RN}from"react/jsx-runtime";import{Fragment as wN,jsx as zN,jsxs as HN}from"react/jsx-runtime";import{Fragment as $N,jsx as FN,jsxs as XN}from"react/jsx-runtime";import{jsx as WN}from"react/jsx-runtime";import{jsx as jN}from"react/jsx-runtime";import{jsx as io,jsxs as Ui}from"react/jsx-runtime";var en="k-list-item",Hi=[n.hover,n.focus,n.selected,n.disabled],Di={},Gi={},C=t=>{let{text:e,groupLabel:o,group:a,showIcon:l,iconName:p,showCheckbox:i,checked:d,hover:b,focus:L,selected:x,disabled:S,...m}=t,h=e||t.children;return Ui("li",{...m,className:s(t.className,a?"k-list-group-item":en,g(en,{hover:b,focus:L,disabled:S,selected:x})),children:[i&&io(Lt,{checked:d}),l&&io(k,{icon:p}),io("span",{className:"k-list-item-text",children:h}),o&&o!==""&&io("div",{className:"k-list-item-group-label",children:o})]})};C.states=Hi;C.options=Di;C.className=en;C.defaultOptions=Gi;C.moduleName=kt;C.folderName=zt;import{jsx as on,jsxs as $i}from"react/jsx-runtime";var Fi="k-list-content",ie=t=>{let{virtualization:e,...o}=t;return $i("div",{...o,className:s(Fi,t.className),children:[on("ul",{className:s("k-list-ul"),children:t.children}),e&&on("div",{className:"k-height-container",children:on("div",{})})]})};import{jsx as Us}from"react/jsx-runtime";var Xi="k-list-group-sticky-header",Fs=t=>Us("div",{className:s(Xi,t.className),children:Us("div",{className:"k-list-header-text",children:t.children})});import{Fragment as Vi,jsx as $s,jsxs as Ji}from"react/jsx-runtime";var D=t=>{let{virtualization:e,label:o}=t;return Ji(Vi,{children:[o&&$s(Fs,{children:o}),t.children&&$s(ie,{virtualization:e,children:t.children})]})};import{jsx as Xs}from"react/jsx-runtime";var qi="k-list-group-item",zs=t=>Xs("li",{className:s(qi,t.className),children:Xs("span",{className:"k-list-item-text",children:t.children})});import{jsx as Zi}from"react/jsx-runtime";var nn="k-list-optionlabel",Wi=[n.hover,n.focus,n.selected,n.disabled],Qi={},Yi={},lo=t=>{let{text:e,hover:o,focus:a,selected:l,disabled:p,...i}=t;return Zi("div",{...i,className:s(nn,g(nn,{hover:o,focus:a,selected:l,disabled:p})),children:e})};lo.states=Wi;lo.options=Qi;lo.className=nn;lo.defaultOptions=Yi;import{jsx as ol}from"react/jsx-runtime";var sn="k-list-custom-value",ji=[n.hover,n.focus,n.selected,n.disabled],tl={},el={},Dt=t=>{let{text:e,hover:o,focus:a,selected:l,disabled:p,...i}=t;return ol("div",{...i,className:s(sn,g(sn,{hover:o,focus:a,selected:l,disabled:p})),children:e})};Dt.states=ji;Dt.options=tl;Dt.className=sn;Dt.defaultOptions=el;import{jsx as zL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as XL,jsxs as VL}from"react/jsx-runtime";import{jsx as QL,jsxs as YL}from"react/jsx-runtime";import{jsx as ex}from"react/jsx-runtime";import{jsx as rx,jsxs as ax}from"react/jsx-runtime";import{jsx as mx,jsxs as cx}from"react/jsx-runtime";var Vs="dropdown-list",Js="dropdownlist";import{Fragment as rl,jsx as $,jsxs as rn}from"react/jsx-runtime";var qs="k-dropdownlist",nl=[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]},me={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:N.medium,fillMode:u.solid},xt=t=>{let{size:e=me.size,rounded:o=me.rounded,fillMode:a=me.fillMode,arrowIconName:l=me.arrowIconName,showValue:p=me.showValue,valueIconName:i,prefix:d,suffix:b,value:L,placeholder:x,hover:S,focus:m,valid:h,invalid:M,required:E,loading:I,disabled:T,readonly:R,popup:U,opened:Ot,adaptive:Ee,adaptiveSettings:ke,adaptiveTitle:bo,adaptiveSubtitle:No,adaptiveFilter:Ar,...Or}=t;return rn(rl,{children:[rn(V,{...Or,size:e,rounded:o,fillMode:a,hover:S,focus:m,valid:h,invalid:M,required:E,loading:I,disabled:T,readonly:R,className:s(t.className,qs,{"k-icon-picker":!p&&i}),children:[$(dt,{children:d}),$(Xt,{placeholder:x,value:L,showValue:p,valueIconName:i}),$(J,{valid:h,invalid:M,loading:I,disabled:T}),$(Y,{loading:I,disabled:T}),$(ut,{children:b}),$(c,{className:"k-input-button",icon:l,rounded:null,size:t.size,fillMode:t.fillMode})]}),Ot&&U&&$(z,{className:"k-list-container k-dropdownlist-popup",children:U}),Ee&&$(q,{adaptive:!0,...ke,header:$(Z,{actionsEnd:$(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:L,inputPlaceholder:x,title:bo,subtitle:No}),children:$("div",{className:"k-list-container",children:rn(K,{size:"large",children:[$(C,{text:"List item"}),$(C,{text:"List item"}),$(C,{text:"List item"})]})})})]})};xt.states=nl;xt.options=sl;xt.className=qs;xt.defaultOptions=me;xt.moduleName=Vs;xt.folderName=Js;import{jsx as $x}from"react/jsx-runtime";import{jsx as Wx,jsxs as Qx}from"react/jsx-runtime";import{Fragment as sM,jsx as oM,jsxs as nM}from"react/jsx-runtime";import{jsx as lM}from"react/jsx-runtime";import{jsx as uM,jsxs as fM}from"react/jsx-runtime";import{jsx as MM,jsxs as hM}from"react/jsx-runtime";import{Fragment as IM,jsx as CM,jsxs as TM}from"react/jsx-runtime";import{Fragment as PM,jsx as KM,jsxs as _M}from"react/jsx-runtime";import{Fragment as ZM,jsx as YM}from"react/jsx-runtime";import{Fragment as rh,jsx as sh}from"react/jsx-runtime";import{Fragment as we,jsx as A,jsxs as P}from"react/jsx-runtime";var Ws="k-colorgradient-inputs",al=[],il={size:[r.small,r.medium,r.large]},Qs={mode:"rgba",size:r.medium},ce=t=>{let{mode:e=Qs.mode,size:o,...a}=t;return P("div",{...a,className:s(Ws,"k-hstack"),children:[A("div",{className:"k-vstack",children:A(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),e==="rgba"&&P(we,{children:[P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"B"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="rgb"&&P(we,{children:[P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),e==="hsva"&&P(we,{children:[P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="hsv"&&P(we,{children:[P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[A(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),e==="hex"&&A(we,{children:P("div",{className:"k-vstack k-flex-1",children:[A(Nt,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),A("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ce.states=al;ce.options=il;ce.className=Ws;ce.defaultOptions=Qs;import{jsx as Yt,jsxs as Zt}from"react/jsx-runtime";var Ys="k-colorgradient-color-contrast",ll=[],pl={},ml={},de=()=>Zt("div",{className:s(Ys,"k-vbox"),children:[Zt("div",{className:"k-contrast-ratio",children:[Yt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Zt("span",{className:"k-contrast-validation !k-text-success",children:[Yt(k,{icon:"check"}),Yt(k,{icon:"check"})]})]}),Zt("div",{children:[Yt("span",{children:"AA: 4.5"}),Zt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Yt(k,{icon:"check"})]})]}),Zt("div",{children:[Yt("span",{children:"AAA: 7.0"}),Zt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Yt(k,{icon:"x"})]})]})]});de.states=ll;de.options=pl;de.className=Ys;de.defaultOptions=ml;var Zs="color-gradient",js="colorgradient";import{jsx as j,jsxs as He}from"react/jsx-runtime";var po="k-colorgradient",cl=[n.hover,n.focus,n.readonly,n.disabled],dl={size:[r.small,r.medium,r.large]},lt={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"},Mt=t=>{let{size:e=lt.size,mode:o=lt.mode,readonly:a=lt.readonly,disabled:l=lt.disabled,gradientStyle:p=lt.gradientStyle,dragHandleStyle:i=lt.dragHandleStyle,alphaStyle:d=lt.alphaStyle,alphaStyleHorizontal:b=lt.alphaStyleHorizontal,contrast:L=lt.contrast,dir:x,hover:S,focus:m,hoverHandle:h,focusHandle:M,canvasOrientation:E=lt.canvasOrientation,...I}=t;return He("div",{...I,className:s(t.className,po,v(po,{size:e}),g(po,{hover:S,focus:m,readonly:a,disabled:l})),dir:x,children:[!E||E==="horizontal"&&He("div",{className:"k-colorgradient-canvas k-hstack",children:[j("div",{className:"k-hsv-rectangle",style:p,children:j("div",{className:"k-hsv-gradient",children:j("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:i})})}),He("div",{className:"k-hsv-controls k-hstack",children:[j(qo,{className:"k-hue-slider",hover:h,focus:M}),o!=="rgb"&&o!=="hsv"&&j(qo,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:d})]})]}),E==="vertical"&&He("div",{className:"k-colorgradient-canvas k-vstack",children:[j("div",{className:"k-hsv-rectangle",style:p,children:j("div",{className:"k-hsv-gradient",children:j("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:i})})}),He("div",{className:"k-hsv-controls k-vstack",children:[j(Jo,{className:"k-hue-slider",hover:h,focus:M}),o!=="rgb"&&o!=="hsv"&&j(Jo,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:b})]})]}),j(ce,{mode:t.mode,size:e}),L&&j(de,{})]})};Mt.states=cl;Mt.options=dl;Mt.className=po;Mt.defaultOptions=lt;Mt.moduleName=Zs;Mt.folderName=js;import{jsx as Bh}from"react/jsx-runtime";import{jsx as Ph}from"react/jsx-runtime";import{jsx as ul}from"react/jsx-runtime";var tr=t=>ul("tr",{children:t.children});import{jsx as Nl}from"react/jsx-runtime";var an="k-colorpalette-tile",fl=[n.hover,n.focus,n.selected],bl={},De=t=>{let{color:e,tileSize:o,hover:a,focus:l,selected:p,...i}=t,d={backgroundColor:e,width:o?o+"px":"",height:o?o+"px":""};return Nl("td",{...i,className:s(t.className,an,g(an,{hover:a,focus:l,selected:p})),style:d})};De.states=fl;De.options=bl;De.className=an;var er="color-palette",or="colorpalette";import{jsx as Ge}from"react/jsx-runtime";var mo="k-colorpalette",Ll=[n.disabled],xl={size:[r.small,r.medium,r.large]},ln={columns:10,size:r.medium},Gt=t=>{let{size:e=ln.size,palette:o,columns:a=ln.columns,tileSize:l,disabled:p,...i}=t,d=[];if(o){let b=a||o.columns,L=o.colors?o.colors:o;Array.isArray(L)&&Array.from({length:Math.ceil(L.length/b)},(x,S)=>{let m=[];L.slice(S*b,(S+1)*b).map((M,E)=>{m.push(Ge(De,{color:M,tileSize:l},E))});let h=Ge(tr,{children:m},S);d.push(h)})}return Ge("div",{...i,className:s(t.className,mo,g(mo,{disabled:p}),v(mo,{size:e})),children:Ge("table",{className:"k-colorpalette-table",children:Ge("tbody",{children:d.length>0?d:t.children})})})};Gt.states=Ll;Gt.options=xl;Gt.className=mo;Gt.defaultOptions=ln;Gt.moduleName=er;Gt.folderName=or;var pn={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 iS}from"react/jsx-runtime";var nr="color-editor",sr="coloreditor";import{jsx as tt,jsxs as ue}from"react/jsx-runtime";var co="k-coloreditor",Ml=[n.focus],hl={size:[r.small,r.medium,r.large]},fe={size:r.medium,view:"gradient",palette:pn.office,actionButtons:!0,canvasOrientation:"horizontal"},et=t=>{let{size:e=fe.size,view:o=fe.view,palette:a=fe.palette,color:l,currentColor:p,focus:i,focusView:d,dir:b,group:L,actionButtons:x=fe.actionButtons,canvasOrientation:S=fe.canvasOrientation,...m}=t;return ue("div",{...m,className:s(t.className,"k-flatcolorpicker",co,v(co,{size:e}),g(co,{focus:i})),dir:b,children:[ue("div",{className:"k-coloreditor-header k-hstack",children:[tt("div",{className:"k-coloreditor-header-actions k-hstack",children:L&&ue(y,{fillMode:"flat",children:[tt(c,{className:"k-group-start",size:e,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),tt(c,{className:"k-group-end",size:e,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),tt("div",{className:"k-spacer"}),ue("div",{className:"k-coloreditor-header-actions k-hstack",children:[tt(c,{fillMode:"flat",icon:"droplet-slash",size:e}),ue("div",{className:"k-coloreditor-preview k-vstack",children:[tt(yt,{className:"k-coloreditor-preview-color",color:l}),tt(yt,{className:"k-coloreditor-current-color",color:p})]})]})]}),tt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?tt(Mt,{focus:d,size:e,canvasOrientation:S}):tt(Gt,{palette:a,size:e})}),x&&ue(bt,{className:"k-coloreditor-footer",alignment:"start",children:[tt(c,{themeColor:"primary",size:e,className:"k-coloreditor-apply",children:"Apply"}),tt(c,{className:"k-coloreditor-cancel",size:e,children:"Cancel"})]})]})};et.states=Ml;et.options=hl;et.className=co;et.defaultOptions=fe;et.moduleName=nr;et.folderName=sr;import{jsx as IS}from"react/jsx-runtime";import{jsx as BS}from"react/jsx-runtime";import{jsx as PS}from"react/jsx-runtime";import{jsx as DS}from"react/jsx-runtime";var rr="color-picker",ar="colorpicker";import{Fragment as kl,jsx as ot,jsxs as cn}from"react/jsx-runtime";var ir="k-colorpicker",Sl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],El={size:[r.small,r.medium,r.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[u.solid,u.flat,u.outline]},Ue={arrowIconName:"caret-alt-down",size:V.defaultOptions.size,rounded:V.defaultOptions.rounded,fillMode:V.defaultOptions.fillMode},pt=t=>{let{size:e=Ue.size,rounded:o=Ue.rounded,fillMode:a=Ue.fillMode,arrowIconName:l=Ue.arrowIconName,prefix:p,suffix:i,value:d,placeholder:b,hover:L,focus:x,valid:S,invalid:m,required:h,disabled:M,valueIconName:E,popup:I,opened:T,adaptive