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

A collection of HTML helpers used for developing Kendo UI themes

var E=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var F=(t,e)=>{for(var o in e)E(t,o,{get:e[o],enumerable:!0})},P=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of T(e))!q.call(t,n)&&n!==o&&E(t,n,{get:()=>e[n],enumerable:!(i=K(e,n))||i.enumerable});return t};var D=t=>P(E({},"__esModule",{value:!0}),t);var Y={};F(Y,{CheckboxDemo:()=>s,default:()=>Q});module.exports=D(Y);var u=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?u(...e):typeof e=="object"?Object.keys(e).map((o,i)=>e[i]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var w=(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"}),z=(t,e)=>{let{valid:o,invalid:i,hover:n,focus:f,checked:h,active:x,selected:p,disabled:g,indeterminate:v,loading:y,empty:C,readonly:M,highlighted:B,...O}=e;return u({"k-valid":o,"k-invalid":i,"k-hover":n,"k-focus":f,"k-checked":h,"k-active":x,"k-selected":p,"k-disabled":g,"k-indeterminate":v&&!h,"k-loading":y,"k-empty":C,"k-readonly":M,"k-highlighted":B},Object.keys(O).reduce((A,m)=>(m.startsWith("k-")?A[m]=O[m]:A[`k-${m}`]=O[m],A),{}))};var b={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},l={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var r={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 L={};function R(t){return L[t]=(L[t]||0)+1,`k-${t}-${L[t]}`}var N="checkbox",_=N;var $=require("react/jsx-runtime"),k="k-checkbox",I=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],X={size:[b.undefined,b.small,b.medium,b.large],rounded:[l.undefined,l.none,l.small,l.medium,l.large,l.full]},W={},a=t=>{let{id:e,checked:o,indeterminate:i,hover:n,focus:f,disabled:h,invalid:x,valid:p,required:g,size:v,rounded:y,wrapperRole:C,...M}=t;return(0,$.jsx)("span",{className:"k-checkbox-wrap",role:C,children:(0,$.jsx)("input",{...M,id:e,type:"checkbox",defaultChecked:o,required:g,disabled:h||void 0,"aria-invalid":x?"true":void 0,className:u(t.className,k,w(k,{size:v,rounded:y}),z(k,{hover:n,focus:f,disabled:h,invalid:x,valid:p,indeterminate:i,checked:o}))})})};a.states=I;a.options=X;a.className=k;a.defaultOptions=W;a.moduleName=N;a.folderName=_;a.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",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-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var d=a;var c=require("react/jsx-runtime"),H=({children:t="Label",id:e="cb-label-after",...o})=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(d,{id:e,...o}),(0,c.jsx)("label",{className:"k-checkbox-label",htmlFor:e,children:t})]});var S=require("react/jsx-runtime"),j=d.options,U=d.states,V=d.defaultOptions,G=[],J=[],s=t=>(0,S.jsx)(H,{id:R("checkbox"),...t,defaultChecked:!0,children:"Label"});s.options=j;s.states=U;s.variants=G;s.defaultOptions=V;s.modifiers=J;s.className=d.className;var Q=s;