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

A collection of HTML helpers used for developing Kendo UI themes

var R=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var _=(t,e)=>{for(var n in e)R(t,n,{get:e[n],enumerable:!0})},C=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of T(e))!E.call(t,i)&&i!==n&&R(t,i,{get:()=>e[i],enumerable:!(o=K(e,i))||o.enumerable});return t};var H=t=>C(R({},"__esModule",{value:!0}),t);var V={};_(V,{SwitchDemo:()=>c,default:()=>U});module.exports=H(V);var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((n,o)=>e[o]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var p=(t,e)=>r({[`${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:n,invalid:o,hover:i,focus:w,checked:b,active:g,selected:x,disabled:h,indeterminate:k,loading:y,empty:$,readonly:A,highlighted:z,...S}=e;return r({"k-valid":n,"k-invalid":o,"k-hover":i,"k-focus":w,"k-checked":b,"k-active":g,"k-selected":x,"k-disabled":h,"k-indeterminate":k&&!b,"k-loading":y,"k-empty":$,"k-readonly":A,"k-highlighted":z},Object.keys(S).reduce((v,m)=>(m.startsWith("k-")?v[m]=S[m]:v[`k-${m}`]=S[m],v),{}))};var f={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},s={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var u={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 O="switch",M=O;var l=require("react/jsx-runtime"),d="k-switch",I=[u.hover,u.focus,u.disabled,u.readonly,u.checked],q={size:[f.undefined,f.small,f.medium,f.large],trackRounded:[s.undefined,s.none,s.small,s.medium,s.large,s.full],thumbRounded:[s.undefined,s.none,s.small,s.medium,s.large,s.full]},D={},a=t=>{let{checked:e,onLabel:n,offLabel:o,size:i,trackRounded:w,thumbRounded:b,hover:g,focus:x,disabled:h,readonly:k,...y}=t;return(0,l.jsxs)("span",{...y,className:r(t.className,d,p(d,{size:i}),L(d,{hover:g,focus:x,disabled:h,readonly:k}),{[`${d}-on`]:e,[`${d}-off`]:!e}),role:"switch","aria-checked":e?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":k?"true":void 0,children:[(0,l.jsxs)("span",{className:r("k-switch-track",p(d,{rounded:w})),children:[n&&(0,l.jsx)("span",{className:"k-switch-label-on",children:n}),o&&(0,l.jsx)("span",{className:"k-switch-label-off",children:o})]}),(0,l.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,l.jsx)("span",{className:r("k-switch-thumb",p(d,{rounded:b}))})})]})};a.states=I;a.options=q;a.className=d;a.defaultOptions=D;a.moduleName=O;a.folderName=M;a.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var N=require("react/jsx-runtime"),P=a.options,W=a.states,j={...a.defaultOptions,variant:"on"},F=[{name:"on",title:"On"},{name:"off",title:"Off"}],B=[],c=t=>{let{variant:e,...n}=t;return e==="off"?(0,N.jsx)(a,{checked:!1,onLabel:"On",offLabel:"Off",...n}):(0,N.jsx)(a,{checked:!0,onLabel:"On",offLabel:"Off",...n})};c.options=P;c.states=W;c.variants=F;c.defaultOptions=j;c.modifiers=B;c.className=a.className;var U=c;