@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.85 kB
JavaScript
var y=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var i in e)y(t,i,{get:e[i],enumerable:!0})},I=(t,e,i,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of _(e))!S.call(t,n)&&n!==i&&y(t,n,{get:()=>e[n],enumerable:!(o=L(e,n))||o.enumerable});return t};var T=t=>I(y({},"__esModule",{value:!0}),t);var H={};D(H,{RadioButtonLabel:()=>F,RadioButtonWithLabelAfter:()=>$});module.exports=T(H);var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((i,o)=>e[o]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var A=(t,e)=>s({[`${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"}),M=(t,e)=>{let{valid:i,invalid:o,hover:n,focus:m,checked:l,active:f,selected:x,disabled:b,indeterminate:g,loading:z,empty:N,readonly:w,highlighted:E,...k}=e;return s({"k-valid":i,"k-invalid":o,"k-hover":n,"k-focus":m,"k-checked":l,"k-active":f,"k-selected":x,"k-disabled":b,"k-indeterminate":g&&!l,"k-loading":z,"k-empty":N,"k-readonly":w,"k-highlighted":E},Object.keys(k).reduce((p,u)=>(u.startsWith("k-")?p[u]=k[u]:p[`k-${u}`]=k[u],p),{}))};var c={undefined:void 0,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 v="radio",O=v;var R=require("react/jsx-runtime"),h="k-radio",q=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked],C={size:[c.undefined,c.small,c.medium,c.large]},j={},r=t=>{let{id:e,checked:i,hover:o,focus:n,disabled:m,invalid:l,valid:f,required:x,size:b,...g}=t;return(0,R.jsx)("span",{className:"k-radio-wrap",children:(0,R.jsx)("input",{...g,id:e,type:"radio",checked:i,required:x,disabled:m||void 0,"aria-invalid":l?"true":void 0,className:s(t.className,h,A(h,{size:b}),M(h,{hover:o,focus:n,disabled:m,invalid:l,valid:f,checked:i}))})})};r.states=q;r.options=C;r.className=h;r.defaultOptions=j;r.moduleName=v;r.folderName=O;r.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var B=r;var d=require("react/jsx-runtime"),$=({children:t,id:e,...i})=>(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(B,{...i,id:e}),(0,d.jsx)("label",{className:"k-radio-label",htmlFor:e,children:t})]}),F=$;