@progress/kendo-themes-html/dist/cjs/radio/demos/radio.js

A collection of HTML helpers used for developing Kendo UI themes

var R=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)R(t,o,{get:e[o],enumerable:!0})},C=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of T(e))!q.call(t,i)&&i!==o&&R(t,i,{get:()=>e[i],enumerable:!(n=S(e,i))||n.enumerable});return t};var F=t=>C(R({},"__esModule",{value:!0}),t);var X={};P(X,{RadioButtonDemo:()=>d,default:()=>Q});module.exports=F(X);var u=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?u(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var M=(t,e)=>u({[`${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"}),N=(t,e)=>{let{valid:o,invalid:n,hover:i,focus:h,checked:c,active:b,selected:p,disabled:g,indeterminate:k,loading:E,empty:_,readonly:D,highlighted:I,...v}=e;return u({"k-valid":o,"k-invalid":n,"k-hover":i,"k-focus":h,"k-checked":c,"k-active":b,"k-selected":p,"k-disabled":g,"k-indeterminate":k&&!c,"k-loading":E,"k-empty":_,"k-readonly":D,"k-highlighted":I},Object.keys(v).reduce((y,m)=>(m.startsWith("k-")?y[m]=v[m]:y[`k-${m}`]=v[m],y),{}))};var f={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 A={};function $(t){return A[t]=(A[t]||0)+1,`k-${t}-${A[t]}`}var B="radio",z=B;var O=require("react/jsx-runtime"),x="k-radio",H=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked],W={size:[f.undefined,f.small,f.medium,f.large]},j={},r=t=>{let{id:e,checked:o,hover:n,focus:i,disabled:h,invalid:c,valid:b,required:p,size:g,...k}=t;return(0,O.jsx)("span",{className:"k-radio-wrap",children:(0,O.jsx)("input",{...k,id:e,type:"radio",checked:o,required:p,disabled:h||void 0,"aria-invalid":c?"true":void 0,className:u(t.className,x,M(x,{size:g}),N(x,{hover:n,focus:i,disabled:h,invalid:c,valid:b,checked:o}))})})};r.states=H;r.options=W;r.className=x;r.defaultOptions=j;r.moduleName=B;r.folderName=z;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 s=r;var l=require("react/jsx-runtime"),L=({children:t,id:e,...o})=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{...o,id:e}),(0,l.jsx)("label",{className:"k-radio-label",htmlFor:e,children:t})]});var w=require("react/jsx-runtime"),K=s.options,U=s.states,V=s.defaultOptions,G=[],J=[],d=t=>(0,w.jsx)(L,{id:$("radio"),name:"value",...t,children:"Label"});d.options=K;d.states=U;d.variants=G;d.defaultOptions=V;d.modifiers=J;d.className=s.className;var Q=d;