@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 49.1 kB
JavaScript
var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>a({[`${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"}),k=(e,t)=>{let{valid:o,invalid:n,hover:r,focus:c,checked:l,active:m,selected:d,disabled:p,indeterminate:N,loading:x,empty:h,readonly:L,highlighted:S,...g}=t;return a({"k-valid":o,"k-invalid":n,"k-hover":r,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":d,"k-disabled":p,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":h,"k-readonly":L,"k-highlighted":S},Object.keys(g).reduce((T,O)=>(O.startsWith("k-")?T[O]=g[O]:T[`k-${O}`]=g[O],T),{}))};function xo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(n=>[`k-${n}`,!0]))}var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},u={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ct="action-buttons",Lo=Ct;import{jsx as Ys}from"react/jsx-runtime";var nt="k-actions",Ws=[],Qs={},kt={alignment:"start",orientation:"horizontal"},V=e=>{let{alignment:t=kt.alignment,orientation:o=kt.orientation,...n}=e;return Ys("div",{...n,className:a(nt,{[`${nt}-${t}`]:t,[`${nt}-${o}`]:o},e.className),children:e.children})};V.states=Ws;V.options=Qs;V.className=nt;V.defaultOptions=kt;V.moduleName=Ct;V.folderName=Lo;import{Fragment as ta,jsx as ho}from"react/jsx-runtime";var At="k-font-icon",Zs=[],js={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},ea={},Ge=e=>{let{size:t,themeColor:o,icon:n,rotate:r,flip:c,...l}=e;return n?ho("span",{...l,className:a(e.className,At,C(At,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):ho(ta,{})};Ge.states=Zs;Ge.options=js;Ge.className=At;Ge.defaultOptions=ea;var vo=Ge;import{Fragment as aa,jsx as it}from"react/jsx-runtime";var gt="k-svg-icon",oa=[],sa={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},So={viewBox:"0 0 24 24"},Ue=e=>{let{size:t,themeColor:o,rotate:n,flip:r,viewBox:c=So.viewBox,icon:l,...m}=e;if(!l)return it(aa,{});l==="none"&&{...m,className:a(e.className,gt,"k-none")};let d=typeof l=="object"&&l.name&&l.name;return it("span",{...m,className:a(e.className,gt,C("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:it("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};Ue.states=oa;Ue.options=sa;Ue.className=gt;Ue.defaultOptions=So;var Tt=Ue;import*as Ot from"@progress/kendo-svg-icons";var Eo="icon",Mo="icons";import{Fragment as Co,jsx as Fe}from"react/jsx-runtime";var rt="k-icon",na=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ia=[],ra={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},It={viewBox:"0 0 24 24",type:"svg"},A=e=>{let{size:t,themeColor:o,icon:n,type:r=It.type,rotate:c,flip:l,viewBox:m=It.viewBox,...d}=e;if(!n)return Fe(Co,{});if(r==="svg"){if(n==="none")return Fe(Tt,{...d,className:a(e.className,rt),icon:n,size:t});let p=Ot[n]?n:na(`${n}-icon`);return Ot[p]?Fe(Tt,{...d,className:a(e.className,rt),icon:Ot[p],size:t,themeColor:o,rotate:c,flip:l,viewBox:m}):Fe(Co,{})}return Fe(vo,{...d,className:a(e.className,rt),icon:n,size:t,themeColor:o,rotate:c,flip:l})};A.states=ia;A.options=ra;A.defaultOptions=It;A.className=rt;A.moduleName=Eo;A.folderName=Mo;var yt="button",ko=yt;import{Fragment as pa,jsx as Ve,jsxs as Ao}from"react/jsx-runtime";var Xe="k-button",la=["icon-button"],ca=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],da={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},Ne={size:i.medium,rounded:b.medium,fillMode:f.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},E=e=>{let{size:t=Ne.size,rounded:o=Ne.rounded,fillMode:n=Ne.fillMode,themeColor:r=Ne.themeColor,showArrow:c=Ne.showArrow,arrowIconName:l=Ne.arrowIconName,variant:m,hover:d,focus:p,active:N,selected:x,disabled:h,icon:L,text:S,iconClassName:g,...T}=e,O=L!==void 0,D=e.children!==void 0;return Ao("button",{...T,className:a(e.className,Xe,xo(Xe,m),C(Xe,{size:t,rounded:o,fillMode:n,themeColor:r}),k(Xe,{hover:d,focus:p,active:N,disabled:h,selected:x}),{"k-icon-button":!S&&!D&&O}),children:[L&&Ve(A,{className:a(g,"k-button-icon"),icon:L}),S?Ao(pa,{children:[S&&Ve("span",{className:"k-button-text",children:S}),e.children]}):e.children&&Ve("span",{className:"k-button-text",children:e.children}),c&&Ve("span",{className:"k-menu-button-arrow k-button-arrow",children:Ve(A,{icon:l})})]})};E.states=ca;E.options=da;E.variants=la;E.className=Xe;E.defaultOptions=Ne;E.moduleName=yt;E.folderName=ko;import{jsx as Mr}from"react/jsx-runtime";import{jsx as gr}from"react/jsx-runtime";import{jsx as yr}from"react/jsx-runtime";var Rt="button",go=Rt;import{jsx as ua}from"react/jsx-runtime";var $e="k-button-group",ma=[s.disabled],fa={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},To={fillMode:f.solid},z=e=>{let{fillMode:t=To.fillMode,disabled:o,stretched:n,...r}=e;return ua("div",{...r,className:a(e.className,$e,C($e,{fillMode:t}),k($e,{disabled:o}),{[`${$e}-stretched`]:n}),children:e.children})};z.states=ma;z.options=fa;z.className=$e;z.defaultOptions=To;z.moduleName=Rt;z.folderName=go;import{Fragment as Jr,jsx as $r,jsxs as qr}from"react/jsx-runtime";import{Fragment as el,jsx as jr,jsxs as tl}from"react/jsx-runtime";import{Fragment as rl,jsx as il,jsxs as ll}from"react/jsx-runtime";import{Fragment as ul,jsx as fl,jsxs as bl}from"react/jsx-runtime";var Kt="slider",Oo=Kt;import{jsx as ke,jsxs as _t}from"react/jsx-runtime";var Je="k-slider",ba=[s.hover,s.focus,s.active,s.disabled,s.readonly],Na={},oe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},_=e=>{let{type:t=oe.type,orientation:o=oe.orientation,readonly:n=oe.readonly,disabled:r=oe.disabled,handlePosition:c=oe.handlePosition,showButtons:l=oe.showButtons,showTicks:m=oe.showTicks,hover:d,focus:p,active:N,trackStyle:x,dir:h,...L}=e,S,g;return o==="horizontal"?(S=h==="rtl"?"caret-alt-left":"caret-alt-right",g=h==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(S="caret-alt-up",g="caret-alt-down"),_t("div",{...L,className:a(Je,e.className,k(Je,{readonly:n,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:h,children:[l&&ke(E,{className:"k-button-decrease",rounded:"full",icon:g}),_t("div",{className:"k-slider-track-wrap",children:[m&&ke("ul",{className:"k-reset k-slider-items",children:e.children}),_t("div",{className:"k-slider-track",style:x,children:[ke("div",{className:"k-slider-selection"}),t==="range"&&ke("span",{className:a("k-draghandle","k-draghandle-start",k(Je,{hover:d,focus:p,active:N}))}),ke("span",{className:a("k-draghandle",`k-draghandle-${c}`,k(Je,{hover:d,focus:p,active:N}))})]})]}),l&&ke(E,{className:"k-button-increase",rounded:"full",icon:S})]})};_.states=ba;_.options=Na;_.className=Je;_.defaultOptions=oe;_.moduleName=Kt;_.folderName=Oo;import{jsx as Io}from"react/jsx-runtime";var yo="k-tick",xa=[],La={},Ro={label:!1},se=e=>{let{style:t,label:o=Ro.label,orientation:n,large:r,text:c,...l}=e;return Io("li",{...l,className:a(e.className,yo,{[`k-tick-${n}`]:n,"k-tick-large":r}),style:t,children:o&&Io("span",{className:"k-label",children:c})})};se.states=xa;se.options=La;se.className=yo;se.defaultOptions=Ro;import{Fragment as Pl,jsx as _l,jsxs as Hl}from"react/jsx-runtime";import{Fragment as Gl,jsx as Dl,jsxs as Ul}from"react/jsx-runtime";import{Fragment as Jl,jsx as $l,jsxs as ql}from"react/jsx-runtime";import{Fragment as jl,jsx as Zl,jsxs as ec}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";var Pt=e=>ha(_,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as va}from"react/jsx-runtime";var Ht=e=>va(_,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var qe="input",lt=qe;import{jsx as Ma}from"react/jsx-runtime";var ct="k-input",Sa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ea={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},dt={size:i.medium,rounded:i.medium,fillMode:f.solid},I=e=>{let{hover:t,focus:o,disabled:n,invalid:r,valid:c,loading:l,readonly:m,size:d=dt.size,rounded:p=dt.rounded,fillMode:N=dt.fillMode,...x}=e;return Ma("span",{...x,className:a(e.className,ct,C(ct,{size:d,rounded:p,fillMode:N}),k(ct,{hover:t,focus:o,disabled:n,invalid:r,valid:c,loading:l,readonly:m}))})};I.states=Sa;I.options=Ea;I.className=ct;I.defaultOptions=dt;I.moduleName=qe;I.folderName=lt;import{jsx as Aa}from"react/jsx-runtime";var pt="k-picker",Ca=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ka={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},mt={size:i.medium,rounded:b.medium,fillMode:f.solid},ae=e=>{let{hover:t,focus:o,disabled:n,invalid:r,valid:c,loading:l,readonly:m,size:d=mt.size,rounded:p=mt.rounded,fillMode:N=mt.fillMode,...x}=e;return Aa("span",{...x,className:a(e.className,pt,C(pt,{size:d,rounded:p,fillMode:N}),k(pt,{hover:t,focus:o,disabled:n,invalid:r,valid:c,loading:l,readonly:m})),children:e.children})};ae.states=Ca;ae.options=ka;ae.className=pt;ae.defaultOptions=mt;ae.moduleName=qe;ae.folderName=lt;import{Fragment as Oa,jsx as zt}from"react/jsx-runtime";var Ko="k-clear-value",ga=[s.disabled,s.loading,s.readonly],Ta={},Q=e=>{let{disabled:t,loading:o,readonly:n,value:r}=e;return t||n||o||!r?zt(Oa,{}):zt("span",{className:a(e.className,Ko),children:zt(A,{icon:"x"})})};Q.states=ga;Q.options=Ta;Q.className=Ko;import{jsx as Ra}from"react/jsx-runtime";var wt="k-input-inner",Ia=[],ya={},ft={type:"text",autocomplete:"off",value:"",placeholder:""},Y=e=>{let{value:t=ft.value,type:o=ft.type,placeholder:n=ft.placeholder,autocomplete:r=ft.autocomplete,...c}=e;return Ra("input",{...c,type:o,className:a(e.className,wt,C(wt,e)),placeholder:n,autoComplete:r,defaultValue:t})};Y.states=Ia;Y.options=ya;Y.className=wt;import{jsx as _o,jsxs as Pa}from"react/jsx-runtime";var Bt="k-input-inner",Ka=[],_a={},We=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:r,valueIconName:c,...l}=e;return Pa("span",{...l,className:a(e.className,Bt,C(Bt,e)),children:[r,!r&&c&&_o(A,{className:"k-input-value-icon",icon:c}),n&&!t&&o,n&&t&&_o("span",{className:"k-input-value-text",children:t})]})};We.states=Ka;We.options=_a;We.className=Bt;import{jsx as wa}from"react/jsx-runtime";var Dt="k-input-inner",Ha=[],za={},Po={value:"",placeholder:""},Gt=e=>{let{value:t=Po.value,placeholder:o=Po.placeholder,rows:n,...r}=e;return wa("textarea",{...r,className:a(e.className,Dt,C(Dt,e)),placeholder:o,rows:n,defaultValue:t})};Gt.states=Ha;Gt.options=za;Gt.className=Dt;import{Fragment as Da,jsx as Ho}from"react/jsx-runtime";var zo="k-input-loading-icon",Ba=[s.disabled,s.loading],X=e=>{let{disabled:t,loading:o}=e;return t||!o?Ho(Da,{}):Ho("span",{className:a(e.className,zo,"k-icon k-i-loading")})};X.states=Ba;X.className=zo;import{Fragment as Fa,jsx as wo}from"react/jsx-runtime";var Bo="k-input-validation-icon",Ga=[s.valid,s.invalid,s.disabled,s.loading],Ua={},G=e=>{let{valid:t,invalid:o,disabled:n,loading:r}=e,c=o?"warning-circle":"check-circle";return n||r||!!!(t||o)?wo(Fa,{}):wo(A,{className:a(Bo),icon:c})};G.states=Ga;G.options=Ua;G.className=Bo;import{Fragment as $a,jsx as Do}from"react/jsx-runtime";var Va="k-input-prefix",Xa={direction:"horizontal"},Ae=e=>{let{direction:t=Xa.direction,...o}=e;return e.children?Do("span",{...o,className:a(Va,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Do($a,{})};import{Fragment as Wa,jsx as Go}from"react/jsx-runtime";var Ja="k-input-suffix",qa={direction:"horizontal"},ge=e=>{let{direction:t=qa.direction,...o}=e;return e.children?Go("span",{...o,className:a(Ja,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Go(Wa,{})};import{jsx as td}from"react/jsx-runtime";import{jsx as nd}from"react/jsx-runtime";import{jsx as Ya}from"react/jsx-runtime";var Uo="k-input-separator",Qa={direction:"vertical"},Te=e=>{let{direction:t=Qa.direction,...o}=e;return Ya("span",{...o,className:a(Uo,e.className,{[`${Uo}-${t}`]:t})})};import{jsx as Fo,jsxs as on}from"react/jsx-runtime";var Vo="k-spin-button",en=[],tn={size:[i.small,i.medium,i.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},Ut={size:i.medium,fillMode:f.solid},ne=e=>{let{size:t=Ut.size,fillMode:o=Ut.fillMode,...n}=e;return on("span",{...n,className:a(Vo,e.className),children:[Fo(E,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Fo(E,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};ne.states=en;ne.options=tn;ne.className=Vo;ne.defaultOptions=Ut;ne.moduleName=null;ne.folderName=null;var Xo="numeric-textbox",$o="numerictextbox";import{Fragment as Jo,jsx as Z,jsxs as Ft}from"react/jsx-runtime";var qo="k-numerictextbox",sn=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],an={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},xe={showSpinButton:!0,showClearButton:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},y=e=>{let{size:t=xe.size,rounded:o=xe.rounded,fillMode:n=xe.fillMode,separators:r=xe.separators,showClearButton:c=xe.showClearButton,showSpinButton:l=xe.showSpinButton,prefix:m,suffix:d,value:p,placeholder:N,hover:x,focus:h,valid:L,invalid:S,required:g,loading:T,disabled:O,readonly:D,...be}=e;return Ft(I,{...be,size:t,rounded:o,fillMode:n,hover:x,focus:h,valid:L,invalid:S,required:g,loading:T,disabled:O,readonly:D,className:a(e.className,qo),children:[m&&Ft(Jo,{children:[Z(Ae,{children:m}),r&&Z(Te,{})]}),Z(Y,{placeholder:N,value:p}),Z(G,{valid:L,invalid:S,loading:T,disabled:O}),Z(X,{loading:T,disabled:O}),c&&Z(Q,{loading:T,disabled:O,readonly:D,value:p}),d&&Ft(Jo,{children:[r&&Z(Te,{}),Z(ge,{children:d})]}),l&&Z(ne,{className:"k-input-spinner",size:t,fillMode:n})]})};y.states=sn;y.options=an;y.className=qo;y.defaultOptions=xe;y.moduleName=Xo;y.folderName=$o;import{jsx as Gd}from"react/jsx-runtime";var Vt="popup",Qo=Vt;import{jsx as Yo}from"react/jsx-runtime";var Zo="k-animation-container",nn=[],rn={},jo={positionMode:"absolute"},$=e=>{let{positionMode:t=jo.positionMode,animationStyle:o,offset:n,...r}=e;return Yo("div",{...r,style:{...n,...e.style},className:a(e.className,Zo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Yo("div",{className:"k-child-animation-container",style:o,children:e.children})})};$.states=nn;$.options=rn;$.className=Zo;$.defaultOptions=jo;$.moduleName=Vt;$.folderName=Qo;var Xt="popup",es=Xt;import{jsx as ts}from"react/jsx-runtime";var os="k-popup",ln=[],cn={},ss={positionMode:"absolute"},ie=e=>{let{offset:t,positionMode:o=ss.positionMode,animationStyle:n,...r}=e;return ts($,{positionMode:o,offset:t,animationStyle:n,children:ts("div",{...r,className:a(e.className,os),children:e.children})})};ie.states=ln;ie.options=cn;ie.className=os;ie.defaultOptions=ss;ie.moduleName=Xt;ie.folderName=es;import{jsx as pn}from"react/jsx-runtime";var dn="k-actionsheet-footer",as={alignment:"stretched",orientation:"horizontal"},$t=e=>{let{alignment:t=as.alignment,orientation:o=as.orientation,template:n,as:r=n?"div":V,...c}=e;return pn(r,{...c,...!n&&{alignment:t,orientation:o},className:a(e.className,dn),children:e.children})};var Jt="searchbox",ns=Jt;import{jsx as Qe,jsxs as un}from"react/jsx-runtime";var is="k-searchbox",mn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],fn={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},qt={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},U=e=>{let{value:t,placeholder:o,size:n,rounded:r,fillMode:c,hover:l,focus:m,valid:d,invalid:p,required:N,loading:x,disabled:h,showIcon:L=qt.showIcon,icon:S=qt.icon,...g}=e;return un(I,{...g,size:n,rounded:r,fillMode:c,hover:l,focus:m,valid:d,invalid:p,required:N,loading:x,disabled:h,className:a(e.className,is),children:[L&&Qe(A,{className:"k-input-icon",icon:S}),Qe(Y,{placeholder:o,value:t}),Qe(X,{...e}),Qe(G,{...e}),Qe(Q,{...e})]})};U.states=mn;U.options=fn;U.className=is;U.defaultOptions=qt;U.moduleName=Jt;U.folderName=ns;import{jsx as Lp}from"react/jsx-runtime";var Wt="textbox",rs=Wt;import{Fragment as ls,jsx as re,jsxs as Qt}from"react/jsx-runtime";var cs="k-textbox",bn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Nn={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},Le={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},J=e=>{let{size:t=Le.size,rounded:o=Le.rounded,fillMode:n=Le.fillMode,separators:r=Le.separators,showClearButton:c=Le.showClearButton,showValidationIcon:l=Le.showValidationIcon,prefix:m,suffix:d,type:p,value:N,placeholder:x,hover:h,focus:L,valid:S,invalid:g,required:T,loading:O,disabled:D,readonly:be,...Mt}=e;return Qt(I,{...Mt,size:t,rounded:o,fillMode:n,hover:h,focus:L,valid:S,invalid:g,required:T,loading:O,disabled:D,readonly:be,className:a(e.className,cs),children:[m&&Qt(ls,{children:[re(Ae,{children:m}),r&&re(Te,{})]}),re(Y,{placeholder:x,value:N,type:p}),l&&re(G,{valid:S,invalid:g,loading:O,disabled:D}),re(X,{loading:O,disabled:D}),c&&re(Q,{loading:O,disabled:D,readonly:be,value:N}),d&&Qt(ls,{children:[r&&re(Te,{}),re(ge,{children:d})]})]})};J.states=bn;J.options=Nn;J.className=cs;J.defaultOptions=Le;J.moduleName=Wt;J.folderName=rs;import{jsx as yp}from"react/jsx-runtime";import{Fragment as zp,jsx as Hp}from"react/jsx-runtime";import{Fragment as Vp,jsx as Fp}from"react/jsx-runtime";import{jsx as le,jsxs as Yt}from"react/jsx-runtime";var ps="k-actionsheet-titlebar",xn={},ce=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:r,filter:c,input:l,inputValue:m,inputPlaceholder:d,adaptive:p,children:N,...x}=e;return Yt("div",{...x,className:a(e.className,ps),children:[Yt("div",{className:"k-actionsheet-titlebar-group",children:[n&&le("div",{className:"k-actionsheet-actions",children:n}),!N&&Yt("div",{className:"k-actionsheet-title",children:[t&&le("div",{className:"k-text-center",children:t}),o&&le("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&le("div",{className:"k-actionsheet-title",children:N}),r&&le("div",{className:"k-actionsheet-actions",children:r})]}),(l||c)&&le("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?le(J,{value:m,placeholder:d,size:p?"large":"medium"}):le(U,{placeholder:"Filter",size:p?"large":"medium"})})]})};ce.className=ps;ce.defaultOptions=xn;import{jsx as Zt,jsxs as Sn}from"react/jsx-runtime";var jt="k-actionsheet-view",Ln=[],hn={},vn={},Oe=e=>{let{adaptive:t,animated:o,children:n,header:r,footer:c,...l}=e,m=r?.type===ce&&Zt(ce,{adaptive:t,...r?.props}),d=c?.type===$t&&Zt($t,{...c?.props});return Sn("div",{...l,className:a(e.className,jt,{[`${jt}-animated`]:o}),children:[m,Zt("div",{className:"k-actionsheet-content",children:n}),d]})};Oe.states=Ln;Oe.options=hn;Oe.className=jt;Oe.defaultOptions=vn;var Ye="action-sheet",ut=Ye;import{jsx as bt,jsxs as Cn}from"react/jsx-runtime";var ms="k-actionsheet",En=[],Mn={},Ze={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Ze.side,fullscreen:o=Ze.fullscreen,adaptive:n=Ze.adaptive,overlay:r=Ze.overlay,template:c,children:l,header:m,footer:d,...p}=e;return Cn("div",{className:"k-actionsheet-container",children:[r&&bt("div",{className:"k-overlay"}),bt($,{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:bt("div",{...p,className:a(e.className,ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:c||bt(Oe,{header:m,footer:d,adaptive:n,...e,children:l})})})]})};j.states=En;j.options=Mn;j.className=ms;j.defaultOptions=Ze;j.moduleName=Ye;j.folderName=ut;import{jsx as Tn}from"react/jsx-runtime";var fs="k-actionsheet-container",kn=[],An={},gn={},Ie=e=>{let{children:t,...o}=e;return Tn("div",{...o,className:fs,children:t})};Ie.states=kn;Ie.options=An;Ie.className=fs;Ie.defaultOptions=gn;Ie.moduleName=Ye;Ie.folderName=ut;import{jsx as hm}from"react/jsx-runtime";import{Fragment as In,jsx as je,jsxs as eo}from"react/jsx-runtime";var to="k-actionsheet-item",On=[s.hover,s.focus,s.selected,s.disabled],oo=e=>{let{iconName:t,text:o,description:n,hover:r,focus:c,selected:l,disabled:m,...d}=e;return eo("span",{...d,className:a(e.className,to,k(to,{hover:r,focus:c,selected:l,disabled:m})),children:[!e.children&&je(In,{children:eo("span",{className:"k-actionsheet-action",children:[t&&je("span",{className:"k-icon-wrap",children:je(A,{className:"k-actionsheet-item-icon",icon:t})}),eo("span",{className:"k-actionsheet-item-text",children:[o&&je("span",{className:"k-actionsheet-item-title",children:o}),n&&je("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};oo.states=On;oo.className=to;import{jsx as Tm,jsxs as Om}from"react/jsx-runtime";import{jsx as Km}from"react/jsx-runtime";import{jsx as zm}from"react/jsx-runtime";import{jsx as Gm}from"react/jsx-runtime";import{jsx as Rn}from"react/jsx-runtime";var yn="k-no-data",et=e=>Rn("span",{className:a(yn,e.className),children:e.children});var ee="list",de=ee;import{jsx as ye,jsxs as bs}from"react/jsx-runtime";var so="k-list",Kn=[],_n={size:[i.small,i.medium,i.large]},Ns={size:i.medium},K=e=>{let{size:t=Ns.size,virtualization:o,children:n,optionLabel:r,customValue:c,screenReaders:l,...m}=e,d,p,N,x,h=[];return n?n.map((L,S)=>{L.type===P?(L.props.root===!0?(d=L.props.label,L.props.children.map((g,T)=>{h.push(ye(M,{...g.props},`optChild-${T}-${new Date().getTime()}`))})):L.props.children.forEach((g,T)=>{let O="";T===0&&(O=L.props.label),h.push(ye(M,{className:T===0?"k-first":"",...g.props,groupLabel:O},`groupLabel-${T}-${new Date().getTime()}`))}),p=ye(P,{label:d,virtualization:o,children:h})):L.type===M&&(h.push(ye(M,{...L.props},`${L.type}-${S}`)),N=ye(Re,{virtualization:o,children:h}),l&&(x=bs(et,{className:"k-sr-only",children:[h.length," items found."]})))}):x=ye(et,{children:"No data found."}),bs("div",{...m,className:a(e.className,so,C(so,{size:t}),{"k-virtual-list":o}),children:[r,c,p,N,x]})};K.states=Kn;K.options=_n;K.className=so;K.defaultOptions=Ns;K.moduleName=ee;K.folderName=de;import{jsx as wn}from"react/jsx-runtime";var xs="k-list-container",Pn=[],Hn={},zn={},Ke=e=>{let{...t}=e;return wn("div",{...t,className:a(e.className,xs),children:e.children})};Ke.states=Pn;Ke.options=Hn;Ke.className=xs;Ke.defaultOptions=zn;Ke.moduleName=ee;Ke.folderName=de;import{jsx as he,jsxs as Gn}from"react/jsx-runtime";var ao="k-list",Bn=[],Dn={size:[i.small,i.medium,i.large]},Ls={size:i.medium},te=e=>{let{size:t=Ls.size,virtualization:o,children:n,...r}=e,c,l,m,d=[];return n?n.map((p,N)=>{p.type===P?(p.props.root===!0?(c=p.props.label,p.props.children.map((x,h)=>{d.push(he(M,{...x.props},`optChild-${h}-${new Date().getTime()}`))})):(d.push(he(hs,{...p.props,children:p.props.label},`listChild-${N}`)),p.props.children.map((x,h)=>{d.push(he(M,{...x.props},`fwOptChild-${h}-${new Date().getTime()}`))})),l=he(P,{label:c,virtualization:o,children:d})):p.type===M&&(d.push(he(M,{...p.props},`${p.type}-${N}`)),m=he(Re,{virtualization:o,children:d}))}):m=he(et,{children:"No data found."}),Gn("div",{...r,className:a(e.className,ao,C(ao,{size:t}),{"k-virtual-list":o}),children:[l,m]})};te.states=Bn;te.options=Dn;te.className=ao;te.defaultOptions=Ls;te.moduleName=ee;te.folderName=de;var ve="checkbox",_e=ve;import{jsx as vs}from"react/jsx-runtime";var Nt="k-checkbox",Un=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Fn={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full]},no={size:i.medium,rounded:b.medium},q=e=>{let{id:t,checked:o,indeterminate:n,hover:r,focus:c,disabled:l,invalid:m,valid:d,required:p,size:N=no.size,rounded:x=no.rounded,...h}=e;return vs("span",{className:"k-checkbox-wrap",children:vs("input",{...h,id:t,type:"checkbox",defaultChecked:o,required:p,className:a(e.className,Nt,C(Nt,{size:N,rounded:x}),k(Nt,{hover:r,focus:c,disabled:l,invalid:m,valid:d,indeterminate:n,checked:o}))})})};q.states=Un;q.options=Fn;q.className=Nt;q.defaultOptions=no;q.moduleName=ve;q.folderName=_e;import{jsx as $n}from"react/jsx-runtime";var Ss="k-checkbox-list",Vn=[],Xn={},Es={layout:"vertical"},pe=e=>{let{layout:t=Es.layout,...o}=e;return $n("ul",{...o,className:a(e.className,Ss,{[`k-list-${t}`]:t}),children:e.children})};pe.states=Vn;pe.options=Xn;pe.className=Ss;pe.defaultOptions=Es;pe.moduleName=ve;pe.folderName=_e;import{jsx as Qn}from"react/jsx-runtime";var Ms="k-checkbox-list-item",Jn=[],qn={},Wn={},me=e=>{let{...t}=e;return Qn("li",{...t,className:a(e.className,Ms),children:e.children})};me.states=Jn;me.options=qn;me.className=Ms;me.defaultOptions=Wn;me.moduleName=ve;me.folderName=_e;import{Fragment as Df,jsx as Bf,jsxs as Gf}from"react/jsx-runtime";import{Fragment as $f,jsx as Xf,jsxs as Jf}from"react/jsx-runtime";import{Fragment as Zf,jsx as Yf,jsxs as jf}from"react/jsx-runtime";import{Fragment as au,jsx as su,jsxs as nu}from"react/jsx-runtime";import{jsx as cu}from"react/jsx-runtime";import{jsx as fu}from"react/jsx-runtime";import{jsx as xt,jsxs as ei}from"react/jsx-runtime";var ro="k-list-item",Yn=[s.hover,s.focus,s.selected,s.disabled],Zn={},jn={},M=e=>{let{text:t,groupLabel:o,group:n,showIcon:r,iconName:c,showCheckbox:l,checked:m,hover:d,focus:p,selected:N,disabled:x,...h}=e,L=t||e.children;return ei("li",{...h,className:a(e.className,n?"k-list-group-item":ro,k(ro,{hover:d,focus:p,disabled:x,selected:N})),children:[l&&xt(q,{checked:m}),r&&xt(A,{icon:c}),xt("span",{className:"k-list-item-text",children:L}),o&&o!==""&&xt("div",{className:"k-list-item-group-label",children:o})]})};M.states=Yn;M.options=Zn;M.className=ro;M.defaultOptions=jn;M.moduleName=ee;M.folderName=de;import{jsx as lo,jsxs as oi}from"react/jsx-runtime";var ti="k-list-content",Re=e=>{let{virtualization:t,...o}=e;return oi("div",{...o,className:a(ti,e.className),children:[lo("ul",{className:a("k-list-ul"),children:e.children}),t&&lo("div",{className:"k-height-container",children:lo("div",{})})]})};import{jsx as Cs}from"react/jsx-runtime";var si="k-list-group-sticky-header",ks=e=>Cs("div",{className:a(si,e.className),children:Cs("div",{className:"k-list-header-text",children:e.children})});import{Fragment as ai,jsx as As,jsxs as ni}from"react/jsx-runtime";var P=e=>{let{virtualization:t,label:o}=e;return ni(ai,{children:[o&&As(ks,{children:o}),e.children&&As(Re,{virtualization:t,children:e.children})]})};import{jsx as gs}from"react/jsx-runtime";var ii="k-list-group-item",hs=e=>gs("li",{className:a(ii,e.className),children:gs("span",{className:"k-list-item-text",children:e.children})});import{jsx as di}from"react/jsx-runtime";var co="k-list-optionlabel",ri=[s.hover,s.focus,s.selected,s.disabled],li={},ci={},Lt=e=>{let{text:t,hover:o,focus:n,selected:r,disabled:c,...l}=e;return di("div",{...l,className:a(co,k(co,{hover:o,focus:n,selected:r,disabled:c})),children:t})};Lt.states=ri;Lt.options=li;Lt.className=co;Lt.defaultOptions=ci;import{jsx as ui}from"react/jsx-runtime";var po="k-list-custom-value",pi=[s.hover,s.focus,s.selected,s.disabled],mi={},fi={},ht=e=>{let{text:t,hover:o,focus:n,selected:r,disabled:c,...l}=e;return ui("div",{...l,className:a(po,k(po,{hover:o,focus:n,selected:r,disabled:c})),children:t})};ht.states=pi;ht.options=mi;ht.className=po;ht.defaultOptions=fi;import{jsx as Yu}from"react/jsx-runtime";import{jsx as tb}from"react/jsx-runtime";import{jsx as nb,jsxs as ib}from"react/jsx-runtime";import{jsx as db,jsxs as pb}from"react/jsx-runtime";import{jsx as bb}from"react/jsx-runtime";import{jsx as hb,jsxs as vb}from"react/jsx-runtime";import{jsx as Cb,jsxs as kb}from"react/jsx-runtime";var Ts="dropdown-list",Os="dropdownlist";import{Fragment as xi,jsx as H,jsxs as mo}from"react/jsx-runtime";var Is="k-dropdownlist",bi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ni={size:[i.small,i.medium,i.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[f.solid,f.flat,f.outline]},Pe={showValue:!0,arrowIconName:"caret-alt-down",size:i.medium,rounded:b.medium,fillMode:f.solid},Se=e=>{let{size:t=Pe.size,rounded:o=Pe.rounded,fillMode:n=Pe.fillMode,arrowIconName:r=Pe.arrowIconName,showValue:c=Pe.showValue,valueIconName:l,prefix:m,suffix:d,value:p,placeholder:N,hover:x,focus:h,valid:L,invalid:S,required:g,loading:T,disabled:O,readonly:D,popup:be,opened:Mt,adaptive:Fs,adaptiveSettings:Vs,adaptiveTitle:Xs,adaptiveSubtitle:$s,adaptiveFilter:Js,...qs}=e;return mo(xi,{children:[mo(ae,{...qs,size:t,rounded:o,fillMode:n,hover:x,focus:h,valid:L,invalid:S,required:g,loading:T,disabled:O,readonly:D,className:a(e.className,Is,{"k-icon-picker":!c&&l}),children:[H(Ae,{children:m}),H(We,{placeholder:N,value:p,showValue:c,valueIconName:l}),H(G,{valid:L,invalid:S,loading:T,disabled:O}),H(X,{loading:T,disabled:O}),H(ge,{children:d}),H(E,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),Mt&&be&&H(ie,{className:"k-list-container k-dropdownlist-popup",children:be}),Fs&&H(j,{adaptive:!0,...Vs,header:H(ce,{actionsEnd:H(E,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Js,inputValue:p,inputPlaceholder:N,title:Xs,subtitle:$s}),children:H("div",{className:"k-list-container",children:mo(K,{size:"large",children:[H(M,{text:"List item"}),H(M,{text:"List item"}),H(M,{text:"List item"})]})})})]})};Se.states=bi;Se.options=Ni;Se.className=Is;Se.defaultOptions=Pe;Se.moduleName=Ts;Se.folderName=Os;import{jsx as aN}from"react/jsx-runtime";import{jsx as cN,jsxs as dN}from"react/jsx-runtime";import{Fragment as LN,jsx as NN,jsxs as xN}from"react/jsx-runtime";import{jsx as EN}from"react/jsx-runtime";import{jsx as gN,jsxs as TN}from"react/jsx-runtime";import{jsx as KN,jsxs as _N}from"react/jsx-runtime";import{Fragment as UN,jsx as DN,jsxs as GN}from"react/jsx-runtime";import{Fragment as QN,jsx as qN,jsxs as WN}from"react/jsx-runtime";import{Fragment as mx,jsx as px}from"react/jsx-runtime";import{Fragment as hx,jsx as Lx}from"react/jsx-runtime";import{Fragment as tt,jsx as v,jsxs as R}from"react/jsx-runtime";var ys="k-colorgradient-inputs",Li=[],hi={size:[i.small,i.medium,i.large]},Rs={mode:"rgba",size:i.medium},He=e=>{let{mode:t=Rs.mode,size:o,...n}=e;return R("div",{...n,className:a(ys,"k-hstack"),children:[v("div",{className:"k-vstack",children:v(E,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&R(tt,{children:[R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),v("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),v("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),v("label",{className:"k-colorgradient-input-label",children:"B"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),v("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&R(tt,{children:[R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&R(tt,{children:[R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"V"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),v("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&R(tt,{children:[R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[v(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),v("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&v(tt,{children:R("div",{className:"k-vstack k-flex-1",children:[v(J,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),v("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};He.states=Li;He.options=hi;He.className=ys;He.defaultOptions=Rs;import{jsx as Me,jsxs as Ce}from"react/jsx-runtime";var Ks="k-colorgradient-color-contrast",vi=[],Si={},Ei={},ze=()=>Ce("div",{className:a(Ks,"k-vbox"),children:[Ce("div",{className:"k-contrast-ratio",children:[Me("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ce("span",{className:"k-contrast-validation !k-text-success",children:[Me(A,{icon:"check"}),Me(A,{icon:"check"})]})]}),Ce("div",{children:[Me("span",{children:"AA: 4.5"}),Ce("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Me(A,{icon:"check"})]})]}),Ce("div",{children:[Me("span",{children:"AAA: 7.0"}),Ce("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Me(A,{icon:"x"})]})]})]});ze.states=vi;ze.options=Si;ze.className=Ks;ze.defaultOptions=Ei;var _s="color-gradient",Ps="colorgradient";import{jsx as w,jsxs as ot}from"react/jsx-runtime";var vt="k-colorgradient",Mi=[s.hover,s.focus,s.readonly,s.disabled],Ci={size:[i.small,i.medium,i.large]},F={size:i.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"},W=e=>{let{size:t=F.size,mode:o=F.mode,readonly:n=F.readonly,disabled:r=F.disabled,gradientStyle:c=F.gradientStyle,dragHandleStyle:l=F.dragHandleStyle,alphaStyle:m=F.alphaStyle,alphaStyleHorizontal:d=F.alphaStyleHorizontal,contrast:p=F.contrast,dir:N,hover:x,focus:h,hoverHandle:L,focusHandle:S,canvasOrientation:g=F.canvasOrientation,...T}=e;return ot("div",{...T,className:a(e.className,vt,C(vt,{size:t}),k(vt,{hover:x,focus:h,readonly:n,disabled:r})),dir:N,children:[!g||g==="horizontal"&&ot("div",{className:"k-colorgradient-canvas k-hstack",children:[w("div",{className:"k-hsv-rectangle",style:c,children:w("div",{className:"k-hsv-gradient",children:w("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":S}),style:l})})}),ot("div",{className:"k-hsv-controls k-hstack",children:[w(Ht,{className:"k-hue-slider",hover:L,focus:S}),o!=="rgb"&&o!=="hsv"&&w(Ht,{className:"k-alpha-slider",hover:L,focus:S,trackStyle:m})]})]}),g==="vertical"&&ot("div",{className:"k-colorgradient-canvas k-vstack",children:[w("div",{className:"k-hsv-rectangle",style:c,children:w("div",{className:"k-hsv-gradient",children:w("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":S}),style:l})})}),ot("div",{className:"k-hsv-controls k-vstack",children:[w(Pt,{className:"k-hue-slider",hover:L,focus:S}),o!=="rgb"&&o!=="hsv"&&w(Pt,{className:"k-alpha-slider",hover:L,focus:S,trackStyle:d})]})]}),w(He,{mode:e.mode,size:t}),p&&w(ze,{})]})};W.states=Mi;W.options=Ci;W.className=vt;W.defaultOptions=F;W.moduleName=_s;W.folderName=Ps;import{jsx as $x}from"react/jsx-runtime";import{jsx as Qx}from"react/jsx-runtime";import{jsx as ki}from"react/jsx-runtime";var Hs=e=>ki("tr",{children:e.children});import{jsx as Ti}from"react/jsx-runtime";var fo="k-colorpalette-tile",Ai=[s.hover,s.focus,s.selected],gi={},st=e=>{let{color:t,tileSize:o,hover:n,focus:r,selected:c,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ti("td",{...l,className:a(e.className,fo,k(fo,{hover:n,focus:r,selected:c})),style:m})};st.states=Ai;st.options=gi;st.className=fo;var zs="color-palette",ws="colorpalette";import{jsx as at}from"react/jsx-runtime";var St="k-colorpalette",Oi=[s.disabled],Ii={size:[i.small,i.medium,i.large]},uo={columns:10,size:i.medium},fe=e=>{let{size:t=uo.size,palette:o,columns:n=uo.columns,tileSize:r,disabled:c,...l}=e,m=[];if(o){let d=n||o.columns,p=o.colors?o.colors:o;Array.isArray(p)&&Array.from({length:Math.ceil(p.length/d)},(N,x)=>{let h=[];p.slice(x*d,(x+1)*d).map((S,g)=>{h.push(at(st,{color:S,tileSize:r},g))});let L=at(Hs,{children:h},x);m.push(L)})}return at("div",{...l,className:a(e.className,St,k(St,{disabled:c}),C(St,{size:t})),children:at("table",{className:"k-colorpalette-table",children:at("tbody",{children:m.length>0?m:e.children})})})};fe.states=Oi;fe.options=Ii;fe.className=St;fe.defaultOptions=uo;fe.moduleName=zs;fe.folderName=ws;var bo={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 SL}from"react/jsx-runtime";import{jsx as Bs,jsxs as Ki}from"react/jsx-runtime";var Ds="k-color-preview",yi=[],Ri={},we=e=>{let{color:t,iconName:o,...n}=e;return Ki("span",{...n,className:a(e.className,Ds,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Bs(A,{icon:o,className:"k-color-preview-icon"}),Bs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};we.states=yi;we.options=Ri;we.className=Ds;var Gs="color-editor",Us="coloreditor";import{jsx as B,jsxs as Be}from"react/jsx-runtime";var Et="k-coloreditor",_i=[s.focus],Pi={size:[i.small,i.medium,i.large]},De={size:i.medium,view:"gradient",palette:bo.office,actionButtons:!0,canvasOrientation:"horizontal"},ue=e=>{let{size:t=De.size,view:o=De.view,palette:n=De.palette,color:r,currentColor:c,focus:l,focusView:m,dir:d,group:p,actionButtons:N=De.actionButtons,canvasOrientation:x=De.canvasOrientation,...h}=e;return Be("div",{...h,className:a(e.className,"k-flatcolorpicker",Et,C(Et,{size:t}),k(Et,{focus:l})),dir:d,children:[Be("div",{className:"k-coloreditor-header k-hstack",children:[B("div",{className:"k-coloreditor-header-actions k-hstack",children:p&&Be(z,{fillMode:"flat",children:[B(E,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),B(E,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),B("div",{className:"k-spacer"}),Be("div",{className:"k-coloreditor-header-actions k-hstack",children:[B(E,{fillMode:"flat",icon:"droplet-slash",size:t}),Be("div",{className:"k-coloreditor-preview k-vstack",children:[B(we,{className:"k-coloreditor-preview-color",color:r}),B(we,{className:"k-coloreditor-current-color",color:c})]})]})]}),B("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?B(W,{focus:m,size:t,canvasOrientation:x}):B(fe,{palette:n,size:t})}),N&&Be(V,{className:"k-coloreditor-footer",alignment:"start",children:[B(E,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),B(E,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ue.states=_i;ue.options=Pi;ue.className=Et;ue.defaultOptions=De;ue.moduleName=Gs;ue.folderName=Us;import{jsx as qL}from"react/jsx-runtime";import{jsx as ZL}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";import{jsx as ih}from"react/jsx-runtime";import{jsx as Hi}from"react/jsx-runtime";var bh=({color:e,currentColor:t,...o})=>Hi(ue,{group:!0,view:"palette",color:e,currentColor:t,...o});export{bh as ColorPickerAdaptivePalette};