@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.99 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,d)=>t[d]||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={},l={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},n=o=>{let{gap:t,orientation:e=l.orientation,alignItems:d=l.alignItems,justifyContent:m=l.justifyContent,justifyItems:c=l.justifyItems,wrap:p=l.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-${d}`]:d,[`k-justify-content-${m}`]:m,[`k-justify-items-${c}`]:c,"k-flex-wrap":p}),children:o.children})};n.states=A;n.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={},r=o=>{let{className:t,...e}=o;return _(n,{...e,className:a(t,g),children:o.children})};r.states=b;r.options=T;r.className=g;r.moduleName=f;r.folderName=L;import{jsx as K}from"react/jsx-runtime";var v="k-stack-layout",E=[],O={},i=o=>{let{className:t,...e}=o;return K(n,{...e,className:a(t,v),children:o.children})};i.states=E;i.options=O;i.className=v;i.moduleName=x;i.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 s,jsxs as S}from"react/jsx-runtime";var Nt=({alignItems:o="start",justifyItems:t="start",...e})=>s(r,{alignItems:o,justifyItems:t,children:S($,{children:[s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"})]}),...e});export{Nt as GridLayoutNormal};