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