@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 32.1 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:O,...T}=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":O},Object.keys(T).reduce((v,E)=>(E.startsWith("k-")?v[E]=T[E]:v[`k-${E}`]=T[E],v),{}))};function Xe(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 Mt,jsxs as ne}from"react/jsx-runtime";var ie="k-form-field",rs=[n.disabled],_=t=>{let{label:e,orientation:o,optional:i,editor:a,hint:m,error:l,info:u,disabled:p,dir:d,colSpan:f}=t;return ne("div",{className:s(ie,t.className,M(ie,{disabled:p}),{[`k-col-span-${f}`]:f}),dir:d,children:[e&&ne("label",{className:s("k-label","k-form-label"),children:[e,i&&Mt("span",{className:"k-label-optional",children:"(Optional)"}),u&&Mt("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!e&&Mt("span",{className:"k-label k-form-label k-label-empty"}),ne("div",{className:"k-form-field-wrap",children:[a,m&&Mt("div",{className:"k-form-hint",children:m}),l&&Mt("div",{className:"k-form-error",children:l})]})]})};_.states=rs;_.className=ie;import{Fragment as ls,jsx as ae,jsxs as ms}from"react/jsx-runtime";var Ve="k-form-fieldset",D=t=>{let{legend:e,layout:o,cols:i,gutters:a,colSpan:m}=t;return ms("fieldset",{className:s(Ve,{[`k-col-span-${m}`]:m}),children:[e&&ae("legend",{className:"k-form-legend",children:e}),o==="grid"?ae("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}):ae(ls,{children:t.children})]})};D.className=Ve;var Je="form",qe="forms";import{Fragment as cs,jsx as Et,jsxs as us}from"react/jsx-runtime";import{createElement as re}from"react";var Pt="k-form",ps=[],ds={size:[r.small,r.medium,r.large]},zt={size:r.medium,layout:"basic",tag:"form"},P=t=>{let{size:e=zt.size,orientation:o,layout:i=zt.layout,formButtons:a,cols:m,gutters:l,tag:u=zt.tag,children:p}=t,d=({tag:N,className:h,children:S})=>N==="form"?Et("form",{className:h,children:S}):Et("div",{className:h,children:S}),f=[];return p&&(Array.isArray(p)?p.map((N,h)=>{N.type===_?f.push(re(_,{...N.props,orientation:o,key:h})):f.push(N)}):p.type===_?f.push(re(_,{...p.props,orientation:o,key:`${new Date().getTime()}`})):p.type===D&&f.push(re(D,{...p.props,key:`${new Date().getTime()}`}))),us(d,{tag:u,className:s(t.className,Pt,I(Pt,{size:e}),{[`${Pt}-${o}`]:o}),children:[i==="grid"?Et("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}):Et(cs,{children:f}),a&&Et("div",{className:"k-form-buttons",children:a})]})};P.states=ps;P.options=ds;P.className=Pt;P.defaultOptions=zt;P.moduleName=Je;P.folderName=qe;import{Fragment as xs,jsx as We}from"react/jsx-runtime";var le="k-font-icon",fs=[],Ls={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]},Ns={},gt=t=>{let{size:e,themeColor:o,icon:i,rotate:a,flip:m,...l}=t;return i?We("span",{...l,className:s(t.className,le,I(le,{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"})}):We(xs,{})};gt.states=fs;gt.options=Ls;gt.className=le;gt.defaultOptions=Ns;var Qe=gt;import{Fragment as Ss,jsx as wt}from"react/jsx-runtime";var me="k-svg-icon",bs=[],hs={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]},Ye={viewBox:"0 0 24 24"},vt=t=>{let{size:e,themeColor:o,rotate:i,flip:a,viewBox:m=Ye.viewBox,icon:l,...u}=t;if(!l)return wt(Ss,{});l==="none"&&{...u,className:s(t.className,me,"k-none")};let p=typeof l=="object"&&l.name&&l.name;return wt("span",{...u,className:s(t.className,me,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:wt("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})})};vt.states=bs;vt.options=hs;vt.className=me;vt.defaultOptions=Ye;var pe=vt;import*as de from"@progress/kendo-svg-icons";var Ze="icon",je="icons";import{Fragment as to,jsx as Ot}from"react/jsx-runtime";var Ft="k-icon",Is=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),As=[],Ms={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]},ce={viewBox:"0 0 24 24",type:"svg"},A=t=>{let{size:e,themeColor:o,icon:i,type:a=ce.type,rotate:m,flip:l,viewBox:u=ce.viewBox,...p}=t;if(!i)return Ot(to,{});if(a==="svg"){if(i==="none")return Ot(pe,{...p,className:s(t.className,Ft),icon:i,size:e});let d=de[i]?i:Is(`${i}-icon`);return de[d]?Ot(pe,{...p,className:s(t.className,Ft),icon:de[d],size:e,themeColor:o,rotate:m,flip:l,viewBox:u}):Ot(to,{})}return Ot(Qe,{...p,className:s(t.className,Ft),icon:i,size:e,themeColor:o,rotate:m,flip:l})};A.states=As;A.options=Ms;A.defaultOptions=ce;A.className=Ft;A.moduleName=Ze;A.folderName=je;var ue="button",eo=ue;import{Fragment as Os,jsx as Tt,jsxs as oo}from"react/jsx-runtime";var Ct="k-button",Es=["icon-button"],gs=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],vs={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"},k=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:O,iconClassName:T,...v}=t,E=S!==void 0,V=t.children!==void 0;return oo("button",{...v,className:s(t.className,Ct,Xe(Ct,u),I(Ct,{size:e,rounded:o,fillMode:i,themeColor:a}),M(Ct,{hover:p,focus:d,active:f,disabled:h,selected:N}),{"k-icon-button":!O&&!V&&E}),children:[S&&Tt(A,{className:s(T,"k-button-icon"),icon:S}),O?oo(Os,{children:[O&&Tt("span",{className:"k-button-text",children:O}),t.children]}):t.children&&Tt("span",{className:"k-button-text",children:t.children}),m&&Tt("span",{className:"k-menu-button-arrow k-button-arrow",children:Tt(A,{icon:l})})]})};k.states=gs;k.options=vs;k.variants=Es;k.className=Ct;k.defaultOptions=at;k.moduleName=ue;k.folderName=eo;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 kt="input",Bt=kt;import{jsx as ks}from"react/jsx-runtime";var Gt="k-input",Ts=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Cs={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},Ut={size:r.medium,rounded:r.medium,fillMode:b.solid},C=t=>{let{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u,size:p=Ut.size,rounded:d=Ut.rounded,fillMode:f=Ut.fillMode,...N}=t;return ks("span",{...N,className:s(t.className,Gt,I(Gt,{size:p,rounded:d,fillMode:f}),M(Gt,{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u}))})};C.states=Ts;C.options=Cs;C.className=Gt;C.defaultOptions=Ut;C.moduleName=kt;C.folderName=Bt;import{jsx as _s}from"react/jsx-runtime";var $t="k-picker",ys=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Rs={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},Xt={size:r.medium,rounded:L.medium,fillMode:b.solid},J=t=>{let{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u,size:p=Xt.size,rounded:d=Xt.rounded,fillMode:f=Xt.fillMode,...N}=t;return _s("span",{...N,className:s(t.className,$t,I($t,{size:p,rounded:d,fillMode:f}),M($t,{hover:e,focus:o,disabled:i,invalid:a,valid:m,loading:l,readonly:u})),children:t.children})};J.states=ys;J.options=Rs;J.className=$t;J.defaultOptions=Xt;J.moduleName=kt;J.folderName=Bt;import{Fragment as Ds,jsx as fe}from"react/jsx-runtime";var so="k-clear-value",Ks=[n.disabled,n.loading,n.readonly],Hs={},rt=t=>{let{disabled:e,loading:o,readonly:i,value:a}=t;return e||i||o||!a?fe(Ds,{}):fe("span",{className:s(t.className,so),children:fe(A,{icon:"x"})})};rt.states=Ks;rt.options=Hs;rt.className=so;import{jsx as ws}from"react/jsx-runtime";var Le="k-input-inner",Ps=[],zs={},Vt={type:"text",autocomplete:"off",value:"",placeholder:""},lt=t=>{let{value:e=Vt.value,type:o=Vt.type,placeholder:i=Vt.placeholder,autocomplete:a=Vt.autocomplete,...m}=t;return ws("input",{...m,type:o,className:s(t.className,Le,I(Le,t)),placeholder:i,autoComplete:a,defaultValue:e})};lt.states=Ps;lt.options=zs;lt.className=Le;import{jsx as no,jsxs as Gs}from"react/jsx-runtime";var Ne="k-input-inner",Fs=[],Bs={},yt=t=>{let{value:e,placeholder:o,showValue:i,valueIcon:a,valueIconName:m,...l}=t;return Gs("span",{...l,className:s(t.className,Ne,I(Ne,t)),children:[a,!a&&m&&no(A,{className:"k-input-value-icon",icon:m}),i&&!e&&o,i&&e&&no("span",{className:"k-input-value-text",children:e})]})};yt.states=Fs;yt.options=Bs;yt.className=Ne;import{jsx as Xs}from"react/jsx-runtime";var xe="k-input-inner",Us=[],$s={},io={value:"",placeholder:""},be=t=>{let{value:e=io.value,placeholder:o=io.placeholder,rows:i,...a}=t;return Xs("textarea",{...a,className:s(t.className,xe,I(xe,t)),placeholder:o,rows:i,defaultValue:e})};be.states=Us;be.options=$s;be.className=xe;import{Fragment as Js,jsx as ao}from"react/jsx-runtime";var ro="k-input-loading-icon",Vs=[n.disabled,n.loading],q=t=>{let{disabled:e,loading:o}=t;return e||!o?ao(Js,{}):ao("span",{className:s(t.className,ro,"k-icon k-i-loading")})};q.states=Vs;q.className=ro;import{Fragment as Qs,jsx as lo}from"react/jsx-runtime";var mo="k-input-validation-icon",qs=[n.valid,n.invalid,n.disabled,n.loading],Ws={},G=t=>{let{valid:e,invalid:o,disabled:i,loading:a}=t,m=o?"warning-circle":"check-circle";return i||a||!!!(e||o)?lo(Qs,{}):lo(A,{className:s(mo),icon:m})};G.states=qs;G.options=Ws;G.className=mo;import{Fragment as js,jsx as po}from"react/jsx-runtime";var Ys="k-input-prefix",Zs={direction:"horizontal"},Jt=t=>{let{direction:e=Zs.direction,...o}=t;return t.children?po("span",{...o,className:s(Ys,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):po(js,{})};import{Fragment as on,jsx as co}from"react/jsx-runtime";var tn="k-input-suffix",en={direction:"horizontal"},qt=t=>{let{direction:e=en.direction,...o}=t;return t.children?co("span",{...o,className:s(tn,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):co(on,{})};import{jsx as gr}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var uo="k-input-separator",sn={direction:"vertical"},he=t=>{let{direction:e=sn.direction,...o}=t;return nn("span",{...o,className:s(uo,t.className,{[`${uo}-${e}`]:e})})};var Se="popup",fo=Se;import{jsx as Lo}from"react/jsx-runtime";var No="k-animation-container",an=[],rn={},xo={positionMode:"absolute"},z=t=>{let{positionMode:e=xo.positionMode,animationStyle:o,offset:i,...a}=t;return Lo("div",{...a,style:{...i,...t.style},className:s(t.className,No,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:Lo("div",{className:"k-child-animation-container",style:o,children:t.children})})};z.states=an;z.options=rn;z.className=No;z.defaultOptions=xo;z.moduleName=Se;z.folderName=fo;var Ie="popup",bo=Ie;import{jsx as ho}from"react/jsx-runtime";var So="k-popup",ln=[],mn={},Io={positionMode:"absolute"},W=t=>{let{offset:e,positionMode:o=Io.positionMode,animationStyle:i,...a}=t;return ho(z,{positionMode:o,offset:e,animationStyle:i,children:ho("div",{...a,className:s(t.className,So),children:t.children})})};W.states=ln;W.options=mn;W.className=So;W.defaultOptions=Io;W.moduleName=Ie;W.folderName=bo;var Ae="action-buttons",Ao=Ae;import{jsx as cn}from"react/jsx-runtime";var Wt="k-actions",pn=[],dn={},Me={alignment:"start",orientation:"horizontal"},Q=t=>{let{alignment:e=Me.alignment,orientation:o=Me.orientation,...i}=t;return cn("div",{...i,className:s(Wt,{[`${Wt}-${e}`]:e,[`${Wt}-${o}`]:o},t.className),children:t.children})};Q.states=pn;Q.options=dn;Q.className=Wt;Q.defaultOptions=Me;Q.moduleName=Ae;Q.folderName=Ao;import{jsx as fn}from"react/jsx-runtime";var un="k-actionsheet-footer",Mo={alignment:"stretched",orientation:"horizontal"},Ee=t=>{let{alignment:e=Mo.alignment,orientation:o=Mo.orientation,template:i,as:a=i?"div":Q,...m}=t;return fn(a,{...m,...!i&&{alignment:e,orientation:o},className:s(t.className,un),children:t.children})};var ge="searchbox",Eo=ge;import{jsx as Rt,jsxs as xn}from"react/jsx-runtime";var go="k-searchbox",Ln=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Nn={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},ve={showIcon:!0,icon:"search",size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},H=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=ve.showIcon,icon:O=ve.icon,...T}=t;return xn(C,{...T,size:i,rounded:a,fillMode:m,hover:l,focus:u,valid:p,invalid:d,required:f,loading:N,disabled:h,className:s(t.className,go),children:[S&&Rt(A,{className:"k-input-icon",icon:O}),Rt(lt,{placeholder:o,value:e}),Rt(q,{...t}),Rt(G,{...t}),Rt(rt,{...t})]})};H.states=Ln;H.options=Nn;H.className=go;H.defaultOptions=ve;H.moduleName=ge;H.folderName=Eo;import{jsx as kl}from"react/jsx-runtime";var Oe="textbox",vo=Oe;import{Fragment as Oo,jsx as Y,jsxs as Te}from"react/jsx-runtime";var To="k-textbox",bn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],hn={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:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},K=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:O,invalid:T,required:v,loading:E,disabled:V,readonly:At,...se}=t;return Te(C,{...se,size:e,rounded:o,fillMode:i,hover:h,focus:S,valid:O,invalid:T,required:v,loading:E,disabled:V,readonly:At,className:s(t.className,To),children:[u&&Te(Oo,{children:[Y(Jt,{children:u}),a&&Y(he,{})]}),Y(lt,{placeholder:N,value:f,type:d}),l&&Y(G,{valid:O,invalid:T,loading:E,disabled:V}),Y(q,{loading:E,disabled:V}),m&&Y(rt,{loading:E,disabled:V,readonly:At,value:f}),p&&Te(Oo,{children:[a&&Y(he,{}),Y(qt,{children:p})]})]})};K.states=bn;K.options=hn;K.className=To;K.defaultOptions=mt;K.moduleName=Oe;K.folderName=vo;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 Z,jsxs as Ce}from"react/jsx-runtime";var ko="k-actionsheet-titlebar",Sn={},j=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 Ce("div",{...N,className:s(t.className,ko),children:[Ce("div",{className:"k-actionsheet-titlebar-group",children:[i&&Z("div",{className:"k-actionsheet-actions",children:i}),!f&&Ce("div",{className:"k-actionsheet-title",children:[e&&Z("div",{className:"k-text-center",children:e}),o&&Z("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),f&&Z("div",{className:"k-actionsheet-title",children:f}),a&&Z("div",{className:"k-actionsheet-actions",children:a})]}),(l||m)&&Z("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Z(K,{value:u,placeholder:p,size:d?"large":"medium"}):Z(H,{placeholder:"Filter",size:d?"large":"medium"})})]})};j.className=ko;j.defaultOptions=Sn;import{jsx as ke,jsxs as En}from"react/jsx-runtime";var ye="k-actionsheet-view",In=[],An={},Mn={},ft=t=>{let{adaptive:e,animated:o,children:i,header:a,footer:m,...l}=t,u=a?.type===j&&ke(j,{adaptive:e,...a?.props}),p=m?.type===Ee&&ke(Ee,{...m?.props});return En("div",{...l,className:s(t.className,ye,{[`${ye}-animated`]:o}),children:[u,ke("div",{className:"k-actionsheet-content",children:i}),p]})};ft.states=In;ft.options=An;ft.className=ye;ft.defaultOptions=Mn;var _t="action-sheet",Qt=_t;import{jsx as Yt,jsxs as On}from"react/jsx-runtime";var yo="k-actionsheet",gn=[],vn={},Kt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=t=>{let{side:e=Kt.side,fullscreen:o=Kt.fullscreen,adaptive:i=Kt.adaptive,overlay:a=Kt.overlay,template:m,children:l,header:u,footer:p,...d}=t;return On("div",{className:"k-actionsheet-container",children:[a&&Yt("div",{className:"k-overlay"}),Yt(z,{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:Yt("div",{...d,className:s(t.className,yo,{[`k-actionsheet-${e}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:m||Yt(ft,{header:u,footer:p,adaptive:i,...t,children:l})})})]})};U.states=gn;U.options=vn;U.className=yo;U.defaultOptions=Kt;U.moduleName=_t;U.folderName=Qt;import{jsx as yn}from"react/jsx-runtime";var Ro="k-actionsheet-container",Tn=[],Cn={},kn={},Lt=t=>{let{children:e,...o}=t;return yn("div",{...o,className:Ro,children:e})};Lt.states=Tn;Lt.options=Cn;Lt.className=Ro;Lt.defaultOptions=kn;Lt.moduleName=_t;Lt.folderName=Qt;import{jsx as ym}from"react/jsx-runtime";import{Fragment as _n,jsx as Ht,jsxs as Re}from"react/jsx-runtime";var _e="k-actionsheet-item",Rn=[n.hover,n.focus,n.selected,n.disabled],Ke=t=>{let{iconName:e,text:o,description:i,hover:a,focus:m,selected:l,disabled:u,...p}=t;return Re("span",{...p,className:s(t.className,_e,M(_e,{hover:a,focus:m,selected:l,disabled:u})),children:[!t.children&&Ht(_n,{children:Re("span",{className:"k-actionsheet-action",children:[e&&Ht("span",{className:"k-icon-wrap",children:Ht(A,{className:"k-actionsheet-item-icon",icon:e})}),Re("span",{className:"k-actionsheet-item-text",children:[o&&Ht("span",{className:"k-actionsheet-item-title",children:o}),i&&Ht("span",{className:"k-actionsheet-item-description",children:i})]})]})}),t.children]})};Ke.states=Rn;Ke.className=_e;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 Hn}from"react/jsx-runtime";var Kn="k-no-data",Dt=t=>Hn("span",{className:s(Kn,t.className),children:t.children});var $="list",tt=$;import{jsx as Nt,jsxs as Ko}from"react/jsx-runtime";var He="k-list",Dn=[],Pn={size:[r.small,r.medium,r.large]},Ho={size:r.medium},g=t=>{let{size:e=Ho.size,virtualization:o,children:i,optionLabel:a,customValue:m,screenReaders:l,...u}=t,p,d,f,N,h=[];return i?i.map((S,O)=>{S.type===y?(S.props.root===!0?(p=S.props.label,S.props.children.map((T,v)=>{h.push(Nt(x,{...T.props},`optChild-${v}-${new Date().getTime()}`))})):S.props.children.forEach((T,v)=>{let E="";v===0&&(E=S.props.label),h.push(Nt(x,{className:v===0?"k-first":"",...T.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}-${O}`)),f=Nt(xt,{virtualization:o,children:h}),l&&(N=Ko(Dt,{className:"k-sr-only",children:[h.length," items found."]})))}):N=Nt(Dt,{children:"No data found."}),Ko("div",{...u,className:s(t.className,He,I(He,{size:e}),{"k-virtual-list":o}),children:[a,m,d,f,N]})};g.states=Dn;g.options=Pn;g.className=He;g.defaultOptions=Ho;g.moduleName=$;g.folderName=tt;import{jsx as Bn}from"react/jsx-runtime";var Do="k-list-container",zn=[],wn={},Fn={},bt=t=>{let{...e}=t;return Bn("div",{...e,className:s(t.className,Do),children:t.children})};bt.states=zn;bt.options=wn;bt.className=Do;bt.defaultOptions=Fn;bt.moduleName=$;bt.folderName=tt;import{jsx as pt,jsxs as $n}from"react/jsx-runtime";var De="k-list",Gn=[],Un={size:[r.small,r.medium,r.large]},Po={size:r.medium},X=t=>{let{size:e=Po.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(zo,{...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(Dt,{children:"No data found."}),$n("div",{...a,className:s(t.className,De,I(De,{size:e}),{"k-virtual-list":o}),children:[l,u]})};X.states=Gn;X.options=Un;X.className=De;X.defaultOptions=Po;X.moduleName=$;X.folderName=tt;var dt="checkbox",ht=dt;import{jsx as wo}from"react/jsx-runtime";var Zt="k-checkbox",Xn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Vn={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full]},Pe={size:r.medium,rounded:L.medium},w=t=>{let{id:e,checked:o,indeterminate:i,hover:a,focus:m,disabled:l,invalid:u,valid:p,required:d,size:f=Pe.size,rounded:N=Pe.rounded,...h}=t;return wo("span",{className:"k-checkbox-wrap",children:wo("input",{...h,id:e,type:"checkbox",defaultChecked:o,required:d,className:s(t.className,Zt,I(Zt,{size:f,rounded:N}),M(Zt,{hover:a,focus:m,disabled:l,invalid:u,valid:p,indeterminate:i,checked:o}))})})};w.states=Xn;w.options=Vn;w.className=Zt;w.defaultOptions=Pe;w.moduleName=dt;w.folderName=ht;import{jsx as Wn}from"react/jsx-runtime";var Fo="k-checkbox-list",Jn=[],qn={},Bo={layout:"vertical"},et=t=>{let{layout:e=Bo.layout,...o}=t;return Wn("ul",{...o,className:s(t.className,Fo,{[`k-list-${e}`]:e}),children:t.children})};et.states=Jn;et.options=qn;et.className=Fo;et.defaultOptions=Bo;et.moduleName=dt;et.folderName=ht;import{jsx as jn}from"react/jsx-runtime";var Go="k-checkbox-list-item",Qn=[],Yn={},Zn={},ot=t=>{let{...e}=t;return jn("li",{...e,className:s(t.className,Go),children:t.children})};ot.states=Qn;ot.options=Yn;ot.className=Go;ot.defaultOptions=Zn;ot.moduleName=dt;ot.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 jt,jsxs as si}from"react/jsx-runtime";var we="k-list-item",ti=[n.hover,n.focus,n.selected,n.disabled],ei={},oi={},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 si("li",{...h,className:s(t.className,i?"k-list-group-item":we,M(we,{hover:p,focus:d,disabled:N,selected:f})),children:[l&&jt(w,{checked:u}),a&&jt(A,{icon:m}),jt("span",{className:"k-list-item-text",children:S}),o&&o!==""&&jt("div",{className:"k-list-item-group-label",children:o})]})};x.states=ti;x.options=ei;x.className=we;x.defaultOptions=oi;x.moduleName=$;x.folderName=tt;import{jsx as Fe,jsxs as ii}from"react/jsx-runtime";var ni="k-list-content",xt=t=>{let{virtualization:e,...o}=t;return ii("div",{...o,className:s(ni,t.className),children:[Fe("ul",{className:s("k-list-ul"),children:t.children}),e&&Fe("div",{className:"k-height-container",children:Fe("div",{})})]})};import{jsx as Uo}from"react/jsx-runtime";var ai="k-list-group-sticky-header",$o=t=>Uo("div",{className:s(ai,t.className),children:Uo("div",{className:"k-list-header-text",children:t.children})});import{Fragment as ri,jsx as Xo,jsxs as li}from"react/jsx-runtime";var y=t=>{let{virtualization:e,label:o}=t;return li(ri,{children:[o&&Xo($o,{children:o}),t.children&&Xo(xt,{virtualization:e,children:t.children})]})};import{jsx as Vo}from"react/jsx-runtime";var mi="k-list-group-item",zo=t=>Vo("li",{className:s(mi,t.className),children:Vo("span",{className:"k-list-item-text",children:t.children})});import{jsx as ui}from"react/jsx-runtime";var Be="k-list-optionlabel",pi=[n.hover,n.focus,n.selected,n.disabled],di={},ci={},te=t=>{let{text:e,hover:o,focus:i,selected:a,disabled:m,...l}=t;return ui("div",{...l,className:s(Be,M(Be,{hover:o,focus:i,selected:a,disabled:m})),children:e})};te.states=pi;te.options=di;te.className=Be;te.defaultOptions=ci;import{jsx as xi}from"react/jsx-runtime";var Ge="k-list-custom-value",fi=[n.hover,n.focus,n.selected,n.disabled],Li={},Ni={},ee=t=>{let{text:e,hover:o,focus:i,selected:a,disabled:m,...l}=t;return xi("div",{...l,className:s(Ge,M(Ge,{hover:o,focus:i,selected:a,disabled:m})),children:e})};ee.states=fi;ee.options=Li;ee.className=Ge;ee.defaultOptions=Ni;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 Jo="dropdown-list",qo="dropdownlist";import{Fragment as Si,jsx as R,jsxs as Ue}from"react/jsx-runtime";var Wo="k-dropdownlist",bi=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],hi={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},F=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:O,required:T,loading:v,disabled:E,readonly:V,popup:At,opened:se,adaptive:es,adaptiveSettings:os,adaptiveTitle:ss,adaptiveSubtitle:ns,adaptiveFilter:is,...as}=t;return Ue(Si,{children:[Ue(J,{...as,size:e,rounded:o,fillMode:i,hover:N,focus:h,valid:S,invalid:O,required:T,loading:v,disabled:E,readonly:V,className:s(t.className,Wo,{"k-icon-picker":!m&&l}),children:[R(Jt,{children:u}),R(yt,{placeholder:f,value:d,showValue:m,valueIconName:l}),R(G,{valid:S,invalid:O,loading:v,disabled:E}),R(q,{loading:v,disabled:E}),R(qt,{children:p}),R(k,{className:"k-input-button",icon:a,rounded:null,size:t.size,fillMode:t.fillMode})]}),se&&At&&R(W,{className:"k-list-container k-dropdownlist-popup",children:At}),es&&R(U,{adaptive:!0,...os,header:R(j,{actionsEnd:R(k,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:is,inputValue:d,inputPlaceholder:f,title:ss,subtitle:ns}),children:R("div",{className:"k-list-container",children:Ue(g,{size:"large",children:[R(x,{text:"List item"}),R(x,{text:"List item"}),R(x,{text:"List item"})]})})})]})};F.states=bi;F.options=hi;F.className=Wo;F.defaultOptions=St;F.moduleName=Jo;F.folderName=qo;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 Qo}from"react/jsx-runtime";var oe="k-radio",Ii=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],Ai={size:[r.small,r.medium,r.large]},Yo={size:r.medium},st=t=>{let{id:e,checked:o,hover:i,focus:a,disabled:m,invalid:l,valid:u,required:p,size:d=Yo.size,...f}=t;return Qo("span",{className:"k-radio-wrap",children:Qo("input",{...f,id:e,type:"radio",checked:o,required:p,className:s(t.className,oe,I(oe,{size:d}),M(oe,{hover:i,focus:a,disabled:m,invalid:l,valid:u,checked:o}))})})};st.states=Ii;st.options=Ai;st.className=oe;st.defaultOptions=Yo;st.moduleName=ut;st.folderName=It;import{jsx as gi}from"react/jsx-runtime";var Zo="k-radio-list",Mi=[],Ei={},jo={layout:"vertical"},nt=t=>{let{layout:e=jo.layout,...o}=t;return gi("ul",{...o,className:s(t.className,Zo,{[`k-list-${e}`]:e}),children:t.children})};nt.states=Mi;nt.options=Ei;nt.className=Zo;nt.defaultOptions=jo;nt.moduleName=ut;nt.folderName=It;import{jsx as Ci}from"react/jsx-runtime";var ts="k-radio-list-item",vi=[],Oi={},Ti={},it=t=>{let{...e}=t;return Ci("li",{...e,className:s(t.className,ts),children:t.children})};it.states=vi;it.options=Oi;it.className=ts;it.defaultOptions=Ti;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 FL,jsx as wL,jsxs as BL}from"react/jsx-runtime";import{Fragment as yi,jsx as B,jsxs as Ri}from"react/jsx-runtime";var jL=({cols:t=2,gutters:e,...o})=>B(P,{layout:"grid",cols:t,gutters:e,children:[Ri(yi,{children:[B(D,{legend:"Form Legend",layout:"grid",cols:1,gutters:{rows:"12px"},children:B(_,{label:"Label",editor:B(K,{})})}),B(D,{legend:"Form Legend",layout:"grid",cols:1,gutters:{cols:"16px",rows:"12px"},children:B(_,{label:"Label",editor:B(K,{})})}),B(D,{legend:"Form Legend",layout:"grid",cols:2,gutters:{cols:"16px",rows:"12px"},colSpan:2,children:B(_,{label:"Label",colSpan:2,editor:B(F,{})})})]})],...o});export{jL as FormGridLayout};