@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.16 kB
JavaScript
var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var R=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},U=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of A(e))!E.call(t,n)&&n!==o&&m(t,n,{get:()=>e[n],enumerable:!(i=_(e,n))||i.enumerable});return t};var K=t=>U(m({},"__esModule",{value:!0}),t);var w={};R(w,{BUTTONGROUP_CLASSNAME:()=>s,ButtonGroup:()=>r,default:()=>P});module.exports=K(w);var d=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?d(...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 x=(t,e)=>d({[`${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:i,hover:n,focus:y,checked:g,active:v,selected:M,disabled:O,indeterminate:B,loading:T,empty:N,readonly:$,highlighted:G,...u}=e;return d({"k-valid":o,"k-invalid":i,"k-hover":n,"k-focus":y,"k-checked":g,"k-active":v,"k-selected":M,"k-disabled":O,"k-indeterminate":B&&!g,"k-loading":T,"k-empty":N,"k-readonly":$,"k-highlighted":G},Object.keys(u).reduce((c,a)=>(a.startsWith("k-")?c[a]=u[a]:c[`k-${a}`]=u[a],c),{}))};var l={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"};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 f="button",b=f;var k=require("react/jsx-runtime"),s="k-button-group",S=[p.disabled],z={fillMode:[l.undefined,l.solid,l.flat,l.outline,l.clear,l.link]},L={},r=t=>{let{fillMode:e,disabled:o,stretched:i,...n}=t;return(0,k.jsx)("div",{role:"group",...n,className:d(t.className,s,x(s,{fillMode:e}),h(s,{disabled:o}),{[`${s}-stretched`]:i}),...o&&{"aria-disabled":"true"},children:t.children})};r.states=S;r.options=z;r.className=s;r.defaultOptions=L;r.moduleName=f;r.folderName=b;r.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var P=r;