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