@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=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((o,i)=>e[i]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var I=(t,e)=>s({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),M=(t,e)=>{let{valid:o,invalid:i,hover:a,focus:m,checked:l,active:u,selected:p,disabled:d,indeterminate:f,loading:N,empty:h,readonly:S,highlighted:T,...C}=e;return s({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":m,"k-checked":l,"k-active":u,"k-selected":p,"k-disabled":d,"k-indeterminate":f&&!l,"k-loading":N,"k-empty":h,"k-readonly":S,"k-highlighted":T},Object.keys(C).reduce((v,E)=>(E.startsWith("k-")?v[E]=C[E]:v[`k-${E}`]=C[E],v),{}))};function Ve(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},c={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{jsx as Et,jsxs as ie}from"react/jsx-runtime";var ae="k-form-field",ls=[n.disabled],K=t=>{let{label:e,orientation:o,optional:i,editor:a,hint:m,error:l,info:u,disabled:p,dir:d,colSpan:f}=t;return ie("div",{className:s(ae,t.className,M(ae,{disabled:p}),{[`k-col-span-${f}`]:f}),dir:d,children:[e&&ie("label",{className:s("k-label","k-form-label"),children:[e,i&&Et("span",{className:"k-label-optional",children:"(Optional)"}),u&&Et("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!e&&Et("span",{className:"k-label k-form-label k-label-empty"}),ie("div",{className:"k-form-field-wrap",children:[a,m&&Et("div",{className:"k-form-hint",children:m}),l&&Et("div",{className:"k-form-error",children:l})]})]})};K.states=ls;K.className=ae;import{Fragment as ms,jsx as re,jsxs as ps}from"react/jsx-runtime";var Je="k-form-fieldset",J=t=>{let{legend:e,layout:o,cols:i,gutters:a,colSpan:m}=t;return ps("fieldset",{className:s(Je,{[`k-col-span-${m}`]:m}),children:[e&&re("legend",{className:"k-form-legend",children:e}),o==="grid"?re("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i}),style:{...typeof a=="string"&&{gap:a},...typeof a=="object"&&a.rows&&{rowGap:a.rows},...typeof a=="object"&&a.cols&&{columnGap:a.cols}},children:t.children}):re(ms,{children:t.children})]})};J.className=Je;var qe="form",We="forms";import{Fragment as us,jsx as gt,jsxs as fs}from"react/jsx-runtime";import{createElement as le}from"react";var zt="k-form",ds=[],cs={size:[r.small,r.medium,r.large]},wt={size:r.medium,layout:"basic",tag:"form"},z=t=>{let{size:e=wt.size,orientation:o,layout:i=wt.layout,formButtons:a,cols:m,gutters:l,tag:u=wt.tag,children:p}=t,d=({tag:N,className:h,children:S})=>N==="form"?gt("form",{className:h,children:S}):gt("div",{className:h,children:S}),f=[];return p&&(Array.isArray(p)?p.map((N,h)=>{N.type===K?f.push(le(K,{...N.props,orientation:o,key:h})):f.push(N)}):p.type===K?f.push(le(K,{...p.props,orientation:o,key:`${new Date().getTime()}`})):p.type===J&&f.push(le(J,{...p.props,key:`${new Date().getTime()}`}))),fs(d,{tag:u,className:s(t.className,zt,I(zt,{size:e}),{[`${zt}-${o}`]:o}),children:[i==="grid"?gt("div",{className:s("k-form-layout","k-d-grid",{[`k-grid-cols-${m}`]:m}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:f}):gt(us,{children:f}),a&>("div",{className:"k-form-buttons",children:a})]})};z.states=ds;z.options=cs;z.className=zt;z.defaultOptions=wt;z.moduleName=qe;z.folderName=We;import{Fragment as bs,jsx as Qe}from"react/jsx-runtime";var me="k-font-icon",Ls=[],Ns={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},xs={},vt=t=>{let{size:e,themeColor:o,icon:i,rotate:a,flip:m,...l}=t;return i?Qe("span",{...l,className:s(t.className,me,I(me,{size:e}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):Qe(bs,{})};vt.states=Ls;vt.options=Ns;vt.className=me;vt.defaultOptions=xs;var Ye=vt;import{Fragment as Is,jsx as Ft}from"react/jsx-runtime";var pe="k-svg-icon",hs=[],Ss={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},Ze={viewBox:"0 0 24 24"},Ot=t=>{let{size:e,themeColor:o,rotate:i,flip:a,viewBox:m=Ze.viewBox,icon:l,...u}=t;if(!l)return Ft(Is,{});l==="none"&&{...u,className:s(t.className,pe,"k-none")};let p=typeof l=="object"&&l.name&&l.name;return Ft("span",{...u,className:s(t.className,pe,I("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:Ft("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:m,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:t.children})})};Ot.states=hs;Ot.options=Ss;Ot.className=pe;Ot.defaultOptions=Ze;var de=Ot;import*as ce from"@progress/kendo-svg-icons";var je="icon",to="icons";import{Fragment as eo,jsx as Tt}from"react/jsx-runtime";var Bt="k-icon",As=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ms=[],Es={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},ue={viewBox:"0 0 24 24",type:"svg"},A=t=>{let{size:e,themeColor:o,icon:i,type:a=ue.type,rotate:m,flip:l,viewBox:u=ue.viewBox,...p}=t;if(!i)return Tt(eo,{});if(a==="svg"){if(i==="none")return Tt(de,{...p,className:s(t.className,Bt),icon:i,size:e});let d=ce[i]?i:As(`${i}-icon`);return ce[d]?Tt(de,{...p,className:s(t.className,Bt),icon:ce[d],size:e,themeColor:o,rotate:m,flip:l,viewBox:u}):Tt(eo,{})}return Tt(Ye,{...p,className:s(t.className,Bt),icon:i,size:e,themeColor:o,rotate:m,flip:l})};A.states=Ms;A.options=Es;A.defaultOptions=ue;A.className=Bt;A.moduleName=je;A.folderName=to;var fe="button",oo=fe;import{Fragment as Ts,jsx as Ct,jsxs as so}from"react/jsx-runtime";var kt="k-button",gs=["icon-button"],vs=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Os={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark,c.inverse]},at={size:r.medium,rounded:L.medium,fillMode:b.solid,themeColor:c.base,showArrow:!1,arrowIconName:"caret-alt-down"},O=t=>{let{size:e=at.size,rounded:o=at.rounded,fillMode:i=at.fillMode,themeColor:a=at.themeColor,showArrow:m=at.showArrow,arrowIconName:l=at.arrowIconName,variant:u,hover:p,focus:d,active:f,selected:N,disabled:h,icon:S,text:T,iconClassName:C,...v}=t,E=S!==void 0,V=t.children!==void 0;return so("button",{...v,className:s(t.className,kt,Ve(kt,u),I(kt,{size:e,rounded:o,fillMode:i,themeColor:a}),M(kt,{hover:p,focus:d,active:f,disabled:h,selected:N}),{"k-icon-button":!T&&!V&&E}),children:[S&&Ct(A,{className:s(C,"k-button-icon"),icon:S}),T?so(Ts,{children:[T&&Ct("span",{className:"k-button-text",children:T}),t.children]}):t.children&&Ct("span",{className:"k-button-text",children:t.children}),m&&Ct("span",{className:"k-menu-button-arrow k-button-arrow",children:Ct(A,{icon:l})})]})};O.states=vs;O.options=Os;O.variants=gs;O.className=kt;O.defaultOptions=at;O.moduleName=fe;O.folderName=oo;import{jsx as va}from"react/jsx-runtime";import{jsx as ka}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";var yt="input",Gt=yt;import{jsx as ys}from"react/jsx-runtime";var Ut="k-input",Cs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ks={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},$t={size:r.medium,rounded:r.medium,fillMode:b.solid},k=t=>{let{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u,size:p=$t.size,rounded:d=$t.rounded,fillMode:f=$t.fillMode,...N}=t;return ys("span",{...N,className:s(t.className,Ut,I(Ut,{size:p,rounded:d,fillMode:f}),M(Ut,{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u}))})};k.states=Cs;k.options=ks;k.className=Ut;k.defaultOptions=$t;k.moduleName=yt;k.folderName=Gt;import{jsx as Ks}from"react/jsx-runtime";var Xt="k-picker",Rs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],_s={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},Vt={size:r.medium,rounded:L.medium,fillMode:b.solid},q=t=>{let{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u,size:p=Vt.size,rounded:d=Vt.rounded,fillMode:f=Vt.fillMode,...N}=t;return Ks("span",{...N,className:s(t.className,Xt,I(Xt,{size:p,rounded:d,fillMode:f}),M(Xt,{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u})),children:t.children})};q.states=Rs;q.options=_s;q.className=Xt;q.defaultOptions=Vt;q.moduleName=yt;q.folderName=Gt;import{Fragment as Ps,jsx as Le}from"react/jsx-runtime";var no="k-clear-value",Hs=[n.disabled,n.loading,n.readonly],Ds={},rt=t=>{let{disabled:e,loading:o,readonly:i,value:a}=t;return e||i||o||!a?Le(Ps,{}):Le("span",{className:s(t.className,no),children:Le(A,{icon:"x"})})};rt.states=Hs;rt.options=Ds;rt.className=no;import{jsx as Fs}from"react/jsx-runtime";var Ne="k-input-inner",zs=[],ws={},Jt={type:"text",autocomplete:"off",value:"",placeholder:""},lt=t=>{let{value:e=Jt.value,type:o=Jt.type,placeholder:i=Jt.placeholder,autocomplete:a=Jt.autocomplete,...m}=t;return Fs("input",{...m,type:o,className:s(t.className,Ne,I(Ne,t)),placeholder:i,autoComplete:a,defaultValue:e})};lt.states=zs;lt.options=ws;lt.className=Ne;import{jsx as io,jsxs as Us}from"react/jsx-runtime";var xe="k-input-inner",Bs=[],Gs={},Rt=t=>{let{value:e,placeholder:o,showValue:i,valueIcon:a,valueIconName:m,...l}=t;return Us("span",{...l,className:s(t.className,xe,I(xe,t)),children:[a,!a&&m&&io(A,{className:"k-input-value-icon",icon:m}),i&&!e&&o,i&&e&&io("span",{className:"k-input-value-text",children:e})]})};Rt.states=Bs;Rt.options=Gs;Rt.className=xe;import{jsx as Vs}from"react/jsx-runtime";var be="k-input-inner",$s=[],Xs={},ao={value:"",placeholder:""},he=t=>{let{value:e=ao.value,placeholder:o=ao.placeholder,rows:i,...a}=t;return Vs("textarea",{...a,className:s(t.className,be,I(be,t)),placeholder:o,rows:i,defaultValue:e})};he.states=$s;he.options=Xs;he.className=be;import{Fragment as qs,jsx as ro}from"react/jsx-runtime";var lo="k-input-loading-icon",Js=[n.disabled,n.loading],W=t=>{let{disabled:e,loading:o}=t;return e||!o?ro(qs,{}):ro("span",{className:s(t.className,lo,"k-icon k-i-loading")})};W.states=Js;W.className=lo;import{Fragment as Ys,jsx as mo}from"react/jsx-runtime";var po="k-input-validation-icon",Ws=[n.valid,n.invalid,n.disabled,n.loading],Qs={},G=t=>{let{valid:e,invalid:o,disabled:i,loading:a}=t,m=o?"warning-circle":"check-circle";return i||a||!!!(e||o)?mo(Ys,{}):mo(A,{className:s(po),icon:m})};G.states=Ws;G.options=Qs;G.className=po;import{Fragment as tn,jsx as co}from"react/jsx-runtime";var Zs="k-input-prefix",js={direction:"horizontal"},qt=t=>{let{direction:e=js.direction,...o}=t;return t.children?co("span",{...o,className:s(Zs,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):co(tn,{})};import{Fragment as sn,jsx as uo}from"react/jsx-runtime";var en="k-input-suffix",on={direction:"horizontal"},Wt=t=>{let{direction:e=on.direction,...o}=t;return t.children?uo("span",{...o,className:s(en,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):uo(sn,{})};import{jsx as gr}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var fo="k-input-separator",nn={direction:"vertical"},Se=t=>{let{direction:e=nn.direction,...o}=t;return an("span",{...o,className:s(fo,t.className,{[`${fo}-${e}`]:e})})};var Ie="popup",Lo=Ie;import{jsx as No}from"react/jsx-runtime";var xo="k-animation-container",rn=[],ln={},bo={positionMode:"absolute"},w=t=>{let{positionMode:e=bo.positionMode,animationStyle:o,offset:i,...a}=t;return No("div",{...a,style:{...i,...t.style},className:s(t.className,xo,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:No("div",{className:"k-child-animation-container",style:o,children:t.children})})};w.states=rn;w.options=ln;w.className=xo;w.defaultOptions=bo;w.moduleName=Ie;w.folderName=Lo;var Ae="popup",ho=Ae;import{jsx as So}from"react/jsx-runtime";var Io="k-popup",mn=[],pn={},Ao={positionMode:"absolute"},Q=t=>{let{offset:e,positionMode:o=Ao.positionMode,animationStyle:i,...a}=t;return So(w,{positionMode:o,offset:e,animationStyle:i,children:So("div",{...a,className:s(t.className,Io),children:t.children})})};Q.states=mn;Q.options=pn;Q.className=Io;Q.defaultOptions=Ao;Q.moduleName=Ae;Q.folderName=ho;var Me="action-buttons",Mo=Me;import{jsx as un}from"react/jsx-runtime";var Qt="k-actions",dn=[],cn={},Ee={alignment:"start",orientation:"horizontal"},Y=t=>{let{alignment:e=Ee.alignment,orientation:o=Ee.orientation,...i}=t;return un("div",{...i,className:s(Qt,{[`${Qt}-${e}`]:e,[`${Qt}-${o}`]:o},t.className),children:t.children})};Y.states=dn;Y.options=cn;Y.className=Qt;Y.defaultOptions=Ee;Y.moduleName=Me;Y.folderName=Mo;import{jsx as Ln}from"react/jsx-runtime";var fn="k-actionsheet-footer",Eo={alignment:"stretched",orientation:"horizontal"},ge=t=>{let{alignment:e=Eo.alignment,orientation:o=Eo.orientation,template:i,as:a=i?"div":Y,...m}=t;return Ln(a,{...m,...!i&&{alignment:e,orientation:o},className:s(t.className,fn),children:t.children})};var ve="searchbox",go=ve;import{jsx as _t,jsxs as bn}from"react/jsx-runtime";var vo="k-searchbox",Nn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],xn={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},Oe={showIcon:!0,icon:"search",size:k.defaultOptions.size,rounded:k.defaultOptions.rounded,fillMode:k.defaultOptions.fillMode},D=t=>{let{value:e,placeholder:o,size:i,rounded:a,fillMode:m,hover:l,focus:u,valid:p,invalid:d,required:f,loading:N,disabled:h,showIcon:S=Oe.showIcon,icon:T=Oe.icon,...C}=t;return bn(k,{...C,size:i,rounded:a,fillMode:m,hover:l,focus:u,valid:p,invalid:d,required:f,loading:N,disabled:h,className:s(t.className,vo),children:[S&&_t(A,{className:"k-input-icon",icon:T}),_t(lt,{placeholder:o,value:e}),_t(W,{...t}),_t(G,{...t}),_t(rt,{...t})]})};D.states=Nn;D.options=xn;D.className=vo;D.defaultOptions=Oe;D.moduleName=ve;D.folderName=go;import{jsx as kl}from"react/jsx-runtime";var Te="textbox",Oo=Te;import{Fragment as To,jsx as Z,jsxs as Ce}from"react/jsx-runtime";var Co="k-textbox",hn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Sn={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},mt={showClearButton:!0,showValidationIcon:!0,size:k.defaultOptions.size,rounded:k.defaultOptions.rounded,fillMode:k.defaultOptions.fillMode,separators:!0},H=t=>{let{size:e=mt.size,rounded:o=mt.rounded,fillMode:i=mt.fillMode,separators:a=mt.separators,showClearButton:m=mt.showClearButton,showValidationIcon:l=mt.showValidationIcon,prefix:u,suffix:p,type:d,value:f,placeholder:N,hover:h,focus:S,valid:T,invalid:C,required:v,loading:E,disabled:V,readonly:Mt,...ne}=t;return Ce(k,{...ne,size:e,rounded:o,fillMode:i,hover:h,focus:S,valid:T,invalid:C,required:v,loading:E,disabled:V,readonly:Mt,className:s(t.className,Co),children:[u&&Ce(To,{children:[Z(qt,{children:u}),a&&Z(Se,{})]}),Z(lt,{placeholder:N,value:f,type:d}),l&&Z(G,{valid:T,invalid:C,loading:E,disabled:V}),Z(W,{loading:E,disabled:V}),m&&Z(rt,{loading:E,disabled:V,readonly:Mt,value:f}),p&&Ce(To,{children:[a&&Z(Se,{}),Z(Wt,{children:p})]})]})};H.states=hn;H.options=Sn;H.className=Co;H.defaultOptions=mt;H.moduleName=Te;H.folderName=Oo;import{jsx as Ul}from"react/jsx-runtime";import{Fragment as Wl,jsx as ql}from"react/jsx-runtime";import{Fragment as om,jsx as em}from"react/jsx-runtime";import{jsx as j,jsxs as ke}from"react/jsx-runtime";var yo="k-actionsheet-titlebar",In={},tt=t=>{let{title:e,subtitle:o,actionsStart:i,actionsEnd:a,filter:m,input:l,inputValue:u,inputPlaceholder:p,adaptive:d,children:f,...N}=t;return ke("div",{...N,className:s(t.className,yo),children:[ke("div",{className:"k-actionsheet-titlebar-group",children:[i&&j("div",{className:"k-actionsheet-actions",children:i}),!f&&ke("div",{className:"k-actionsheet-title",children:[e&&j("div",{className:"k-text-center",children:e}),o&&j("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),f&&j("div",{className:"k-actionsheet-title",children:f}),a&&j("div",{className:"k-actionsheet-actions",children:a})]}),(l||m)&&j("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?j(H,{value:u,placeholder:p,size:d?"large":"medium"}):j(D,{placeholder:"Filter",size:d?"large":"medium"})})]})};tt.className=yo;tt.defaultOptions=In;import{jsx as ye,jsxs as gn}from"react/jsx-runtime";var Re="k-actionsheet-view",An=[],Mn={},En={},ft=t=>{let{adaptive:e,animated:o,children:i,header:a,footer:m,...l}=t,u=a?.type===tt&&ye(tt,{adaptive:e,...a?.props}),p=m?.type===ge&&ye(ge,{...m?.props});return gn("div",{...l,className:s(t.className,Re,{[`${Re}-animated`]:o}),children:[u,ye("div",{className:"k-actionsheet-content",children:i}),p]})};ft.states=An;ft.options=Mn;ft.className=Re;ft.defaultOptions=En;var Kt="action-sheet",Yt=Kt;import{jsx as Zt,jsxs as Tn}from"react/jsx-runtime";var Ro="k-actionsheet",vn=[],On={},Ht={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=t=>{let{side:e=Ht.side,fullscreen:o=Ht.fullscreen,adaptive:i=Ht.adaptive,overlay:a=Ht.overlay,template:m,children:l,header:u,footer:p,...d}=t;return Tn("div",{className:"k-actionsheet-container",children:[a&&Zt("div",{className:"k-overlay"}),Zt(w,{animationStyle:{[`${o===!0?"top":e}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:Zt("div",{...d,className:s(t.className,Ro,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:m||Zt(ft,{header:u,footer:p,adaptive:i,...t,children:l})})})]})};U.states=vn;U.options=On;U.className=Ro;U.defaultOptions=Ht;U.moduleName=Kt;U.folderName=Yt;import{jsx as Rn}from"react/jsx-runtime";var _o="k-actionsheet-container",Cn=[],kn={},yn={},Lt=t=>{let{children:e,...o}=t;return Rn("div",{...o,className:_o,children:e})};Lt.states=Cn;Lt.options=kn;Lt.className=_o;Lt.defaultOptions=yn;Lt.moduleName=Kt;Lt.folderName=Yt;import{jsx as ym}from"react/jsx-runtime";import{Fragment as Kn,jsx as Dt,jsxs as _e}from"react/jsx-runtime";var Ke="k-actionsheet-item",_n=[n.hover,n.focus,n.selected,n.disabled],He=t=>{let{iconName:e,text:o,description:i,hover:a,focus:m,selected:l,disabled:u,...p}=t;return _e("span",{...p,className:s(t.className,Ke,M(Ke,{hover:a,focus:m,selected:l,disabled:u})),children:[!t.children&&Dt(Kn,{children:_e("span",{className:"k-actionsheet-action",children:[e&&Dt("span",{className:"k-icon-wrap",children:Dt(A,{className:"k-actionsheet-item-icon",icon:e})}),_e("span",{className:"k-actionsheet-item-text",children:[o&&Dt("span",{className:"k-actionsheet-item-title",children:o}),i&&Dt("span",{className:"k-actionsheet-item-description",children:i})]})]})}),t.children]})};He.states=_n;He.className=Ke;import{jsx as Fm,jsxs as Bm}from"react/jsx-runtime";import{jsx as Xm}from"react/jsx-runtime";import{jsx as Wm}from"react/jsx-runtime";import{jsx as jm}from"react/jsx-runtime";import{jsx as Dn}from"react/jsx-runtime";var Hn="k-no-data",Pt=t=>Dn("span",{className:s(Hn,t.className),children:t.children});var $="list",et=$;import{jsx as Nt,jsxs as Ho}from"react/jsx-runtime";var De="k-list",Pn=[],zn={size:[r.small,r.medium,r.large]},Do={size:r.medium},g=t=>{let{size:e=Do.size,virtualization:o,children:i,optionLabel:a,customValue:m,screenReaders:l,...u}=t,p,d,f,N,h=[];return i?i.map((S,T)=>{S.type===y?(S.props.root===!0?(p=S.props.label,S.props.children.map((C,v)=>{h.push(Nt(x,{...C.props},`optChild-${v}-${new Date().getTime()}`))})):S.props.children.forEach((C,v)=>{let E="";v===0&&(E=S.props.label),h.push(Nt(x,{className:v===0?"k-first":"",...C.props,groupLabel:E},`groupLabel-${v}-${new Date().getTime()}`))}),d=Nt(y,{label:p,virtualization:o,children:h})):S.type===x&&(h.push(Nt(x,{...S.props},`${S.type}-${T}`)),f=Nt(xt,{virtualization:o,children:h}),l&&(N=Ho(Pt,{className:"k-sr-only",children:[h.length," items found."]})))}):N=Nt(Pt,{children:"No data found."}),Ho("div",{...u,className:s(t.className,De,I(De,{size:e}),{"k-virtual-list":o}),children:[a,m,d,f,N]})};g.states=Pn;g.options=zn;g.className=De;g.defaultOptions=Do;g.moduleName=$;g.folderName=et;import{jsx as Gn}from"react/jsx-runtime";var Po="k-list-container",wn=[],Fn={},Bn={},bt=t=>{let{...e}=t;return Gn("div",{...e,className:s(t.className,Po),children:t.children})};bt.states=wn;bt.options=Fn;bt.className=Po;bt.defaultOptions=Bn;bt.moduleName=$;bt.folderName=et;import{jsx as pt,jsxs as Xn}from"react/jsx-runtime";var Pe="k-list",Un=[],$n={size:[r.small,r.medium,r.large]},zo={size:r.medium},X=t=>{let{size:e=zo.size,virtualization:o,children:i,...a}=t,m,l,u,p=[];return i?i.map((d,f)=>{d.type===y?(d.props.root===!0?(m=d.props.label,d.props.children.map((N,h)=>{p.push(pt(x,{...N.props},`optChild-${h}-${new Date().getTime()}`))})):(p.push(pt(wo,{...d.props,children:d.props.label},`listChild-${f}`)),d.props.children.map((N,h)=>{p.push(pt(x,{...N.props},`fwOptChild-${h}-${new Date().getTime()}`))})),l=pt(y,{label:m,virtualization:o,children:p})):d.type===x&&(p.push(pt(x,{...d.props},`${d.type}-${f}`)),u=pt(xt,{virtualization:o,children:p}))}):u=pt(Pt,{children:"No data found."}),Xn("div",{...a,className:s(t.className,Pe,I(Pe,{size:e}),{"k-virtual-list":o}),children:[l,u]})};X.states=Un;X.options=$n;X.className=Pe;X.defaultOptions=zo;X.moduleName=$;X.folderName=et;var dt="checkbox",ht=dt;import{jsx as Fo}from"react/jsx-runtime";var jt="k-checkbox",Vn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Jn={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full]},ze={size:r.medium,rounded:L.medium},F=t=>{let{id:e,checked:o,indeterminate:i,hover:a,focus:m,disabled:l,invalid:u,valid:p,required:d,size:f=ze.size,rounded:N=ze.rounded,...h}=t;return Fo("span",{className:"k-checkbox-wrap",children:Fo("input",{...h,id:e,type:"checkbox",defaultChecked:o,required:d,className:s(t.className,jt,I(jt,{size:f,rounded:N}),M(jt,{hover:a,focus:m,disabled:l,invalid:u,valid:p,indeterminate:i,checked:o}))})})};F.states=Vn;F.options=Jn;F.className=jt;F.defaultOptions=ze;F.moduleName=dt;F.folderName=ht;import{jsx as Qn}from"react/jsx-runtime";var Bo="k-checkbox-list",qn=[],Wn={},Go={layout:"vertical"},ot=t=>{let{layout:e=Go.layout,...o}=t;return Qn("ul",{...o,className:s(t.className,Bo,{[`k-list-${e}`]:e}),children:t.children})};ot.states=qn;ot.options=Wn;ot.className=Bo;ot.defaultOptions=Go;ot.moduleName=dt;ot.folderName=ht;import{jsx as ti}from"react/jsx-runtime";var Uo="k-checkbox-list-item",Yn=[],Zn={},jn={},st=t=>{let{...e}=t;return ti("li",{...e,className:s(t.className,Uo),children:t.children})};st.states=Yn;st.options=Zn;st.className=Uo;st.defaultOptions=jn;st.moduleName=dt;st.folderName=ht;import{Fragment as Yp,jsx as Qp,jsxs as Zp}from"react/jsx-runtime";import{Fragment as sd,jsx as od,jsxs as nd}from"react/jsx-runtime";import{Fragment as md,jsx as ld,jsxs as pd}from"react/jsx-runtime";import{Fragment as Ld,jsx as fd,jsxs as Nd}from"react/jsx-runtime";import{jsx as Sd}from"react/jsx-runtime";import{jsx as Ed}from"react/jsx-runtime";import{jsx as te,jsxs as ni}from"react/jsx-runtime";var Fe="k-list-item",ei=[n.hover,n.focus,n.selected,n.disabled],oi={},si={},x=t=>{let{text:e,groupLabel:o,group:i,showIcon:a,iconName:m,showCheckbox:l,checked:u,hover:p,focus:d,selected:f,disabled:N,...h}=t,S=e||t.children;return ni("li",{...h,className:s(t.className,i?"k-list-group-item":Fe,M(Fe,{hover:p,focus:d,disabled:N,selected:f})),children:[l&&te(F,{checked:u}),a&&te(A,{icon:m}),te("span",{className:"k-list-item-text",children:S}),o&&o!==""&&te("div",{className:"k-list-item-group-label",children:o})]})};x.states=ei;x.options=oi;x.className=Fe;x.defaultOptions=si;x.moduleName=$;x.folderName=et;import{jsx as Be,jsxs as ai}from"react/jsx-runtime";var ii="k-list-content",xt=t=>{let{virtualization:e,...o}=t;return ai("div",{...o,className:s(ii,t.className),children:[Be("ul",{className:s("k-list-ul"),children:t.children}),e&&Be("div",{className:"k-height-container",children:Be("div",{})})]})};import{jsx as $o}from"react/jsx-runtime";var ri="k-list-group-sticky-header",Xo=t=>$o("div",{className:s(ri,t.className),children:$o("div",{className:"k-list-header-text",children:t.children})});import{Fragment as li,jsx as Vo,jsxs as mi}from"react/jsx-runtime";var y=t=>{let{virtualization:e,label:o}=t;return mi(li,{children:[o&&Vo(Xo,{children:o}),t.children&&Vo(xt,{virtualization:e,children:t.children})]})};import{jsx as Jo}from"react/jsx-runtime";var pi="k-list-group-item",wo=t=>Jo("li",{className:s(pi,t.className),children:Jo("span",{className:"k-list-item-text",children:t.children})});import{jsx as fi}from"react/jsx-runtime";var Ge="k-list-optionlabel",di=[n.hover,n.focus,n.selected,n.disabled],ci={},ui={},ee=t=>{let{text:e,hover:o,focus:i,selected:a,disabled:m,...l}=t;return fi("div",{...l,className:s(Ge,M(Ge,{hover:o,focus:i,selected:a,disabled:m})),children:e})};ee.states=di;ee.options=ci;ee.className=Ge;ee.defaultOptions=ui;import{jsx as bi}from"react/jsx-runtime";var Ue="k-list-custom-value",Li=[n.hover,n.focus,n.selected,n.disabled],Ni={},xi={},oe=t=>{let{text:e,hover:o,focus:i,selected:a,disabled:m,...l}=t;return bi("div",{...l,className:s(Ue,M(Ue,{hover:o,focus:i,selected:a,disabled:m})),children:e})};oe.states=Li;oe.options=Ni;oe.className=Ue;oe.defaultOptions=xi;import{jsx as lc}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";import{jsx as Nc,jsxs as xc}from"react/jsx-runtime";import{jsx as Ic,jsxs as Ac}from"react/jsx-runtime";import{jsx as vc}from"react/jsx-runtime";import{jsx as kc,jsxs as yc}from"react/jsx-runtime";import{jsx as Hc,jsxs as Dc}from"react/jsx-runtime";var qo="dropdown-list",Wo="dropdownlist";import{Fragment as Ii,jsx as R,jsxs as $e}from"react/jsx-runtime";var Qo="k-dropdownlist",hi=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Si={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},St={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:L.medium,fillMode:b.solid},B=t=>{let{size:e=St.size,rounded:o=St.rounded,fillMode:i=St.fillMode,arrowIconName:a=St.arrowIconName,showValue:m=St.showValue,valueIconName:l,prefix:u,suffix:p,value:d,placeholder:f,hover:N,focus:h,valid:S,invalid:T,required:C,loading:v,disabled:E,readonly:V,popup:Mt,opened:ne,adaptive:os,adaptiveSettings:ss,adaptiveTitle:ns,adaptiveSubtitle:is,adaptiveFilter:as,...rs}=t;return $e(Ii,{children:[$e(q,{...rs,size:e,rounded:o,fillMode:i,hover:N,focus:h,valid:S,invalid:T,required:C,loading:v,disabled:E,readonly:V,className:s(t.className,Qo,{"k-icon-picker":!m&&l}),children:[R(qt,{children:u}),R(Rt,{placeholder:f,value:d,showValue:m,valueIconName:l}),R(G,{valid:S,invalid:T,loading:v,disabled:E}),R(W,{loading:v,disabled:E}),R(Wt,{children:p}),R(O,{className:"k-input-button",icon:a,rounded:null,size:t.size,fillMode:t.fillMode})]}),ne&&Mt&&R(Q,{className:"k-list-container k-dropdownlist-popup",children:Mt}),os&&R(U,{adaptive:!0,...ss,header:R(tt,{actionsEnd:R(O,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:as,inputValue:d,inputPlaceholder:f,title:ns,subtitle:is}),children:R("div",{className:"k-list-container",children:$e(g,{size:"large",children:[R(x,{text:"List item"}),R(x,{text:"List item"}),R(x,{text:"List item"})]})})})]})};B.states=hi;B.options=Si;B.className=Qo;B.defaultOptions=St;B.moduleName=qo;B.folderName=Wo;import{jsx as Lu}from"react/jsx-runtime";import{jsx as Su,jsxs as Iu}from"react/jsx-runtime";import{Fragment as Cu,jsx as Ou,jsxs as Tu}from"react/jsx-runtime";import{jsx as _u}from"react/jsx-runtime";import{jsx as zu,jsxs as wu}from"react/jsx-runtime";import{jsx as $u,jsxs as Xu}from"react/jsx-runtime";import{Fragment as ju,jsx as Yu,jsxs as Zu}from"react/jsx-runtime";import{Fragment as lf,jsx as af,jsxs as rf}from"react/jsx-runtime";var ut="radio",It=ut;import{jsx as Yo}from"react/jsx-runtime";var se="k-radio",Ai=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Mi={size:[r.small,r.medium,r.large]},Zo={size:r.medium},P=t=>{let{id:e,checked:o,hover:i,focus:a,disabled:m,invalid:l,valid:u,required:p,size:d=Zo.size,...f}=t;return Yo("span",{className:"k-radio-wrap",children:Yo("input",{...f,id:e,type:"radio",checked:o,required:p,className:s(t.className,se,I(se,{size:d}),M(se,{hover:i,focus:a,disabled:m,invalid:l,valid:u,checked:o}))})})};P.states=Ai;P.options=Mi;P.className=se;P.defaultOptions=Zo;P.moduleName=ut;P.folderName=It;import{jsx as vi}from"react/jsx-runtime";var jo="k-radio-list",Ei=[],gi={},ts={layout:"vertical"},nt=t=>{let{layout:e=ts.layout,...o}=t;return vi("ul",{...o,className:s(t.className,jo,{[`k-list-${e}`]:e}),children:t.children})};nt.states=Ei;nt.options=gi;nt.className=jo;nt.defaultOptions=ts;nt.moduleName=ut;nt.folderName=It;import{jsx as ki}from"react/jsx-runtime";var es="k-radio-list-item",Oi=[],Ti={},Ci={},it=t=>{let{...e}=t;return ki("li",{...e,className:s(t.className,es),children:t.children})};it.states=Oi;it.options=Ti;it.className=es;it.defaultOptions=Ci;it.moduleName=ut;it.folderName=It;import{jsx as Hf}from"react/jsx-runtime";import{Fragment as Ff,jsx as wf,jsxs as Bf}from"react/jsx-runtime";import{Fragment as Vf,jsx as Xf,jsxs as Jf}from"react/jsx-runtime";import{Fragment as jf,jsx as Yf,jsxs as Zf}from"react/jsx-runtime";import{Fragment as nL,jsx as sL,jsxs as iL}from"react/jsx-runtime";import{Fragment as pL,jsx as mL,jsxs as dL}from"react/jsx-runtime";import{Fragment as kL,jsx as CL,jsxs as yL}from"react/jsx-runtime";import{Fragment as zL,jsx as PL,jsxs as wL}from"react/jsx-runtime";import{Fragment as Ri,jsx as _,jsxs as At}from"react/jsx-runtime";var jL=({size:t,...e})=>_(z,{formButtons:At(Ri,{children:[_(O,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),_(O,{className:"k-form-clear",size:t,children:"Clear"})]}),children:At(J,{legend:"Form Legend",children:[_(K,{label:"Label",editor:_(H,{size:t})}),_(K,{label:"Label",hint:"Hint text",editor:_(B,{value:"Dropdown List",size:t})}),_(K,{label:"City",editor:At("ul",{className:"k-radio-list k-list-horizontal",children:[At("li",{className:"k-radio-list-item",children:[_(P,{checked:!0,size:t}),_("label",{className:"k-radio-label",children:"Label"})]}),At("li",{className:"k-radio-list-item",children:[_(P,{size:t}),_("label",{className:"k-radio-label",children:"Label"})]}),At("li",{className:"k-radio-list-item",children:[_(P,{size:t}),_("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:t,...e});export{jL as FormNormal};