@progress/kendo-themes-html/dist/esm/taskboard/taskboard-column.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((s,r)=>e[r]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(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"}),G=(t,e)=>{let{valid:s,invalid:r,hover:c,focus:d,checked:a,active:p,selected:m,disabled:k,indeterminate:L,loading:_,empty:$,readonly:C,highlighted:b,...M}=e;return i({"k-valid":s,"k-invalid":r,"k-hover":c,"k-focus":d,"k-checked":a,"k-active":p,"k-selected":m,"k-disabled":k,"k-indeterminate":L&&!a,"k-loading":_,"k-empty":$,"k-readonly":C,"k-highlighted":b},Object.keys(M).reduce((B,x)=>(x.startsWith("k-")?B[x]=M[x]:B[`k-${x}`]=M[x],B),{}))};function q(t,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(r=>[`k-${r}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},y={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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"},g={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"};import{Fragment as ae,jsx as j}from"react/jsx-runtime";var K="k-font-icon",ne=[],re={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]},se={},O=t=>{let{size:e,themeColor:s,icon:r,rotate:c,flip:d,...a}=t;return r?j("span",{...a,className:i(t.className,K,v(K,{size:e}),{[`k-i-${r}`]:r,[`k-color-${s}`]:s,[`k-rotate-${c}`]:c,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):j(ae,{})};O.states=ne;O.options=re;O.className=K;O.defaultOptions=se;var J=O;import{Fragment as ce,jsx as z}from"react/jsx-runtime";var R="k-svg-icon",ie=[],le={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]},W={viewBox:"0 0 24 24"},T=t=>{let{size:e,themeColor:s,rotate:r,flip:c,viewBox:d=W.viewBox,icon:a,...p}=t;if(!a)return z(ce,{});a==="none"&&{...p,className:i(t.className,R,"k-none")};let m=typeof a=="object"&&a.name&&a.name;return z("span",{...p,className:i(t.className,R,v("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:z("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:d,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};T.states=ie;T.options=le;T.className=R;T.defaultOptions=W;var H=T;import*as F from"@progress/kendo-svg-icons";var X="icon",Q="icons";import{Fragment as Y,jsx as S}from"react/jsx-runtime";var E="k-icon",de=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),me=[],ue={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]},U={viewBox:"0 0 24 24",type:"svg"},u=t=>{let{size:e,themeColor:s,icon:r,type:c=U.type,rotate:d,flip:a,viewBox:p=U.viewBox,...m}=t;if(!r)return S(Y,{});if(c==="svg"){if(r==="none")return S(H,{...m,className:i(t.className,E),icon:r,size:e});let k=F[r]?r:de(`${r}-icon`);return F[k]?S(H,{...m,className:i(t.className,E),icon:F[k],size:e,themeColor:s,rotate:d,flip:a,viewBox:p}):S(Y,{})}return S(J,{...m,className:i(t.className,E),icon:r,size:e,themeColor:s,rotate:d,flip:a})};u.states=me;u.options=ue;u.defaultOptions=U;u.className=E;u.moduleName=X;u.folderName=Q;var P="button",Z=P;import{Fragment as he,jsx as A,jsxs as ee}from"react/jsx-runtime";var I="k-button",pe=["icon-button"],fe=[g.hover,g.focus,g.active,g.selected,g.disabled,g.generating],xe={size:[n.small,n.medium,n.large],rounded:[y.small,y.medium,y.large,y.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},N={size:n.medium,rounded:y.medium,fillMode:h.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},l=t=>{let{size:e=N.size,rounded:s=N.rounded,fillMode:r=N.fillMode,themeColor:c=N.themeColor,showArrow:d=N.showArrow,arrowIconName:a=N.arrowIconName,variant:p,hover:m,focus:k,active:L,selected:_,disabled:$,icon:C,text:b,iconClassName:M,...B}=t,x=C!==void 0,te=t.children!==void 0;return ee("button",{...B,className:i(t.className,I,q(I,p),v(I,{size:e,rounded:s,fillMode:r,themeColor:c}),G(I,{hover:m,focus:k,active:L,disabled:$,selected:_}),{"k-icon-button":!b&&!te&&x}),children:[C&&A(u,{className:i(M,"k-button-icon"),icon:C}),b?ee(he,{children:[b&&A("span",{className:"k-button-text",children:b}),t.children]}):t.children&&A("span",{className:"k-button-text",children:t.children}),d&&A("span",{className:"k-menu-button-arrow k-button-arrow",children:A(u,{icon:a})})]})};l.states=fe;l.options=xe;l.variants=pe;l.className=I;l.defaultOptions=N;l.moduleName=P;l.folderName=Z;import{jsx as eo}from"react/jsx-runtime";import{jsx as ro}from"react/jsx-runtime";import{jsx as lo}from"react/jsx-runtime";import{Fragment as be,jsx as f,jsxs as V}from"react/jsx-runtime";var D="k-taskboard-column",ge=[],Ne={},ke=V(be,{children:[f("div",{className:"k-taskboard-column-header-text k-text-ellipsis",children:"Column Header"}),f("span",{className:"k-spacer"}),V("div",{className:"k-taskboard-column-header-actions",children:[f(l,{fillMode:"flat",icon:"pencil"}),f(l,{fillMode:"flat",icon:"plus"}),f(l,{fillMode:"flat",icon:"x"})]})]}),oe={header:ke},w=t=>{let{header:e=oe.header,edit:s,...r}=t;return V("div",{...r,className:i(t.className,D,{[`${D}-edit`]:s}),children:[f("div",{className:"k-taskboard-column-header",children:e}),f("div",{className:"k-taskboard-column-cards-container",children:f("div",{className:"k-taskboard-column-cards",children:t.children})})]})};w.states=ge;w.options=Ne;w.className=D;w.defaultOptions=oe;var No=w;export{D as TASKBOARDCOLUMN_CLASSNAME,w as TaskBoardColumn,No as default};