@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 5.33 kB
JavaScript
var M=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)M(t,o,{get:e[o],enumerable:!0})},U=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of H(e))!C.call(t,n)&&n!==o&&M(t,n,{get:()=>e[n],enumerable:!(s=K(e,n))||s.enumerable});return t};var G=t=>U(M({},"__esModule",{value:!0}),t);var Z={};P(Z,{RadioGroupDisabled:()=>Y});module.exports=G(Z);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...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 E=(t,e)=>i({[`${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"}),L=(t,e)=>{let{valid:o,invalid:s,hover:n,focus:b,checked:h,active:x,selected:k,disabled:R,indeterminate:y,loading:S,empty:$,readonly:z,highlighted:B,...A}=e;return i({"k-valid":o,"k-invalid":s,"k-hover":n,"k-focus":b,"k-checked":h,"k-active":x,"k-selected":k,"k-disabled":R,"k-indeterminate":y&&!h,"k-loading":S,"k-empty":$,"k-readonly":z,"k-highlighted":B},Object.keys(A).reduce((v,f)=>(f.startsWith("k-")?v[f]=A[f]:v[`k-${f}`]=A[f],v),{}))};var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var l={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 c="radio",m=c;var T=require("react/jsx-runtime"),I="k-radio-list",q=[],F={},D={layout:"vertical"},r=t=>{let{layout:e=D.layout,...o}=t;return(0,T.jsx)("ul",{...o,className:i(t.className,I,{[`k-list-${e}`]:e}),role:"radiogroup",children:t.children})};r.states=q;r.options=F;r.className=I;r.defaultOptions=D;r.moduleName=c;r.folderName=m;r.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute:"readonly or aria-readonly (when readonly)",usage:"The attribute is rendered only when the radio button is read-only."},{selector:".k-radio",attribute:"aria-invalid=true (when invalid)",usage:"The attribute is rendered only when the radio button is in a form and announces the invalid state of the component."},{selector:".k-radio-list-item.k-disabled .k-radio",attribute:"disabled or aria-disabled (when disabled)",usage:"The attribute is rendered only when the radio button is disabled."}]};var w=require("react/jsx-runtime"),_="k-radio-list-item",j=[],V={},W={},d=t=>{let{...e}=t;return(0,w.jsx)("li",{...e,className:i(t.className,_),role:"none",children:t.children})};d.states=j;d.options=V;d.className=_;d.defaultOptions=W;d.moduleName=c;d.folderName=m;var N=require("react/jsx-runtime"),g="k-radio",J=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked],Q={size:[p.undefined,p.small,p.medium,p.large]},X={},u=t=>{let{id:e,checked:o,hover:s,focus:n,disabled:b,invalid:h,valid:x,required:k,size:R,...y}=t;return(0,N.jsx)("span",{className:"k-radio-wrap",children:(0,N.jsx)("input",{...y,id:e,type:"radio",checked:o,required:k,disabled:b||void 0,"aria-invalid":h?"true":void 0,className:i(t.className,g,E(g,{size:R}),L(g,{hover:s,focus:n,disabled:b,invalid:h,valid:x,checked:o}))})})};u.states=J;u.options=Q;u.className=g;u.defaultOptions=X;u.moduleName=c;u.folderName=m;u.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 O=u;var a=require("react/jsx-runtime"),Y=t=>(0,a.jsx)(r,{children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d,{className:"k-disabled",children:(0,a.jsx)(O,{disabled:!0,"aria-label":"Disabled option 1"})}),(0,a.jsx)(d,{className:"k-disabled",children:(0,a.jsx)(O,{disabled:!0,"aria-label":"Disabled option 2"})})]}),...t});