@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.81 kB
JavaScript
var d=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var B=(t,e)=>{for(var i in e)d(t,i,{get:e[i],enumerable:!0})},j=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!$.call(t,o)&&o!==i&&d(t,o,{get:()=>e[o],enumerable:!(a=k(e,o))||a.enumerable});return t};var M=t=>j(d({},"__esModule",{value:!0}),t);var L={};B(L,{StackLayoutVertical:()=>z});module.exports=M(L);var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var y={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var f=require("react/jsx-runtime"),N=[],I={},n={type:null,orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},s=t=>{let{gap:e,type:i=n.type,orientation:a=n.orientation,alignItems:o=n.alignItems,justifyContent:u=n.justifyContent,justifyItems:x=n.justifyItems,wrap:v=n.wrap,style:h,...g}=t;return(0,f.jsx)("div",{...g,style:{gap:e,...h},className:r(t.className,{[`k-${i}-layout`]:i,[`k-${y.orientationMap[a]||a}`]:a,[`k-align-items-${o}`]:o,[`k-justify-content-${u}`]:u,[`k-justify-items-${x}`]:x,"k-flex-wrap":v}),children:t.children})};s.states=N;s.options=I;var c=require("react/jsx-runtime");var m=require("react/jsx-runtime");var l=require("react/jsx-runtime"),z=({alignItems:t="start",justifyContent:e="start",...i})=>(0,l.jsx)(s,{type:"stack",orientation:"vertical",alignItems:t,justifyContent:e,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...i});