@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.05 kB
JavaScript
var b=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)b(e,o,{get:t[o],enumerable:!0})},R=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of D(t))!G.call(e,a)&&a!==o&&b(e,a,{get:()=>t[a],enumerable:!(r=j(t,a))||r.enumerable});return e};var P=e=>R(b({},"__esModule",{value:!0}),e);var at={};$(at,{StackLayoutVertical:()=>ot});module.exports=P(at);var f=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?f(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var S=require("react/jsx-runtime"),w=[],B={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},k={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},n=e=>{let{gap:t,orientation:o=k.orientation,alignItems:r=k.alignItems,justifyContent:a=k.justifyContent,justifyItems:i=k.justifyItems,wrap:m=k.wrap,style:x,...N}=e;return(0,S.jsx)("div",{...N,style:{gap:t,...x},className:f(e.className,{[`k-${A.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${a}`]:a,[`k-justify-items-${i}`]:i,"k-flex-wrap":m}),children:e.children})};n.states=w;n.options=B;n.defaultOptions=k;var M="stack-layout",I="stacklayout",T="grid-layout",_="gridlayout";var C=require("react/jsx-runtime"),O="k-grid-layout",U=[],z={},u=e=>{let{className:t,...o}=e;return(0,C.jsx)(n,{...o,className:f(t,O),children:e.children})};u.states=U;u.options=z;u.className=O;u.moduleName=T;u.folderName=_;var K=require("react/jsx-runtime"),E="k-stack-layout",H=[],Y={},c=e=>{let{className:t,...o}=e;return(0,K.jsx)(n,{...o,className:f(t,E),children:e.children})};c.states=H;c.options=Y;c.className=E;c.moduleName=M;c.folderName=I;var l=require("react/jsx-runtime"),v=({alignItems:e="start",justifyItems:t="start",...o})=>(0,l.jsx)(u,{alignItems:e,justifyItems:t,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"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"}),(0,l.jsx)("div",{className:"box",children:"Box"})]}),...o});var y=require("react/jsx-runtime"),L=({alignItems:e="start",justifyContent:t="start",...o})=>(0,y.jsx)(c,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"}),(0,y.jsx)("div",{className:"box",children:"Box"})]}),...o});var d=require("react/jsx-runtime"),F=n.options,q=n.states,V={...n.defaultOptions,variant:"stretch"},W=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],J=[],g=e=>{let{variant:t,modifiers:o,...r}={...e},a={orientation:"vertical"};Object.keys(o||{}).forEach(N=>{N==="vertical"&&(a.orientation=o!=null&&o[N]?"vertical":"horizontal")});let i="k-border-solid k-border-secondary-subtle k-p-3",m={width:"228px",height:"228px",gap:"8px"},x=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,d.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,d.jsx)(L,{...r,...a,style:m,className:i,alignItems:"stretch",justifyContent:"start",children:x});case"middle":return(0,d.jsx)(L,{...r,...a,style:m,className:i,alignItems:"stretch",justifyContent:"center",children:x});case"end":return(0,d.jsx)(L,{...r,...a,style:m,className:i,alignItems:"stretch",justifyContent:"end",children:x});default:return(0,d.jsx)(L,{...r,...a,style:m,className:i,alignItems:"stretch",justifyContent:"stretch",children:x})}};g.options=F;g.states=q;g.variants=W;g.defaultOptions=V;g.modifiers=J;g.className=c.className;var s=require("react/jsx-runtime"),Q=n.options,X=n.states,Z={...n.defaultOptions,variant:"stretch"},tt=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],et=[],h=e=>{let{variant:t,modifiers:o,...r}={...e},a="k-border-solid k-border-secondary-subtle k-p-3",i={width:"228px",height:"228px",gap:"8px",gridTemplateColumns:"1fr 1fr 1fr",gridTemplateRows:"1fr 1fr 1fr"},m=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary"}),(0,s.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"})]});switch(t){case"start":return(0,s.jsx)(v,{...r,style:i,className:a,alignItems:"stretch",justifyItems:"start",children:m});case"middle":return(0,s.jsx)(v,{...r,style:i,className:a,alignItems:"stretch",justifyItems:"center",children:m});case"end":return(0,s.jsx)(v,{...r,style:i,className:a,alignItems:"stretch",justifyItems:"end",children:m});default:return(0,s.jsx)(v,{...r,style:i,className:a,alignItems:"stretch",justifyItems:"stretch",children:m})}};h.options=Q;h.states=X;h.variants=tt;h.defaultOptions=Z;h.modifiers=et;h.className=u.className;var p=require("react/jsx-runtime"),ot=({alignItems:e="start",justifyContent:t="start",...o})=>(0,p.jsx)(c,{orientation:"vertical",alignItems:e,justifyContent:t,children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{className:"box",children:"Box"}),(0,p.jsx)("div",{className:"box",children:"Box"}),(0,p.jsx)("div",{className:"box",children:"Box"})]}),...o});