@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.94 kB
JavaScript
var v=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var i in e)v(t,i,{get:e[i],enumerable:!0})},C=(t,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of S(e))!T.call(t,o)&&o!==i&&v(t,o,{get:()=>e[o],enumerable:!(l=D(e,o))||l.enumerable});return t};var q=t=>C(v({},"__esModule",{value:!0}),t);var H={};I(H,{RadioButtonLabel:()=>F,RadioButtonWithLabelAfter:()=>B});module.exports=q(H);var d=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?d(...e):typeof e=="object"?Object.keys(e).map((i,l)=>e[l]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var M=(t,e)=>d({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),A=(t,e)=>{let{valid:i,invalid:l,hover:o,focus:x,checked:c,active:f,selected:h,disabled:g,indeterminate:k,loading:N,empty:E,readonly:L,highlighted:_,...y}=e;return d({"k-valid":i,"k-invalid":l,"k-hover":o,"k-focus":x,"k-checked":c,"k-active":f,"k-selected":h,"k-disabled":g,"k-indeterminate":k&&!c,"k-loading":N,"k-empty":E,"k-readonly":L,"k-highlighted":_},Object.keys(y).reduce((b,s)=>(s.startsWith("k-")?b[s]=y[s]:b[`k-${s}`]=y[s],b),{}))};var u={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var a={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var p="radio",O=p;var R=require("react/jsx-runtime"),m="k-radio",j=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked],w={size:[u.small,u.medium,u.large]},z={size:u.medium},r=t=>{let{id:e,checked:i,hover:l,focus:o,disabled:x,invalid:c,valid:f,required:h,size:g=z.size,...k}=t;return(0,R.jsx)("span",{className:"k-radio-wrap",children:(0,R.jsx)("input",{...k,id:e,type:"radio",checked:i,required:h,className:d(t.className,m,M(m,{size:g}),A(m,{hover:l,focus:o,disabled:x,invalid:c,valid:f,checked:i}))})})};r.states=j;r.options=w;r.className=m;r.defaultOptions=z;r.moduleName=p;r.folderName=O;var $=r;var n=require("react/jsx-runtime"),B=({children:t,id:e,...i})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)($,{...i,id:e}),(0,n.jsx)("label",{className:"k-radio-label",htmlFor:e,children:t})]}),F=B;