@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.24 kB
JavaScript
var u=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var A=(t,e)=>{for(var o in e)u(t,o,{get:e[o],enumerable:!0})},E=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of z(e))!F.call(t,r)&&r!==o&&u(t,r,{get:()=>e[r],enumerable:!(s=N(e,r))||s.enumerable});return t};var L=t=>E(u({},"__esModule",{value:!0}),t);var w={};A(w,{FORM_CLASSNAME:()=>c,Form:()=>l,default:()=>j});module.exports=L(w);var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((o,s)=>e[s]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(t,e)=>a({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"});var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var y="form",h="forms";var n=require("react/jsx-runtime"),c="k-form",_=[],T={size:[d.undefined,d.small,d.medium,d.large]},m={layout:"basic",tag:"form"},l=t=>{let{size:e,orientation:o,layout:s=m.layout,formButtons:r,cols:f,gutters:i,tag:k=m.tag,children:g}=t,b=k,v=a(t.className,c,x(c,{size:e}),{[`${c}-${o}`]:o}),p=(0,n.jsxs)(n.Fragment,{children:[s==="grid"?(0,n.jsx)("div",{className:a("k-form-layout","k-d-grid",{[`k-grid-cols-${f}`]:f}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:g}):(0,n.jsx)(n.Fragment,{children:g}),r&&(0,n.jsx)("div",{className:"k-form-buttons",children:r})]}),{role:M,"aria-labelledby":$,"aria-label":O,id:R}=t;return(0,n.jsx)(b,{className:v,role:M,"aria-labelledby":$,"aria-label":O,id:R,children:p})};l.states=_;l.options=T;l.className=c;l.defaultOptions=m;l.moduleName=y;l.folderName=h;var j=l;