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