@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.19 kB
JavaScript
var n=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var u={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var c="stack-layout",m="stacklayout";import{jsx as L}from"react/jsx-runtime";var h=[],k={},r={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},i=o=>{let{gap:e,orientation:t=r.orientation,alignItems:a=r.alignItems,justifyContent:s=r.justifyContent,justifyItems:d=r.justifyItems,wrap:x=r.wrap,style:y,...g}=o;return L("div",{...g,style:{gap:e,...y},className:n(o.className,{[`k-${u.orientationMap[t]||t}`]:t,[`k-align-items-${a}`]:a,[`k-justify-content-${s}`]:s,[`k-justify-items-${d}`]:d,"k-flex-wrap":x}),children:o.children})};i.states=h;i.options=k;import{jsx as v}from"react/jsx-runtime";var f="k-stack-layout",A=[],M={},l=o=>{let{className:e,...t}=o;return v(i,{...t,className:n(e,f),children:o.children})};l.states=A;l.options=M;l.className=f;l.moduleName=c;l.folderName=m;var U=l;export{f as STACKLAYOUT_CLASSNAME,l as StackLayout,U as default};