@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 4.84 kB
JavaScript
var E=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var H=(t,e)=>{for(var o in e)E(t,o,{get:e[o],enumerable:!0})},D=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of w(e))!_.call(t,l)&&l!==o&&E(t,l,{get:()=>e[l],enumerable:!(r=$(e,l))||r.enumerable});return t};var q=t=>D(E({},"__esModule",{value:!0}),t);var U={};H(U,{COLORPALETTE_CLASSNAME:()=>k,ColorPalette:()=>a,default:()=>J});module.exports=q(U);var n=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var R=(t,e)=>n({[`${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"}),C=(t,e)=>{let{valid:o,invalid:r,hover:l,focus:s,checked:d,active:i,selected:m,disabled:b,indeterminate:L,loading:f,empty:y,readonly:T,highlighted:P,...h}=e;return n({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":d,"k-active":i,"k-selected":m,"k-disabled":b,"k-indeterminate":L&&!d,"k-loading":f,"k-empty":y,"k-readonly":T,"k-highlighted":P},Object.keys(h).reduce((v,p)=>(p.startsWith("k-")?v[p]=h[p]:v[`k-${p}`]=h[p],v),{}))};var g={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var c={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=require("react/jsx-runtime"),M=t=>(0,O.jsx)("tr",{role:"row",children:t.children});var S=require("react/jsx-runtime"),A="k-colorpalette-tile",I=[c.hover,c.focus,c.selected],j={},x=t=>{let{color:e,tileSize:o,hover:r,focus:l,selected:s,...d}=t,i={backgroundColor:e,width:o?o+"px":"",height:o?o+"px":""};return(0,S.jsx)("td",{...d,role:"gridcell","aria-label":e,"aria-selected":s?"true":void 0,className:n(t.className,A,C(A,{hover:r,focus:l,selected:s})),style:i})};x.states=I;x.options=j;x.className=A;var z="color-palette",N="colorpalette";var u=require("react/jsx-runtime"),k="k-colorpalette",F=[c.disabled],B={size:[g.undefined,g.small,g.medium,g.large]},K={columns:10},a=t=>{let{size:e,palette:o,columns:r=K.columns,tileSize:l,disabled:s,...d}=t,i=[];if(o){let m=r||o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/m)},(L,f)=>{let y=[];b.slice(f*m,(f+1)*m).map((P,h)=>{y.push((0,u.jsx)(x,{color:P,tileSize:l},h))});let T=(0,u.jsx)(M,{children:y},f);i.push(T)})}return(0,u.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(t.className,k,C(k,{disabled:s}),R(k,{size:e})),children:(0,u.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,u.jsx)("tbody",{children:i.length>0?i:t.children})})})};a.states=F;a.options=B;a.className=k;a.defaultOptions=K;a.moduleName=z;a.folderName=N;a.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var J=a;