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

A collection of HTML helpers used for developing Kendo UI themes

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