@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 39.2 kB
JavaScript
var Ws=Object.create;var it=Object.defineProperty;var Qs=Object.getOwnPropertyDescriptor;var Ys=Object.getOwnPropertyNames;var Zs=Object.getPrototypeOf,js=Object.prototype.hasOwnProperty;var en=(e,t)=>{for(var o in t)it(e,o,{get:t[o],enumerable:!0})},xo=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ys(t))!js.call(e,r)&&r!==o&&it(e,r,{get:()=>t[r],enumerable:!(i=Qs(t,r))||i.enumerable});return e};var tn=(e,t,o)=>(o=e!=null?Ws(Zs(e)):{},xo(t||!e||!e.__esModule?it(o,"default",{value:e,enumerable:!0}):o,e)),on=e=>xo(it({},"__esModule",{value:!0}),e);var fa={};en(fa,{ColorGradient:()=>Le,default:()=>ua});module.exports=on(fa);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.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"}),T=(e,t)=>{let{valid:o,invalid:i,hover:r,focus:l,checked:p,active:f,selected:m,disabled:c,indeterminate:L,loading:b,empty:v,readonly:h,highlighted:M,...k}=t;return n({"k-valid":o,"k-invalid":i,"k-hover":r,"k-focus":l,"k-checked":p,"k-active":f,"k-selected":m,"k-disabled":c,"k-indeterminate":L&&!p,"k-loading":b,"k-empty":v,"k-readonly":h,"k-highlighted":M},Object.keys(k).reduce((g,E)=>(E.startsWith("k-")?g[E]=k[E]:g[`k-${E}`]=k[E],g),{}))};function Lo(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={small:"small",medium:"medium",large:"large",full:"full"},x={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 Fe=require("react/jsx-runtime"),vt="k-font-icon",sn=[],nn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},an={},Ve=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:l,...p}=e;return i?(0,Fe.jsx)("span",{...p,className:n(e.className,vt,A(vt,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):(0,Fe.jsx)(Fe.Fragment,{})};Ve.states=sn;Ve.options=nn;Ve.className=vt;Ve.defaultOptions=an;var ho=Ve;var be=require("react/jsx-runtime"),St="k-svg-icon",rn=[],ln={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},bo={viewBox:"0 0 24 24"},Xe=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:l=bo.viewBox,icon:p,...f}=e;if(!p)return(0,be.jsx)(be.Fragment,{});p==="none"&&{...f,className:n(e.className,St,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return(0,be.jsx)("span",{...f,className:n(e.className,St,A("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,be.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Xe.states=rn;Xe.options=ln;Xe.className=St;Xe.defaultOptions=bo;var Mt=Xe;var It=tn(require("@progress/kendo-svg-icons"));var vo="icon",So="icons";var ee=require("react/jsx-runtime"),at="k-icon",pn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dn=[],mn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},kt={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{size:t,themeColor:o,icon:i,type:r=kt.type,rotate:l,flip:p,viewBox:f=kt.viewBox,...m}=e;if(!i)return(0,ee.jsx)(ee.Fragment,{});if(r==="svg"){if(i==="none")return(0,ee.jsx)(Mt,{...m,className:n(e.className,at),icon:i,size:t});let c=It[i]?i:pn(`${i}-icon`);return It[c]?(0,ee.jsx)(Mt,{...m,className:n(e.className,at),icon:It[c],size:t,themeColor:o,rotate:l,flip:p,viewBox:f}):(0,ee.jsx)(ee.Fragment,{})}return(0,ee.jsx)(ho,{...m,className:n(e.className,at),icon:i,size:t,themeColor:o,rotate:l,flip:p})};I.states=dn;I.options=mn;I.defaultOptions=kt;I.className=at;I.moduleName=vo;I.folderName=So;var gt="button",Mo=gt;var F=require("react/jsx-runtime"),$e="k-button",cn=["icon-button"],un=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],fn={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},ve={size:a.medium,rounded:N.medium,fillMode:x.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},C=e=>{let{size:t=ve.size,rounded:o=ve.rounded,fillMode:i=ve.fillMode,themeColor:r=ve.themeColor,showArrow:l=ve.showArrow,arrowIconName:p=ve.arrowIconName,variant:f,hover:m,focus:c,active:L,selected:b,disabled:v,icon:h,text:M,iconClassName:k,...g}=e,E=h!==void 0,U=e.children!==void 0;return(0,F.jsxs)("button",{...g,className:n(e.className,$e,Lo($e,f),A($e,{size:t,rounded:o,fillMode:i,themeColor:r}),T($e,{hover:m,focus:c,active:L,disabled:v,selected:b}),{"k-icon-button":!M&&!U&&E}),children:[h&&(0,F.jsx)(I,{className:n(k,"k-button-icon"),icon:h}),M?(0,F.jsxs)(F.Fragment,{children:[M&&(0,F.jsx)("span",{className:"k-button-text",children:M}),e.children]}):e.children&&(0,F.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,F.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,F.jsx)(I,{icon:p})})]})};C.states=un;C.options=fn;C.variants=cn;C.className=$e;C.defaultOptions=ve;C.moduleName=gt;C.folderName=Mo;var Nn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var Et="slider",Io=Et;var V=require("react/jsx-runtime"),Je="k-slider",hn=[s.hover,s.focus,s.active,s.disabled,s.readonly],bn={},ae={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},w=e=>{let{type:t=ae.type,orientation:o=ae.orientation,readonly:i=ae.readonly,disabled:r=ae.disabled,handlePosition:l=ae.handlePosition,showButtons:p=ae.showButtons,showTicks:f=ae.showTicks,hover:m,focus:c,active:L,trackStyle:b,dir:v,...h}=e,M,k;return o==="horizontal"?(M=v==="rtl"?"caret-alt-left":"caret-alt-right",k=v==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(M="caret-alt-up",k="caret-alt-down"),(0,V.jsxs)("div",{...h,className:n(Je,e.className,T(Je,{readonly:i,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:v,children:[p&&(0,V.jsx)(C,{className:"k-button-decrease",rounded:"full",icon:k}),(0,V.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,V.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,V.jsxs)("div",{className:"k-slider-track",style:b,children:[(0,V.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,V.jsx)("span",{className:n("k-draghandle","k-draghandle-start",T(Je,{hover:m,focus:c,active:L}))}),(0,V.jsx)("span",{className:n("k-draghandle",`k-draghandle-${l}`,T(Je,{hover:m,focus:c,active:L}))})]})]}),p&&(0,V.jsx)(C,{className:"k-button-increase",rounded:"full",icon:M})]})};w.states=hn;w.options=bn;w.className=Je;w.defaultOptions=ae;w.moduleName=Et;w.folderName=Io;var At=require("react/jsx-runtime"),ko="k-tick",vn=[],Sn={},go={label:!1},re=e=>{let{style:t,label:o=go.label,orientation:i,large:r,text:l,...p}=e;return(0,At.jsx)("li",{...p,className:n(e.className,ko,{[`k-tick-${i}`]:i,"k-tick-large":r}),style:t,children:o&&(0,At.jsx)("span",{className:"k-label",children:l})})};re.states=vn;re.options=Sn;re.className=ko;re.defaultOptions=go;var Tt=require("react/jsx-runtime");var Ct=require("react/jsx-runtime");var Ot=require("react/jsx-runtime");var yt=require("react/jsx-runtime");var Eo=require("react/jsx-runtime"),Rt=e=>(0,Eo.jsx)(w,{type:"gradient",showButtons:!1,showTicks:!1,...e});var Ao=require("react/jsx-runtime"),_t=e=>(0,Ao.jsx)(w,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var qe="input",rt=qe;var To=require("react/jsx-runtime"),lt="k-input",Mn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],In={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},pt={size:a.medium,rounded:a.medium,fillMode:x.solid},O=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:f,size:m=pt.size,rounded:c=pt.rounded,fillMode:L=pt.fillMode,...b}=e;return(0,To.jsx)("span",{...b,className:n(e.className,lt,A(lt,{size:m,rounded:c,fillMode:L}),T(lt,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:f}))})};O.states=Mn;O.options=In;O.className=lt;O.defaultOptions=pt;O.moduleName=qe;O.folderName=rt;var Co=require("react/jsx-runtime"),dt="k-picker",kn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],gn={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},mt={size:a.medium,rounded:N.medium,fillMode:x.solid},le=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:f,size:m=mt.size,rounded:c=mt.rounded,fillMode:L=mt.fillMode,...b}=e;return(0,Co.jsx)("span",{...b,className:n(e.className,dt,A(dt,{size:m,rounded:c,fillMode:L}),T(dt,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:f})),children:e.children})};le.states=kn;le.options=gn;le.className=dt;le.defaultOptions=mt;le.moduleName=qe;le.folderName=rt;var Ce=require("react/jsx-runtime"),Oo="k-clear-value",En=[s.disabled,s.loading,s.readonly],An={},te=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?(0,Ce.jsx)(Ce.Fragment,{}):(0,Ce.jsx)("span",{className:n(e.className,Oo),children:(0,Ce.jsx)(I,{icon:"x"})})};te.states=En;te.options=An;te.className=Oo;var yo=require("react/jsx-runtime"),Kt="k-input-inner",Tn=[],Cn={},ct={type:"text",autocomplete:"off",value:"",placeholder:""},oe=e=>{let{value:t=ct.value,type:o=ct.type,placeholder:i=ct.placeholder,autocomplete:r=ct.autocomplete,...l}=e;return(0,yo.jsx)("input",{...l,type:o,className:n(e.className,Kt,A(Kt,e)),placeholder:i,autoComplete:r,defaultValue:t})};oe.states=Tn;oe.options=Cn;oe.className=Kt;var We=require("react/jsx-runtime"),Ht="k-input-inner",On=[],yn={},Qe=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:l,...p}=e;return(0,We.jsxs)("span",{...p,className:n(e.className,Ht,A(Ht,e)),children:[r,!r&&l&&(0,We.jsx)(I,{className:"k-input-value-icon",icon:l}),i&&!t&&o,i&&t&&(0,We.jsx)("span",{className:"k-input-value-text",children:t})]})};Qe.states=On;Qe.options=yn;Qe.className=Ht;var _o=require("react/jsx-runtime"),zt="k-input-inner",Rn=[],_n={},Ro={value:"",placeholder:""},Pt=e=>{let{value:t=Ro.value,placeholder:o=Ro.placeholder,rows:i,...r}=e;return(0,_o.jsx)("textarea",{...r,className:n(e.className,zt,A(zt,e)),placeholder:o,rows:i,defaultValue:t})};Pt.states=Rn;Pt.options=_n;Pt.className=zt;var Ye=require("react/jsx-runtime"),Ko="k-input-loading-icon",Kn=[s.disabled,s.loading],q=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ye.jsx)(Ye.Fragment,{}):(0,Ye.jsx)("span",{className:n(e.className,Ko,"k-icon k-i-loading")})};q.states=Kn;q.className=Ko;var Ze=require("react/jsx-runtime"),Ho="k-input-validation-icon",Hn=[s.valid,s.invalid,s.disabled,s.loading],zn={},X=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,l=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?(0,Ze.jsx)(Ze.Fragment,{}):(0,Ze.jsx)(I,{className:n(Ho),icon:l})};X.states=Hn;X.options=zn;X.className=Ho;var je=require("react/jsx-runtime"),Pn="k-input-prefix",wn={direction:"horizontal"},Oe=e=>{let{direction:t=wn.direction,...o}=e;return e.children?(0,je.jsx)("span",{...o,className:n(Pn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,je.jsx)(je.Fragment,{})};var et=require("react/jsx-runtime"),Dn="k-input-suffix",Bn={direction:"horizontal"},ye=e=>{let{direction:t=Bn.direction,...o}=e;return e.children?(0,et.jsx)("span",{...o,className:n(Dn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,et.jsx)(et.Fragment,{})};var Gn=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),zo="k-input-separator",Fn={direction:"vertical"},Re=e=>{let{direction:t=Fn.direction,...o}=e;return(0,Po.jsx)("span",{...o,className:n(zo,e.className,{[`${zo}-${t}`]:t})})};var tt=require("react/jsx-runtime"),wo="k-spin-button",$n=[],Jn={size:[a.small,a.medium,a.large],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link]},wt={size:a.medium,fillMode:x.solid},pe=e=>{let{size:t=wt.size,fillMode:o=wt.fillMode,...i}=e;return(0,tt.jsxs)("span",{...i,className:n(wo,e.className),children:[(0,tt.jsx)(C,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),(0,tt.jsx)(C,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};pe.states=$n;pe.options=Jn;pe.className=wo;pe.defaultOptions=wt;pe.moduleName=null;pe.folderName=null;var Do="numeric-textbox",Bo="numerictextbox";var H=require("react/jsx-runtime"),Go="k-numerictextbox",qn=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Wn={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},Se={showSpinButton:!0,showClearButton:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},y=e=>{let{size:t=Se.size,rounded:o=Se.rounded,fillMode:i=Se.fillMode,separators:r=Se.separators,showClearButton:l=Se.showClearButton,showSpinButton:p=Se.showSpinButton,prefix:f,suffix:m,value:c,placeholder:L,hover:b,focus:v,valid:h,invalid:M,required:k,loading:g,disabled:E,readonly:U,...he}=e;return(0,H.jsxs)(O,{...he,size:t,rounded:o,fillMode:i,hover:b,focus:v,valid:h,invalid:M,required:k,loading:g,disabled:E,readonly:U,className:n(e.className,Go),children:[f&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(Oe,{children:f}),r&&(0,H.jsx)(Re,{})]}),(0,H.jsx)(oe,{placeholder:L,value:c}),(0,H.jsx)(X,{valid:h,invalid:M,loading:g,disabled:E}),(0,H.jsx)(q,{loading:g,disabled:E}),l&&(0,H.jsx)(te,{loading:g,disabled:E,readonly:U,value:c}),m&&(0,H.jsxs)(H.Fragment,{children:[r&&(0,H.jsx)(Re,{}),(0,H.jsx)(ye,{children:m})]}),p&&(0,H.jsx)(pe,{className:"k-input-spinner",size:t,fillMode:i})]})};y.states=qn;y.options=Wn;y.className=Go;y.defaultOptions=Se;y.moduleName=Do;y.folderName=Bo;var Qn=require("react/jsx-runtime");var Dt="popup",Fo=Dt;var Bt=require("react/jsx-runtime"),Vo="k-animation-container",Yn=[],Zn={},Xo={positionMode:"absolute"},W=e=>{let{positionMode:t=Xo.positionMode,animationStyle:o,offset:i,...r}=e;return(0,Bt.jsx)("div",{...r,style:{...i,...e.style},className:n(e.className,Vo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Bt.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};W.states=Yn;W.options=Zn;W.className=Vo;W.defaultOptions=Xo;W.moduleName=Dt;W.folderName=Fo;var Gt="popup",$o=Gt;var Ut=require("react/jsx-runtime"),Jo="k-popup",jn=[],ei={},qo={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=qo.positionMode,animationStyle:i,...r}=e;return(0,Ut.jsx)(W,{positionMode:o,offset:t,animationStyle:i,children:(0,Ut.jsx)("div",{...r,className:n(e.className,Jo),children:e.children})})};de.states=jn;de.options=ei;de.className=Jo;de.defaultOptions=qo;de.moduleName=Gt;de.folderName=$o;var Ft="action-buttons",Wo=Ft;var Qo=require("react/jsx-runtime"),ut="k-actions",ti=[],oi={},Vt={alignment:"start",orientation:"horizontal"},me=e=>{let{alignment:t=Vt.alignment,orientation:o=Vt.orientation,...i}=e;return(0,Qo.jsx)("div",{...i,className:n(ut,{[`${ut}-${t}`]:t,[`${ut}-${o}`]:o},e.className),children:e.children})};me.states=ti;me.options=oi;me.className=ut;me.defaultOptions=Vt;me.moduleName=Ft;me.folderName=Wo;var Zo=require("react/jsx-runtime"),si="k-actionsheet-footer",Yo={alignment:"stretched",orientation:"horizontal"},Xt=e=>{let{alignment:t=Yo.alignment,orientation:o=Yo.orientation,template:i,as:r=i?"div":me,...l}=e;return(0,Zo.jsx)(r,{...l,...!i&&{alignment:t,orientation:o},className:n(e.className,si),children:e.children})};var $t="searchbox",jo=$t;var ce=require("react/jsx-runtime"),es="k-searchbox",ni=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ii={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},Jt={showIcon:!0,icon:"search",size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode},$=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:l,hover:p,focus:f,valid:m,invalid:c,required:L,loading:b,disabled:v,showIcon:h=Jt.showIcon,icon:M=Jt.icon,...k}=e;return(0,ce.jsxs)(O,{...k,size:i,rounded:r,fillMode:l,hover:p,focus:f,valid:m,invalid:c,required:L,loading:b,disabled:v,className:n(e.className,es),children:[h&&(0,ce.jsx)(I,{className:"k-input-icon",icon:M}),(0,ce.jsx)(oe,{placeholder:o,value:t}),(0,ce.jsx)(q,{...e}),(0,ce.jsx)(X,{...e}),(0,ce.jsx)(te,{...e})]})};$.states=ni;$.options=ii;$.className=es;$.defaultOptions=Jt;$.moduleName=$t;$.folderName=jo;var ai=require("react/jsx-runtime");var qt="textbox",ts=qt;var z=require("react/jsx-runtime"),os="k-textbox",ri=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],li={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},Me={showClearButton:!0,showValidationIcon:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},Q=e=>{let{size:t=Me.size,rounded:o=Me.rounded,fillMode:i=Me.fillMode,separators:r=Me.separators,showClearButton:l=Me.showClearButton,showValidationIcon:p=Me.showValidationIcon,prefix:f,suffix:m,type:c,value:L,placeholder:b,hover:v,focus:h,valid:M,invalid:k,required:g,loading:E,disabled:U,readonly:he,...bt}=e;return(0,z.jsxs)(O,{...bt,size:t,rounded:o,fillMode:i,hover:v,focus:h,valid:M,invalid:k,required:g,loading:E,disabled:U,readonly:he,className:n(e.className,os),children:[f&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(Oe,{children:f}),r&&(0,z.jsx)(Re,{})]}),(0,z.jsx)(oe,{placeholder:b,value:L,type:c}),p&&(0,z.jsx)(X,{valid:M,invalid:k,loading:E,disabled:U}),(0,z.jsx)(q,{loading:E,disabled:U}),l&&(0,z.jsx)(te,{loading:E,disabled:U,readonly:he,value:L}),m&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(Re,{}),(0,z.jsx)(ye,{children:m})]})]})};Q.states=ri;Q.options=li;Q.className=os;Q.defaultOptions=Me;Q.moduleName=qt;Q.folderName=ts;var pi=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var is=require("react/jsx-runtime");var B=require("react/jsx-runtime"),as="k-actionsheet-titlebar",di={},ue=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:l,input:p,inputValue:f,inputPlaceholder:m,adaptive:c,children:L,...b}=e;return(0,B.jsxs)("div",{...b,className:n(e.className,as),children:[(0,B.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[i&&(0,B.jsx)("div",{className:"k-actionsheet-actions",children:i}),!L&&(0,B.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,B.jsx)("div",{className:"k-text-center",children:t}),o&&(0,B.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&(0,B.jsx)("div",{className:"k-actionsheet-title",children:L}),r&&(0,B.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&(0,B.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,B.jsx)(Q,{value:f,placeholder:m,size:c?"large":"medium"}):(0,B.jsx)($,{placeholder:"Filter",size:c?"large":"medium"})})]})};ue.className=as;ue.defaultOptions=di;var _e=require("react/jsx-runtime"),Wt="k-actionsheet-view",mi=[],ci={},ui={},Ke=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:l,...p}=e,f=(r==null?void 0:r.type)===ue&&(0,_e.jsx)(ue,{adaptive:t,...r==null?void 0:r.props}),m=(l==null?void 0:l.type)===Xt&&(0,_e.jsx)(Xt,{...l==null?void 0:l.props});return(0,_e.jsxs)("div",{...p,className:n(e.className,Wt,{[`${Wt}-animated`]:o}),children:[f,(0,_e.jsx)("div",{className:"k-actionsheet-content",children:i}),m]})};Ke.states=mi;Ke.options=ci;Ke.className=Wt;Ke.defaultOptions=ui;var ot="action-sheet",ft=ot;var Ie=require("react/jsx-runtime"),rs="k-actionsheet",fi=[],Ni={},st={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},se=e=>{let{side:t=st.side,fullscreen:o=st.fullscreen,adaptive:i=st.adaptive,overlay:r=st.overlay,template:l,children:p,header:f,footer:m,...c}=e;return(0,Ie.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Ie.jsx)("div",{className:"k-overlay"}),(0,Ie.jsx)(W,{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:(0,Ie.jsx)("div",{...c,className:n(e.className,rs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:l||(0,Ie.jsx)(Ke,{header:f,footer:m,adaptive:i,...e,children:p})})})]})};se.states=fi;se.options=Ni;se.className=rs;se.defaultOptions=st;se.moduleName=ot;se.folderName=ft;var ps=require("react/jsx-runtime"),ls="k-actionsheet-container",xi=[],Li={},hi={},He=e=>{let{children:t,...o}=e;return(0,ps.jsx)("div",{...o,className:ls,children:t})};He.states=xi;He.options=Li;He.className=ls;He.defaultOptions=hi;He.moduleName=ot;He.folderName=ft;var bi=require("react/jsx-runtime");var G=require("react/jsx-runtime"),Qt="k-actionsheet-item",vi=[s.hover,s.focus,s.selected,s.disabled],Yt=e=>{let{iconName:t,text:o,description:i,hover:r,focus:l,selected:p,disabled:f,...m}=e;return(0,G.jsxs)("span",{...m,className:n(e.className,Qt,T(Qt,{hover:r,focus:l,selected:p,disabled:f})),children:[!e.children&&(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,G.jsx)("span",{className:"k-icon-wrap",children:(0,G.jsx)(I,{className:"k-actionsheet-item-icon",icon:t})}),(0,G.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,G.jsx)("span",{className:"k-actionsheet-item-title",children:o}),i&&(0,G.jsx)("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Yt.states=vi;Yt.className=Qt;var ds=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var cs=require("react/jsx-runtime"),ki="k-no-data",nt=e=>(0,cs.jsx)("span",{className:n(ki,e.className),children:e.children});var ne="list",fe=ne;var Y=require("react/jsx-runtime"),Zt="k-list",gi=[],Ei={size:[a.small,a.medium,a.large]},us={size:a.medium},K=e=>{let{size:t=us.size,virtualization:o,children:i,optionLabel:r,customValue:l,screenReaders:p,...f}=e,m,c,L,b,v=[];return i?i.map((h,M)=>{h.type===D?(h.props.root===!0?(m=h.props.label,h.props.children.map((k,g)=>{v.push((0,Y.jsx)(S,{...k.props},`optChild-${g}-${new Date().getTime()}`))})):h.props.children.forEach((k,g)=>{let E="";g===0&&(E=h.props.label),v.push((0,Y.jsx)(S,{className:g===0?"k-first":"",...k.props,groupLabel:E},`groupLabel-${g}-${new Date().getTime()}`))}),c=(0,Y.jsx)(D,{label:m,virtualization:o,children:v})):h.type===S&&(v.push((0,Y.jsx)(S,{...h.props},`${h.type}-${M}`)),L=(0,Y.jsx)(ze,{virtualization:o,children:v}),p&&(b=(0,Y.jsxs)(nt,{className:"k-sr-only",children:[v.length," items found."]})))}):b=(0,Y.jsx)(nt,{children:"No data found."}),(0,Y.jsxs)("div",{...f,className:n(e.className,Zt,A(Zt,{size:t}),{"k-virtual-list":o}),children:[r,l,c,L,b]})};K.states=gi;K.options=Ei;K.className=Zt;K.defaultOptions=us;K.moduleName=ne;K.folderName=fe;var Ns=require("react/jsx-runtime"),fs="k-list-container",Ai=[],Ti={},Ci={},Pe=e=>{let{...t}=e;return(0,Ns.jsx)("div",{...t,className:n(e.className,fs),children:e.children})};Pe.states=Ai;Pe.options=Ti;Pe.className=fs;Pe.defaultOptions=Ci;Pe.moduleName=ne;Pe.folderName=fe;var Z=require("react/jsx-runtime"),jt="k-list",Oi=[],yi={size:[a.small,a.medium,a.large]},xs={size:a.medium},ie=e=>{let{size:t=xs.size,virtualization:o,children:i,...r}=e,l,p,f,m=[];return i?i.map((c,L)=>{c.type===D?(c.props.root===!0?(l=c.props.label,c.props.children.map((b,v)=>{m.push((0,Z.jsx)(S,{...b.props},`optChild-${v}-${new Date().getTime()}`))})):(m.push((0,Z.jsx)(Ls,{...c.props,children:c.props.label},`listChild-${L}`)),c.props.children.map((b,v)=>{m.push((0,Z.jsx)(S,{...b.props},`fwOptChild-${v}-${new Date().getTime()}`))})),p=(0,Z.jsx)(D,{label:l,virtualization:o,children:m})):c.type===S&&(m.push((0,Z.jsx)(S,{...c.props},`${c.type}-${L}`)),f=(0,Z.jsx)(ze,{virtualization:o,children:m}))}):f=(0,Z.jsx)(nt,{children:"No data found."}),(0,Z.jsxs)("div",{...r,className:n(e.className,jt,A(jt,{size:t}),{"k-virtual-list":o}),children:[p,f]})};ie.states=Oi;ie.options=yi;ie.className=jt;ie.defaultOptions=xs;ie.moduleName=ne;ie.folderName=fe;var ke="checkbox",we=ke;var to=require("react/jsx-runtime"),Nt="k-checkbox",Ri=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],_i={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full]},eo={size:a.medium,rounded:N.medium},j=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:l,disabled:p,invalid:f,valid:m,required:c,size:L=eo.size,rounded:b=eo.rounded,...v}=e;return(0,to.jsx)("span",{className:"k-checkbox-wrap",children:(0,to.jsx)("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:c,className:n(e.className,Nt,A(Nt,{size:L,rounded:b}),T(Nt,{hover:r,focus:l,disabled:p,invalid:f,valid:m,indeterminate:i,checked:o}))})})};j.states=Ri;j.options=_i;j.className=Nt;j.defaultOptions=eo;j.moduleName=ke;j.folderName=we;var vs=require("react/jsx-runtime"),hs="k-checkbox-list",Ki=[],Hi={},bs={layout:"vertical"},Ne=e=>{let{layout:t=bs.layout,...o}=e;return(0,vs.jsx)("ul",{...o,className:n(e.className,hs,{[`k-list-${t}`]:t}),children:e.children})};Ne.states=Ki;Ne.options=Hi;Ne.className=hs;Ne.defaultOptions=bs;Ne.moduleName=ke;Ne.folderName=we;var Ms=require("react/jsx-runtime"),Ss="k-checkbox-list-item",zi=[],Pi={},wi={},xe=e=>{let{...t}=e;return(0,Ms.jsx)("li",{...t,className:n(e.className,Ss),children:e.children})};xe.states=zi;xe.options=Pi;xe.className=Ss;xe.defaultOptions=wi;xe.moduleName=ke;xe.folderName=we;var so=require("react/jsx-runtime");var no=require("react/jsx-runtime");var io=require("react/jsx-runtime");var ao=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var Bi=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),ro="k-list-item",Gi=[s.hover,s.focus,s.selected,s.disabled],Ui={},Fi={},S=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:l,showCheckbox:p,checked:f,hover:m,focus:c,selected:L,disabled:b,...v}=e,h=t||e.children;return(0,ge.jsxs)("li",{...v,className:n(e.className,i?"k-list-group-item":ro,T(ro,{hover:m,focus:c,disabled:b,selected:L})),children:[p&&(0,ge.jsx)(j,{checked:f}),r&&(0,ge.jsx)(I,{icon:l}),(0,ge.jsx)("span",{className:"k-list-item-text",children:h}),o&&o!==""&&(0,ge.jsx)("div",{className:"k-list-item-group-label",children:o})]})};S.states=Gi;S.options=Ui;S.className=ro;S.defaultOptions=Fi;S.moduleName=ne;S.folderName=fe;var De=require("react/jsx-runtime"),Vi="k-list-content",ze=e=>{let{virtualization:t,...o}=e;return(0,De.jsxs)("div",{...o,className:n(Vi,e.className),children:[(0,De.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,De.jsx)("div",{className:"k-height-container",children:(0,De.jsx)("div",{})})]})};var lo=require("react/jsx-runtime"),Xi="k-list-group-sticky-header",Is=e=>(0,lo.jsx)("div",{className:n(Xi,e.className),children:(0,lo.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ee=require("react/jsx-runtime"),D=e=>{let{virtualization:t,label:o}=e;return(0,Ee.jsxs)(Ee.Fragment,{children:[o&&(0,Ee.jsx)(Is,{children:o}),e.children&&(0,Ee.jsx)(ze,{virtualization:t,children:e.children})]})};var po=require("react/jsx-runtime"),$i="k-list-group-item",Ls=e=>(0,po.jsx)("li",{className:n($i,e.className),children:(0,po.jsx)("span",{className:"k-list-item-text",children:e.children})});var ks=require("react/jsx-runtime"),mo="k-list-optionlabel",Ji=[s.hover,s.focus,s.selected,s.disabled],qi={},Wi={},xt=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return(0,ks.jsx)("div",{...p,className:n(mo,T(mo,{hover:o,focus:i,selected:r,disabled:l})),children:t})};xt.states=Ji;xt.options=qi;xt.className=mo;xt.defaultOptions=Wi;var gs=require("react/jsx-runtime"),co="k-list-custom-value",Qi=[s.hover,s.focus,s.selected,s.disabled],Yi={},Zi={},Lt=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return(0,gs.jsx)("div",{...p,className:n(co,T(co,{hover:o,focus:i,selected:r,disabled:l})),children:t})};Lt.states=Qi;Lt.options=Yi;Lt.className=co;Lt.defaultOptions=Zi;var ji=require("react/jsx-runtime");var ea=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var As=require("react/jsx-runtime");var ta=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Os="dropdown-list",ys="dropdownlist";var R=require("react/jsx-runtime"),Rs="k-dropdownlist",oa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sa={size:[a.small,a.medium,a.large],rounded:[N.small,N.medium,N.large,N.full],fillMode:[x.solid,x.flat,x.outline]},Be={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:N.medium,fillMode:x.solid},Ae=e=>{let{size:t=Be.size,rounded:o=Be.rounded,fillMode:i=Be.fillMode,arrowIconName:r=Be.arrowIconName,showValue:l=Be.showValue,valueIconName:p,prefix:f,suffix:m,value:c,placeholder:L,hover:b,focus:v,valid:h,invalid:M,required:k,loading:g,disabled:E,readonly:U,popup:he,opened:bt,adaptive:Fs,adaptiveSettings:Vs,adaptiveTitle:Xs,adaptiveSubtitle:$s,adaptiveFilter:Js,...qs}=e;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(le,{...qs,size:t,rounded:o,fillMode:i,hover:b,focus:v,valid:h,invalid:M,required:k,loading:g,disabled:E,readonly:U,className:n(e.className,Rs,{"k-icon-picker":!l&&p}),children:[(0,R.jsx)(Oe,{children:f}),(0,R.jsx)(Qe,{placeholder:L,value:c,showValue:l,valueIconName:p}),(0,R.jsx)(X,{valid:h,invalid:M,loading:g,disabled:E}),(0,R.jsx)(q,{loading:g,disabled:E}),(0,R.jsx)(ye,{children:m}),(0,R.jsx)(C,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),bt&&he&&(0,R.jsx)(de,{className:"k-list-container k-dropdownlist-popup",children:he}),Fs&&(0,R.jsx)(se,{adaptive:!0,...Vs,header:(0,R.jsx)(ue,{actionsEnd:(0,R.jsx)(C,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Js,inputValue:c,inputPlaceholder:L,title:Xs,subtitle:$s}),children:(0,R.jsx)("div",{className:"k-list-container",children:(0,R.jsxs)(K,{size:"large",children:[(0,R.jsx)(S,{text:"List item"}),(0,R.jsx)(S,{text:"List item"}),(0,R.jsx)(S,{text:"List item"})]})})})]})};Ae.states=oa;Ae.options=sa;Ae.className=Rs;Ae.defaultOptions=Be;Ae.moduleName=Os;Ae.folderName=ys;var na=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var uo=require("react/jsx-runtime");var ia=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var fo=require("react/jsx-runtime");var No=require("react/jsx-runtime");var zs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var d=require("react/jsx-runtime"),ws="k-colorgradient-inputs",aa=[],ra={size:[a.small,a.medium,a.large]},Ds={mode:"rgba",size:a.medium},Ge=e=>{let{mode:t=Ds.mode,size:o,...i}=e;return(0,d.jsxs)("div",{...i,className:n(ws,"k-hstack"),children:[(0,d.jsx)("div",{className:"k-vstack",children:(0,d.jsx)(C,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,d.jsxs)("div",{className:"k-vstack",children:[(0,d.jsx)(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,d.jsx)(Q,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,d.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ge.states=aa;Ge.options=ra;Ge.className=ws;Ge.defaultOptions=Ds;var P=require("react/jsx-runtime"),Bs="k-colorgradient-color-contrast",la=[],pa={},da={},Ue=()=>(0,P.jsxs)("div",{className:n(Bs,"k-vbox"),children:[(0,P.jsxs)("div",{className:"k-contrast-ratio",children:[(0,P.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,P.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,P.jsx)(I,{icon:"check"}),(0,P.jsx)(I,{icon:"check"})]})]}),(0,P.jsxs)("div",{children:[(0,P.jsx)("span",{children:"AA: 4.5"}),(0,P.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,P.jsx)(I,{icon:"check"})]})]}),(0,P.jsxs)("div",{children:[(0,P.jsx)("span",{children:"AAA: 7.0"}),(0,P.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,P.jsx)(I,{icon:"x"})]})]})]});Ue.states=la;Ue.options=pa;Ue.className=Bs;Ue.defaultOptions=da;var Gs="color-gradient",Us="colorgradient";var _=require("react/jsx-runtime"),ht="k-colorgradient",ma=[s.hover,s.focus,s.readonly,s.disabled],ca={size:[a.small,a.medium,a.large]},J={size:a.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"},Le=e=>{let{size:t=J.size,mode:o=J.mode,readonly:i=J.readonly,disabled:r=J.disabled,gradientStyle:l=J.gradientStyle,dragHandleStyle:p=J.dragHandleStyle,alphaStyle:f=J.alphaStyle,alphaStyleHorizontal:m=J.alphaStyleHorizontal,contrast:c=J.contrast,dir:L,hover:b,focus:v,hoverHandle:h,focusHandle:M,canvasOrientation:k=J.canvasOrientation,...g}=e;return(0,_.jsxs)("div",{...g,className:n(e.className,ht,A(ht,{size:t}),T(ht,{hover:b,focus:v,readonly:i,disabled:r})),dir:L,children:[!k||k==="horizontal"&&(0,_.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,_.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,_.jsx)("div",{className:"k-hsv-gradient",children:(0,_.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:p})})}),(0,_.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,_.jsx)(_t,{className:"k-hue-slider",hover:h,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,_.jsx)(_t,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:f})]})]}),k==="vertical"&&(0,_.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,_.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,_.jsx)("div",{className:"k-hsv-gradient",children:(0,_.jsx)("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":h,"k-focus":M}),style:p})})}),(0,_.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,_.jsx)(Rt,{className:"k-hue-slider",hover:h,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,_.jsx)(Rt,{className:"k-alpha-slider",hover:h,focus:M,trackStyle:m})]})]}),(0,_.jsx)(Ge,{mode:e.mode,size:t}),c&&(0,_.jsx)(Ue,{})]})};Le.states=ma;Le.options=ca;Le.className=ht;Le.defaultOptions=J;Le.moduleName=Gs;Le.folderName=Us;var ua=Le;