@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 7.1 kB
JavaScript
var w=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var ee=Object.prototype.hasOwnProperty;var te=(t,e)=>{for(var o in e)w(t,o,{get:e[o],enumerable:!0})},oe=(t,e,o,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of j(e))!ee.call(t,s)&&s!==o&&w(t,s,{get:()=>e[s],enumerable:!(c=Z(e,s))||c.enumerable});return t};var ae=t=>oe(w({},"__esModule",{value:!0}),t);var Le={};te(Le,{RadioGroupNormal:()=>Ae});module.exports=ae(Le);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,c)=>e[c]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var $=(t,e)=>l({[`${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"}),H=(t,e)=>{let{valid:o,invalid:c,hover:s,focus:L,checked:g,active:N,selected:O,disabled:B,indeterminate:M,loading:J,empty:Q,readonly:X,highlighted:Y,...E}=e;return l({"k-valid":o,"k-invalid":c,"k-hover":s,"k-focus":L,"k-checked":g,"k-active":N,"k-selected":O,"k-disabled":B,"k-indeterminate":M&&!g,"k-loading":J,"k-empty":Q,"k-readonly":X,"k-highlighted":Y},Object.keys(E).reduce((D,y)=>(y.startsWith("k-")?D[y]=E[y]:D[`k-${y}`]=E[y],D),{}))};var v={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var p={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 z={};function u(t){return z[t]=(z[t]||0)+1,`k-${t}-${z[t]}`}var b="radio",R=b;var T=require("react/jsx-runtime"),I="k-radio",ie=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.checked],re={size:[v.undefined,v.small,v.medium,v.large]},ne={},f=t=>{let{id:e,checked:o,hover:c,focus:s,disabled:L,invalid:g,valid:N,required:O,size:B,...M}=t;return(0,T.jsx)("span",{className:"k-radio-wrap",children:(0,T.jsx)("input",{...M,id:e,type:"radio",checked:o,required:O,disabled:L||void 0,"aria-invalid":g?"true":void 0,className:l(t.className,I,$(I,{size:B}),H(I,{hover:c,focus:s,disabled:L,invalid:g,valid:N,checked:o}))})})};f.states=ie;f.options=re;f.className=I;f.defaultOptions=ne;f.moduleName=b;f.folderName=R;f.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 n=f;var W=require("react/jsx-runtime"),C="k-radio-list",de=[],le={},P={layout:"vertical"},i=t=>{let{layout:e=P.layout,...o}=t;return(0,W.jsx)("ul",{...o,className:l(t.className,C,{[`k-list-${e}`]:e}),role:"radiogroup",children:t.children})};i.states=de;i.options=le;i.className=C;i.defaultOptions=P;i.moduleName=b;i.folderName=R;i.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 F=require("react/jsx-runtime"),U="k-radio-list-item",se=[],ue={},me={},a=t=>{let{...e}=t;return(0,F.jsx)("li",{...e,className:l(t.className,U),role:"none",children:t.children})};a.states=se;a.options=ue;a.className=U;a.defaultOptions=me;a.moduleName=b;a.folderName=R;var q=require("react/jsx-runtime"),A=t=>(0,q.jsx)(n,{"aria-label":t["aria-label"]||"Radio option",...t});var h=require("react/jsx-runtime"),m=({children:t,id:e,...o})=>(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(n,{...o,id:e}),(0,h.jsx)("label",{className:"k-radio-label",htmlFor:e,children:t})]});var _=require("react/jsx-runtime");var S=require("react/jsx-runtime");var G=require("react/jsx-runtime");var K=require("react/jsx-runtime");var ce=require("react/jsx-runtime");var V=require("react/jsx-runtime"),pe=n.options,fe=n.states,be=n.defaultOptions,he=[],Re=[],x=t=>(0,V.jsx)(m,{id:u("radio"),name:"value",...t,children:"Label"});x.options=pe;x.states=fe;x.variants=he;x.defaultOptions=be;x.modifiers=Re;x.className=n.className;var r=require("react/jsx-runtime"),xe=i.options,ke=i.states,ge={...i.defaultOptions,variant:"vertical"},ye=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ve=[],k=t=>{let{variant:e,...o}=t;return e==="horizontal"?(0,r.jsxs)(i,{layout:"horizontal",...o,children:[(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",children:"Label"})}),(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",children:"Label"})})]}):(0,r.jsxs)(i,{...o,children:[(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",defaultChecked:!0,children:"Label"})}),(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",children:"Label"})}),(0,r.jsx)(a,{children:(0,r.jsx)(m,{id:u("rb"),name:"value",children:"Label"})})]})};k.options=xe;k.states=ke;k.variants=ye;k.defaultOptions=ge;k.modifiers=ve;k.className=i.className;var d=require("react/jsx-runtime"),Ae=({name:t,...e})=>(0,d.jsx)(i,{children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a,{children:(0,d.jsx)(A,{name:t,"aria-label":"Option 1"})}),(0,d.jsx)(a,{children:(0,d.jsx)(A,{name:t,"aria-label":"Option 2"})}),(0,d.jsx)(a,{children:(0,d.jsx)(A,{name:t,"aria-label":"Option 3"})})]}),...e});