@progress/kendo-themes-html/dist/esm/grid/grid-header-cell.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((a,r)=>e[r]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),B=(o,e)=>{let{valid:a,invalid:r,hover:c,focus:i,checked:s,active:p,selected:m,disabled:f,indeterminate:E,loading:y,empty:O,readonly:Q,highlighted:X,...I}=e;return l({"k-valid":a,"k-invalid":r,"k-hover":c,"k-focus":i,"k-checked":s,"k-active":p,"k-selected":m,"k-disabled":f,"k-indeterminate":E&&!s,"k-loading":y,"k-empty":O,"k-readonly":Q,"k-highlighted":X},Object.keys(I).reduce((L,h)=>(h.startsWith("k-")?L[h]=I[h]:L[`k-${h}`]=I[h],L),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},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 A="table",D=A;import{jsx as Y}from"react/jsx-runtime";var G="k-table-th",g=o=>{let{text:e,colspan:a,rowspan:r,...c}=o,i=e||o.children;return Y("th",{colSpan:a,rowSpan:r,...c,className:l(o.className,G),children:i})};g.className=G;g.moduleName=A;g.folderName=D;import{Fragment as te,jsx as P}from"react/jsx-runtime";var S="k-font-icon",Z=[],ee={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},oe={},b=o=>{let{size:e,themeColor:a,icon:r,rotate:c,flip:i,...s}=o;return r?P("span",{...s,className:l(o.className,S,v(S,{size:e}),{[`k-i-${r}`]:r,[`k-color-${a}`]:a,[`k-rotate-${c}`]:c,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):P(te,{})};b.states=Z;b.options=ee;b.className=S;b.defaultOptions=oe;var F=b;import{Fragment as se,jsx as T}from"react/jsx-runtime";var _="k-svg-icon",ne=[],re={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},U={viewBox:"0 0 24 24"},k=o=>{let{size:e,themeColor:a,rotate:r,flip:c,viewBox:i=U.viewBox,icon:s,...p}=o;if(!s)return T(se,{});s==="none"&&{...p,className:l(o.className,_,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return T("span",{...p,className:l(o.className,_,v("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:T("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:i,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:o.children})})};k.states=ne;k.options=re;k.className=_;k.defaultOptions=U;var z=k;import*as w from"@progress/kendo-svg-icons";var V="icon",j="icons";import{Fragment as q,jsx as N}from"react/jsx-runtime";var M="k-icon",ae=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),le=[],ie={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},H={viewBox:"0 0 24 24",type:"svg"},d=o=>{let{size:e,themeColor:a,icon:r,type:c=H.type,rotate:i,flip:s,viewBox:p=H.viewBox,...m}=o;if(!r)return N(q,{});if(c==="svg"){if(r==="none")return N(z,{...m,className:l(o.className,M),icon:r,size:e});let f=w[r]?r:ae(`${r}-icon`);return w[f]?N(z,{...m,className:l(o.className,M),icon:w[f],size:e,themeColor:a,rotate:i,flip:s,viewBox:p}):N(q,{})}return N(F,{...m,className:l(o.className,M),icon:r,size:e,themeColor:a,rotate:i,flip:s})};d.states=le;d.options=ie;d.defaultOptions=H;d.className=M;d.moduleName=V;d.folderName=j;var R="grid",W=R;import{jsx as u,jsxs as $}from"react/jsx-runtime";var K="k-header",ce=[C.hover,C.focus,C.active],J={sortIcon:"sort-asc-small"},x=o=>{let{menu:e,sortable:a,filterable:r,sticky:c,resizable:i,columnTitle:s,hover:p,focus:m,active:f,sortIcon:E=J.sortIcon,sortOrder:y,...O}=o;return $(g,{...O,className:l(o.className,K,{"k-filterable":e||r,"k-sorted":a,"k-grid-header-sticky":c,"k-touch-action-none":i},B(K,{hover:p,focus:m,active:f})),children:[s&&$("span",{className:"k-cell-inner",children:[$("span",{className:"k-link",children:[u("span",{className:"k-column-title",children:s}),a&&u("span",{className:"k-sort-icon",children:u(d,{icon:E})}),y&&u("span",{className:"k-sort-order",children:y})]}),e&&u("a",{href:"#",className:l("k-grid-header-menu",{"k-active":f,"k-grid-filter-menu":e==="filter","k-grid-column-menu":e==="column"}),children:u(d,{icon:e==="filter"?"filter":"more-vertical"})})]}),o.children,i&&u("span",{className:"k-column-resizer k-touch-action-none"})]})};x.states=ce;x.className=K;x.defaultOptions=J;x.moduleName=R;x.folderName=W;var je=x;export{x as GridHeaderCell,je as default};