@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 32.5 kB
JavaScript
var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),K=(e,t)=>{let{valid:o,invalid:i,hover:r,focus:l,checked:p,active:N,selected:m,disabled:u,indeterminate:x,loading:b,empty:S,readonly:v,highlighted:O,...k}=t;return s({"k-valid":o,"k-invalid":i,"k-hover":r,"k-focus":l,"k-checked":p,"k-active":N,"k-selected":m,"k-disabled":u,"k-indeterminate":x&&!p,"k-loading":b,"k-empty":S,"k-readonly":v,"k-highlighted":O},Object.keys(k).reduce((M,I)=>(I.startsWith("k-")?M[I]=k[I]:M[`k-${I}`]=k[I],M),{}))};function zt(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"},c={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as on,jsx as Pt}from"react/jsx-runtime";var je="k-font-icon",jo=[],en={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},tn={},Me=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:l,...p}=e;return i?Pt("span",{...p,className:s(e.className,je,A(je,{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"})}):Pt(on,{})};Me.states=jo;Me.options=en;Me.className=je;Me.defaultOptions=tn;var wt=Me;import{Fragment as an,jsx as Pe}from"react/jsx-runtime";var et="k-svg-icon",nn=[],sn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Dt={viewBox:"0 0 24 24"},Ae=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:l=Dt.viewBox,icon:p,...N}=e;if(!p)return Pe(an,{});p==="none"&&{...N,className:s(e.className,et,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return Pe("span",{...N,className:s(e.className,et,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:Pe("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})})};Ae.states=nn;Ae.options=sn;Ae.className=et;Ae.defaultOptions=Dt;var tt=Ae;import*as ot from"@progress/kendo-svg-icons";var Bt="icon",Ut="icons";import{Fragment as Gt,jsx as Ee}from"react/jsx-runtime";var we="k-icon",rn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ln=[],pn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},nt={viewBox:"0 0 24 24",type:"svg"},E=e=>{let{size:t,themeColor:o,icon:i,type:r=nt.type,rotate:l,flip:p,viewBox:N=nt.viewBox,...m}=e;if(!i)return Ee(Gt,{});if(r==="svg"){if(i==="none")return Ee(tt,{...m,className:s(e.className,we),icon:i,size:t});let u=ot[i]?i:rn(`${i}-icon`);return ot[u]?Ee(tt,{...m,className:s(e.className,we),icon:ot[u],size:t,themeColor:o,rotate:l,flip:p,viewBox:N}):Ee(Gt,{})}return Ee(wt,{...m,className:s(e.className,we),icon:i,size:t,themeColor:o,rotate:l,flip:p})};E.states=ln;E.options=pn;E.defaultOptions=nt;E.className=we;E.moduleName=Bt;E.folderName=Ut;var st="button",Ft=st;import{Fragment as un,jsx as Te,jsxs as Xt}from"react/jsx-runtime";var ge="k-button",mn=["icon-button"],dn=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],cn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},ae={size:a.medium,rounded:c.medium,fillMode:f.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},y=e=>{let{size:t=ae.size,rounded:o=ae.rounded,fillMode:i=ae.fillMode,themeColor:r=ae.themeColor,showArrow:l=ae.showArrow,arrowIconName:p=ae.arrowIconName,variant:N,hover:m,focus:u,active:x,selected:b,disabled:S,icon:v,text:O,iconClassName:k,...M}=e,I=v!==void 0,z=e.children!==void 0;return Xt("button",{...M,className:s(e.className,ge,zt(ge,N),A(ge,{size:t,rounded:o,fillMode:i,themeColor:r}),K(ge,{hover:m,focus:u,active:x,disabled:S,selected:b}),{"k-icon-button":!O&&!z&&I}),children:[v&&Te(E,{className:s(k,"k-button-icon"),icon:v}),O?Xt(un,{children:[O&&Te("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Te("span",{className:"k-button-text",children:e.children}),l&&Te("span",{className:"k-menu-button-arrow k-button-arrow",children:Te(E,{icon:p})})]})};y.states=dn;y.options=cn;y.variants=mn;y.className=ge;y.defaultOptions=ae;y.moduleName=st;y.folderName=Ft;import{jsx as qi}from"react/jsx-runtime";import{jsx as Zi}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";var Ce="input",De=Ce;import{jsx as Ln}from"react/jsx-runtime";var Be="k-input",fn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Nn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},Ue={size:a.medium,rounded:a.medium,fillMode:f.solid},T=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:N,size:m=Ue.size,rounded:u=Ue.rounded,fillMode:x=Ue.fillMode,...b}=e;return Ln("span",{...b,className:s(e.className,Be,A(Be,{size:m,rounded:u,fillMode:x}),K(Be,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:N}))})};T.states=fn;T.options=Nn;T.className=Be;T.defaultOptions=Ue;T.moduleName=Ce;T.folderName=De;import{jsx as bn}from"react/jsx-runtime";var Ge="k-picker",xn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],hn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},Fe={size:a.medium,rounded:c.medium,fillMode:f.solid},W=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:N,size:m=Fe.size,rounded:u=Fe.rounded,fillMode:x=Fe.fillMode,...b}=e;return bn("span",{...b,className:s(e.className,Ge,A(Ge,{size:m,rounded:u,fillMode:x}),K(Ge,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:N})),children:e.children})};W.states=xn;W.options=hn;W.className=Ge;W.defaultOptions=Fe;W.moduleName=Ce;W.folderName=De;import{Fragment as In,jsx as it}from"react/jsx-runtime";var Vt="k-clear-value",vn=[n.disabled,n.loading,n.readonly],Sn={},F=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?it(In,{}):it("span",{className:s(e.className,Vt),children:it(E,{icon:"x"})})};F.states=vn;F.options=Sn;F.className=Vt;import{jsx as En}from"react/jsx-runtime";var at="k-input-inner",Mn=[],An={},Xe={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=Xe.value,type:o=Xe.type,placeholder:i=Xe.placeholder,autocomplete:r=Xe.autocomplete,...l}=e;return En("input",{...l,type:o,className:s(e.className,at,A(at,e)),placeholder:i,autoComplete:r,defaultValue:t})};X.states=Mn;X.options=An;X.className=at;import{jsx as $t,jsxs as Cn}from"react/jsx-runtime";var rt="k-input-inner",Tn=[],gn={},Oe=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:l,...p}=e;return Cn("span",{...p,className:s(e.className,rt,A(rt,e)),children:[r,!r&&l&&$t(E,{className:"k-input-value-icon",icon:l}),i&&!t&&o,i&&t&&$t("span",{className:"k-input-value-text",children:t})]})};Oe.states=Tn;Oe.options=gn;Oe.className=rt;import{jsx as yn}from"react/jsx-runtime";var lt="k-input-inner",On=[],kn={},Jt={value:"",placeholder:""},pt=e=>{let{value:t=Jt.value,placeholder:o=Jt.placeholder,rows:i,...r}=e;return yn("textarea",{...r,className:s(e.className,lt,A(lt,e)),placeholder:o,rows:i,defaultValue:t})};pt.states=On;pt.options=kn;pt.className=lt;import{Fragment as Kn,jsx as qt}from"react/jsx-runtime";var Wt="k-input-loading-icon",_n=[n.disabled,n.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?qt(Kn,{}):qt("span",{className:s(e.className,Wt,"k-icon k-i-loading")})};D.states=_n;D.className=Wt;import{Fragment as zn,jsx as Qt}from"react/jsx-runtime";var Yt="k-input-validation-icon",Rn=[n.valid,n.invalid,n.disabled,n.loading],Hn={},P=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,l=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?Qt(zn,{}):Qt(E,{className:s(Yt),icon:l})};P.states=Rn;P.options=Hn;P.className=Yt;import{Fragment as Dn,jsx as Zt}from"react/jsx-runtime";var Pn="k-input-prefix",wn={direction:"horizontal"},ue=e=>{let{direction:t=wn.direction,...o}=e;return e.children?Zt("span",{...o,className:s(Pn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Zt(Dn,{})};import{Fragment as Gn,jsx as jt}from"react/jsx-runtime";var Bn="k-input-suffix",Un={direction:"horizontal"},fe=e=>{let{direction:t=Un.direction,...o}=e;return e.children?jt("span",{...o,className:s(Bn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):jt(Gn,{})};import{jsx as Ja}from"react/jsx-runtime";import{jsx as Ya}from"react/jsx-runtime";import{jsx as Xn}from"react/jsx-runtime";var eo="k-input-separator",Fn={direction:"vertical"},Ne=e=>{let{direction:t=Fn.direction,...o}=e;return Xn("span",{...o,className:s(eo,e.className,{[`${eo}-${t}`]:t})})};import{jsx as to,jsxs as Wn}from"react/jsx-runtime";var oo="k-spin-button",Jn=[],qn={size:[a.small,a.medium,a.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},mt={size:a.medium,fillMode:f.solid},Q=e=>{let{size:t=mt.size,fillMode:o=mt.fillMode,...i}=e;return Wn("span",{...i,className:s(oo,e.className),children:[to(y,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),to(y,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Q.states=Jn;Q.options=qn;Q.className=oo;Q.defaultOptions=mt;Q.moduleName=null;Q.folderName=null;var no="numeric-textbox",so="numerictextbox";import{Fragment as io,jsx as V,jsxs as dt}from"react/jsx-runtime";var ao="k-numerictextbox",Qn=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Yn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},re={showSpinButton:!0,showClearButton:!0,size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode,separators:!0},g=e=>{let{size:t=re.size,rounded:o=re.rounded,fillMode:i=re.fillMode,separators:r=re.separators,showClearButton:l=re.showClearButton,showSpinButton:p=re.showSpinButton,prefix:N,suffix:m,value:u,placeholder:x,hover:b,focus:S,valid:v,invalid:O,required:k,loading:M,disabled:I,readonly:z,...ie}=e;return dt(T,{...ie,size:t,rounded:o,fillMode:i,hover:b,focus:S,valid:v,invalid:O,required:k,loading:M,disabled:I,readonly:z,className:s(e.className,ao),children:[N&&dt(io,{children:[V(ue,{children:N}),r&&V(Ne,{})]}),V(X,{placeholder:x,value:u}),V(P,{valid:v,invalid:O,loading:M,disabled:I}),V(D,{loading:M,disabled:I}),l&&V(F,{loading:M,disabled:I,readonly:z,value:u}),m&&dt(io,{children:[r&&V(Ne,{}),V(fe,{children:m})]}),p&&V(Q,{className:"k-input-spinner",size:t,fillMode:i})]})};g.states=Qn;g.options=Yn;g.className=ao;g.defaultOptions=re;g.moduleName=no;g.folderName=so;import{jsx as Kr}from"react/jsx-runtime";var ct="popup",lo=ct;import{jsx as po}from"react/jsx-runtime";var mo="k-animation-container",Zn=[],jn={},co={positionMode:"absolute"},B=e=>{let{positionMode:t=co.positionMode,animationStyle:o,offset:i,...r}=e;return po("div",{...r,style:{...i,...e.style},className:s(e.className,mo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:po("div",{className:"k-child-animation-container",style:o,children:e.children})})};B.states=Zn;B.options=jn;B.className=mo;B.defaultOptions=co;B.moduleName=ct;B.folderName=lo;var ut="popup",uo=ut;import{jsx as fo}from"react/jsx-runtime";var No="k-popup",es=[],ts={},Lo={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Lo.positionMode,animationStyle:i,...r}=e;return fo(B,{positionMode:o,offset:t,animationStyle:i,children:fo("div",{...r,className:s(e.className,No),children:e.children})})};Y.states=es;Y.options=ts;Y.className=No;Y.defaultOptions=Lo;Y.moduleName=ut;Y.folderName=uo;var ft="action-buttons",xo=ft;import{jsx as ss}from"react/jsx-runtime";var Ve="k-actions",os=[],ns={},Nt={alignment:"start",orientation:"horizontal"},Z=e=>{let{alignment:t=Nt.alignment,orientation:o=Nt.orientation,...i}=e;return ss("div",{...i,className:s(Ve,{[`${Ve}-${t}`]:t,[`${Ve}-${o}`]:o},e.className),children:e.children})};Z.states=os;Z.options=ns;Z.className=Ve;Z.defaultOptions=Nt;Z.moduleName=ft;Z.folderName=xo;import{jsx as as}from"react/jsx-runtime";var is="k-actionsheet-footer",ho={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=ho.alignment,orientation:o=ho.orientation,template:i,as:r=i?"div":Z,...l}=e;return as(r,{...l,...!i&&{alignment:t,orientation:o},className:s(e.className,is),children:e.children})};var xt="searchbox",bo=xt;import{jsx as ke,jsxs as ps}from"react/jsx-runtime";var vo="k-searchbox",rs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],ls={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},ht={showIcon:!0,icon:"search",size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode},w=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:l,hover:p,focus:N,valid:m,invalid:u,required:x,loading:b,disabled:S,showIcon:v=ht.showIcon,icon:O=ht.icon,...k}=e;return ps(T,{...k,size:i,rounded:r,fillMode:l,hover:p,focus:N,valid:m,invalid:u,required:x,loading:b,disabled:S,className:s(e.className,vo),children:[v&&ke(E,{className:"k-input-icon",icon:O}),ke(X,{placeholder:o,value:t}),ke(D,{...e}),ke(P,{...e}),ke(F,{...e})]})};w.states=rs;w.options=ls;w.className=vo;w.defaultOptions=ht;w.moduleName=xt;w.folderName=bo;import{jsx as xl}from"react/jsx-runtime";var bt="textbox",So=bt;import{Fragment as Io,jsx as j,jsxs as vt}from"react/jsx-runtime";var Mo="k-textbox",ms=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ds={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},le={showClearButton:!0,showValidationIcon:!0,size:T.defaultOptions.size,rounded:T.defaultOptions.rounded,fillMode:T.defaultOptions.fillMode,separators:!0},U=e=>{let{size:t=le.size,rounded:o=le.rounded,fillMode:i=le.fillMode,separators:r=le.separators,showClearButton:l=le.showClearButton,showValidationIcon:p=le.showValidationIcon,prefix:N,suffix:m,type:u,value:x,placeholder:b,hover:S,focus:v,valid:O,invalid:k,required:M,loading:I,disabled:z,readonly:ie,...Ze}=e;return vt(T,{...Ze,size:t,rounded:o,fillMode:i,hover:S,focus:v,valid:O,invalid:k,required:M,loading:I,disabled:z,readonly:ie,className:s(e.className,Mo),children:[N&&vt(Io,{children:[j(ue,{children:N}),r&&j(Ne,{})]}),j(X,{placeholder:b,value:x,type:u}),p&&j(P,{valid:O,invalid:k,loading:I,disabled:z}),j(D,{loading:I,disabled:z}),l&&j(F,{loading:I,disabled:z,readonly:ie,value:x}),m&&vt(Io,{children:[r&&j(Ne,{}),j(fe,{children:m})]})]})};U.states=ms;U.options=ds;U.className=Mo;U.defaultOptions=le;U.moduleName=bt;U.folderName=So;import{jsx as kl}from"react/jsx-runtime";import{Fragment as zl,jsx as Hl}from"react/jsx-runtime";import{Fragment as Fl,jsx as Gl}from"react/jsx-runtime";import{jsx as ee,jsxs as St}from"react/jsx-runtime";var Eo="k-actionsheet-titlebar",cs={},te=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:l,input:p,inputValue:N,inputPlaceholder:m,adaptive:u,children:x,...b}=e;return St("div",{...b,className:s(e.className,Eo),children:[St("div",{className:"k-actionsheet-titlebar-group",children:[i&&ee("div",{className:"k-actionsheet-actions",children:i}),!x&&St("div",{className:"k-actionsheet-title",children:[t&&ee("div",{className:"k-text-center",children:t}),o&&ee("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&ee("div",{className:"k-actionsheet-title",children:x}),r&&ee("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&ee("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?ee(U,{value:N,placeholder:m,size:u?"large":"medium"}):ee(w,{placeholder:"Filter",size:u?"large":"medium"})})]})};te.className=Eo;te.defaultOptions=cs;import{jsx as It,jsxs as Ls}from"react/jsx-runtime";var Mt="k-actionsheet-view",us=[],fs={},Ns={},Le=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:l,...p}=e,N=r?.type===te&&It(te,{adaptive:t,...r?.props}),m=l?.type===Lt&&It(Lt,{...l?.props});return Ls("div",{...p,className:s(e.className,Mt,{[`${Mt}-animated`]:o}),children:[N,It("div",{className:"k-actionsheet-content",children:i}),m]})};Le.states=us;Le.options=fs;Le.className=Mt;Le.defaultOptions=Ns;var ye="action-sheet",$e=ye;import{jsx as Je,jsxs as bs}from"react/jsx-runtime";var To="k-actionsheet",xs=[],hs={},_e={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},$=e=>{let{side:t=_e.side,fullscreen:o=_e.fullscreen,adaptive:i=_e.adaptive,overlay:r=_e.overlay,template:l,children:p,header:N,footer:m,...u}=e;return bs("div",{className:"k-actionsheet-container",children:[r&&Je("div",{className:"k-overlay"}),Je(B,{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:Je("div",{...u,className:s(e.className,To,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:l||Je(Le,{header:N,footer:m,adaptive:i,...e,children:p})})})]})};$.states=xs;$.options=hs;$.className=To;$.defaultOptions=_e;$.moduleName=ye;$.folderName=$e;import{jsx as Ms}from"react/jsx-runtime";var go="k-actionsheet-container",vs=[],Ss={},Is={},xe=e=>{let{children:t,...o}=e;return Ms("div",{...o,className:go,children:t})};xe.states=vs;xe.options=Ss;xe.className=go;xe.defaultOptions=Is;xe.moduleName=ye;xe.folderName=$e;import{jsx as hp}from"react/jsx-runtime";import{Fragment as Es,jsx as Ke,jsxs as At}from"react/jsx-runtime";var Et="k-actionsheet-item",As=[n.hover,n.focus,n.selected,n.disabled],Tt=e=>{let{iconName:t,text:o,description:i,hover:r,focus:l,selected:p,disabled:N,...m}=e;return At("span",{...m,className:s(e.className,Et,K(Et,{hover:r,focus:l,selected:p,disabled:N})),children:[!e.children&&Ke(Es,{children:At("span",{className:"k-actionsheet-action",children:[t&&Ke("span",{className:"k-icon-wrap",children:Ke(E,{className:"k-actionsheet-item-icon",icon:t})}),At("span",{className:"k-actionsheet-item-text",children:[o&&Ke("span",{className:"k-actionsheet-item-title",children:o}),i&&Ke("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Tt.states=As;Tt.className=Et;import{jsx as gp,jsxs as Cp}from"react/jsx-runtime";import{jsx as _p}from"react/jsx-runtime";import{jsx as zp}from"react/jsx-runtime";import{jsx as Bp}from"react/jsx-runtime";import{jsx as gs}from"react/jsx-runtime";var Ts="k-no-data",Re=e=>gs("span",{className:s(Ts,e.className),children:e.children});var J="list",oe=J;import{jsx as he,jsxs as Oo}from"react/jsx-runtime";var gt="k-list",Cs=[],Os={size:[a.small,a.medium,a.large]},ko={size:a.medium},_=e=>{let{size:t=ko.size,virtualization:o,children:i,optionLabel:r,customValue:l,screenReaders:p,...N}=e,m,u,x,b,S=[];return i?i.map((v,O)=>{v.type===R?(v.props.root===!0?(m=v.props.label,v.props.children.map((k,M)=>{S.push(he(h,{...k.props},`optChild-${M}-${new Date().getTime()}`))})):v.props.children.forEach((k,M)=>{let I="";M===0&&(I=v.props.label),S.push(he(h,{className:M===0?"k-first":"",...k.props,groupLabel:I},`groupLabel-${M}-${new Date().getTime()}`))}),u=he(R,{label:m,virtualization:o,children:S})):v.type===h&&(S.push(he(h,{...v.props},`${v.type}-${O}`)),x=he(be,{virtualization:o,children:S}),p&&(b=Oo(Re,{className:"k-sr-only",children:[S.length," items found."]})))}):b=he(Re,{children:"No data found."}),Oo("div",{...N,className:s(e.className,gt,A(gt,{size:t}),{"k-virtual-list":o}),children:[r,l,u,x,b]})};_.states=Cs;_.options=Os;_.className=gt;_.defaultOptions=ko;_.moduleName=J;_.folderName=oe;import{jsx as Ks}from"react/jsx-runtime";var yo="k-list-container",ks=[],ys={},_s={},ve=e=>{let{...t}=e;return Ks("div",{...t,className:s(e.className,yo),children:e.children})};ve.states=ks;ve.options=ys;ve.className=yo;ve.defaultOptions=_s;ve.moduleName=J;ve.folderName=oe;import{jsx as pe,jsxs as zs}from"react/jsx-runtime";var Ct="k-list",Rs=[],Hs={size:[a.small,a.medium,a.large]},_o={size:a.medium},q=e=>{let{size:t=_o.size,virtualization:o,children:i,...r}=e,l,p,N,m=[];return i?i.map((u,x)=>{u.type===R?(u.props.root===!0?(l=u.props.label,u.props.children.map((b,S)=>{m.push(pe(h,{...b.props},`optChild-${S}-${new Date().getTime()}`))})):(m.push(pe(Ko,{...u.props,children:u.props.label},`listChild-${x}`)),u.props.children.map((b,S)=>{m.push(pe(h,{...b.props},`fwOptChild-${S}-${new Date().getTime()}`))})),p=pe(R,{label:l,virtualization:o,children:m})):u.type===h&&(m.push(pe(h,{...u.props},`${u.type}-${x}`)),N=pe(be,{virtualization:o,children:m}))}):N=pe(Re,{children:"No data found."}),zs("div",{...r,className:s(e.className,Ct,A(Ct,{size:t}),{"k-virtual-list":o}),children:[p,N]})};q.states=Rs;q.options=Hs;q.className=Ct;q.defaultOptions=_o;q.moduleName=J;q.folderName=oe;var me="checkbox",Se=me;import{jsx as Ro}from"react/jsx-runtime";var qe="k-checkbox",Ps=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],ws={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full]},Ot={size:a.medium,rounded:c.medium},G=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:l,disabled:p,invalid:N,valid:m,required:u,size:x=Ot.size,rounded:b=Ot.rounded,...S}=e;return Ro("span",{className:"k-checkbox-wrap",children:Ro("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:u,className:s(e.className,qe,A(qe,{size:x,rounded:b}),K(qe,{hover:r,focus:l,disabled:p,invalid:N,valid:m,indeterminate:i,checked:o}))})})};G.states=Ps;G.options=ws;G.className=qe;G.defaultOptions=Ot;G.moduleName=me;G.folderName=Se;import{jsx as Us}from"react/jsx-runtime";var Ho="k-checkbox-list",Ds=[],Bs={},zo={layout:"vertical"},ne=e=>{let{layout:t=zo.layout,...o}=e;return Us("ul",{...o,className:s(e.className,Ho,{[`k-list-${t}`]:t}),children:e.children})};ne.states=Ds;ne.options=Bs;ne.className=Ho;ne.defaultOptions=zo;ne.moduleName=me;ne.folderName=Se;import{jsx as Vs}from"react/jsx-runtime";var Po="k-checkbox-list-item",Gs=[],Fs={},Xs={},se=e=>{let{...t}=e;return Vs("li",{...t,className:s(e.className,Po),children:e.children})};se.states=Gs;se.options=Fs;se.className=Po;se.defaultOptions=Xs;se.moduleName=me;se.folderName=Se;import{Fragment as wm,jsx as Pm,jsxs as Dm}from"react/jsx-runtime";import{Fragment as Xm,jsx as Fm,jsxs as Vm}from"react/jsx-runtime";import{Fragment as Qm,jsx as Wm,jsxs as Ym}from"react/jsx-runtime";import{Fragment as od,jsx as td,jsxs as nd}from"react/jsx-runtime";import{jsx as rd}from"react/jsx-runtime";import{jsx as dd}from"react/jsx-runtime";import{jsx as We,jsxs as Ws}from"react/jsx-runtime";var yt="k-list-item",$s=[n.hover,n.focus,n.selected,n.disabled],Js={},qs={},h=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:l,showCheckbox:p,checked:N,hover:m,focus:u,selected:x,disabled:b,...S}=e,v=t||e.children;return Ws("li",{...S,className:s(e.className,i?"k-list-group-item":yt,K(yt,{hover:m,focus:u,disabled:b,selected:x})),children:[p&&We(G,{checked:N}),r&&We(E,{icon:l}),We("span",{className:"k-list-item-text",children:v}),o&&o!==""&&We("div",{className:"k-list-item-group-label",children:o})]})};h.states=$s;h.options=Js;h.className=yt;h.defaultOptions=qs;h.moduleName=J;h.folderName=oe;import{jsx as _t,jsxs as Ys}from"react/jsx-runtime";var Qs="k-list-content",be=e=>{let{virtualization:t,...o}=e;return Ys("div",{...o,className:s(Qs,e.className),children:[_t("ul",{className:s("k-list-ul"),children:e.children}),t&&_t("div",{className:"k-height-container",children:_t("div",{})})]})};import{jsx as wo}from"react/jsx-runtime";var Zs="k-list-group-sticky-header",Do=e=>wo("div",{className:s(Zs,e.className),children:wo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as js,jsx as Bo,jsxs as ei}from"react/jsx-runtime";var R=e=>{let{virtualization:t,label:o}=e;return ei(js,{children:[o&&Bo(Do,{children:o}),e.children&&Bo(be,{virtualization:t,children:e.children})]})};import{jsx as Uo}from"react/jsx-runtime";var ti="k-list-group-item",Ko=e=>Uo("li",{className:s(ti,e.className),children:Uo("span",{className:"k-list-item-text",children:e.children})});import{jsx as ii}from"react/jsx-runtime";var Kt="k-list-optionlabel",oi=[n.hover,n.focus,n.selected,n.disabled],ni={},si={},Qe=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return ii("div",{...p,className:s(Kt,K(Kt,{hover:o,focus:i,selected:r,disabled:l})),children:t})};Qe.states=oi;Qe.options=ni;Qe.className=Kt;Qe.defaultOptions=si;import{jsx as pi}from"react/jsx-runtime";var Rt="k-list-custom-value",ai=[n.hover,n.focus,n.selected,n.disabled],ri={},li={},Ye=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return pi("div",{...p,className:s(Rt,K(Rt,{hover:o,focus:i,selected:r,disabled:l})),children:t})};Ye.states=ai;Ye.options=ri;Ye.className=Rt;Ye.defaultOptions=li;import{jsx as Wd}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";import{jsx as nc,jsxs as sc}from"react/jsx-runtime";import{jsx as lc,jsxs as pc}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";import{jsx as xc,jsxs as hc}from"react/jsx-runtime";import{jsx as Ic,jsxs as Mc}from"react/jsx-runtime";var Go="dropdown-list",Fo="dropdownlist";import{Fragment as ci,jsx as H,jsxs as Ht}from"react/jsx-runtime";var Xo="k-dropdownlist",mi=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],di={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[f.solid,f.flat,f.outline]},Ie={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:c.medium,fillMode:f.solid},de=e=>{let{size:t=Ie.size,rounded:o=Ie.rounded,fillMode:i=Ie.fillMode,arrowIconName:r=Ie.arrowIconName,showValue:l=Ie.showValue,valueIconName:p,prefix:N,suffix:m,value:u,placeholder:x,hover:b,focus:S,valid:v,invalid:O,required:k,loading:M,disabled:I,readonly:z,popup:ie,opened:Ze,adaptive:Jo,adaptiveSettings:qo,adaptiveTitle:Wo,adaptiveSubtitle:Qo,adaptiveFilter:Yo,...Zo}=e;return Ht(ci,{children:[Ht(W,{...Zo,size:t,rounded:o,fillMode:i,hover:b,focus:S,valid:v,invalid:O,required:k,loading:M,disabled:I,readonly:z,className:s(e.className,Xo,{"k-icon-picker":!l&&p}),children:[H(ue,{children:N}),H(Oe,{placeholder:x,value:u,showValue:l,valueIconName:p}),H(P,{valid:v,invalid:O,loading:M,disabled:I}),H(D,{loading:M,disabled:I}),H(fe,{children:m}),H(y,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),Ze&&ie&&H(Y,{className:"k-list-container k-dropdownlist-popup",children:ie}),Jo&&H($,{adaptive:!0,...qo,header:H(te,{actionsEnd:H(y,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Yo,inputValue:u,inputPlaceholder:x,title:Wo,subtitle:Qo}),children:H("div",{className:"k-list-container",children:Ht(_,{size:"large",children:[H(h,{text:"List item"}),H(h,{text:"List item"}),H(h,{text:"List item"})]})})})]})};de.states=mi;de.options=di;de.className=Xo;de.defaultOptions=Ie;de.moduleName=Go;de.folderName=Fo;import{jsx as ou}from"react/jsx-runtime";import{jsx as ru,jsxs as lu}from"react/jsx-runtime";import{Fragment as Lu,jsx as fu,jsxs as Nu}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";import{jsx as Eu,jsxs as Tu}from"react/jsx-runtime";import{jsx as yu,jsxs as _u}from"react/jsx-runtime";import{Fragment as Bu,jsx as wu,jsxs as Du}from"react/jsx-runtime";import{Fragment as qu,jsx as $u,jsxs as Ju}from"react/jsx-runtime";import{Fragment as df,jsx as mf}from"react/jsx-runtime";import{Fragment as hf,jsx as xf}from"react/jsx-runtime";import{Fragment as He,jsx as L,jsxs as C}from"react/jsx-runtime";var Vo="k-colorgradient-inputs",ui=[],fi={size:[a.small,a.medium,a.large]},$o={mode:"rgba",size:a.medium},ze=e=>{let{mode:t=$o.mode,size:o,...i}=e;return C("div",{...i,className:s(Vo,"k-hstack"),children:[L("div",{className:"k-vstack",children:L(y,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&C(He,{children:[C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),L("label",{className:"k-colorgradient-input-label",children:"B"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&C(He,{children:[C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"R"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"G"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&C(He,{children:[C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),L("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&C(He,{children:[C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"H"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"S"})]}),C("div",{className:"k-vstack",children:[L(g,{showSpinButton:!1,showClearButton:!1,value:"132"}),L("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&L(He,{children:C("div",{className:"k-vstack k-flex-1",children:[L(U,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),L("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ze.states=ui;ze.options=fi;ze.className=Vo;ze.defaultOptions=$o;var Of=ze;export{ze as ColorInput,Of as default};