@progress/kendo-themes-html/dist/esm/taskboard/taskboard-card.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((a,n)=>e[n]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var A=(t,e)=>r({[`${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"}),N=(t,e)=>{let{valid:a,invalid:n,hover:d,focus:c,checked:i,active:C,selected:u,disabled:v,indeterminate:V,loading:q,empty:J,readonly:D,highlighted:E,..._}=e;return r({"k-valid":a,"k-invalid":n,"k-hover":d,"k-focus":c,"k-checked":i,"k-active":C,"k-selected":u,"k-disabled":v,"k-indeterminate":V&&!i,"k-loading":q,"k-empty":J,"k-readonly":D,"k-highlighted":E},Object.keys(_).reduce((R,b)=>(b.startsWith("k-")?R[b]=_[b]:R[`k-${b}`]=_[b],R),{}))};function ie(t,e){if(!e)return{};let a=Array.isArray(e)?e:[e];return Object.fromEntries(a.map(n=>[`k-${n}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},S={small:"small",medium:"medium",large:"large",full:"full"},T={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"},l={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"},le={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as Se}from"react/jsx-runtime";var Ee="k-card-callout",de=t=>{let{callout:e,...a}=t;return Se("span",{...a,className:r(t.className,Ee,{[`k-callout-${le.calloutMap[e]||e}`]:e})})};var p="card",f=p;import{Fragment as ke,jsx as ce,jsxs as Ke}from"react/jsx-runtime";var $="k-card",ge=[l.hover,l.focus,l.selected,l.disabled],Oe={themeColor:[o.primary,o.success,o.warning,o.error,o.info]},ye={},x=t=>{let{orientation:e,themeColor:a,callout:n,hover:d,focus:c,selected:i,disabled:C,...u}=t;return Ke("div",{...u,className:r(t.className,$,A($,{themeColor:a}),N($,{hover:d,focus:c,disabled:C,selected:i}),{[`k-card-${e}`]:e,"k-card-with-callout":n}),children:[n&&n!=="true"&&ce(de,{callout:n}),ce(ke,{children:t.children})]})};x.states=ge;x.options=Oe;x.className=$;x.defaultOptions=ye;x.moduleName=p;x.folderName=f;import{Fragment as Be,jsx as me}from"react/jsx-runtime";var X="k-card-list",De=[],_e={},Re={},g=t=>{let{...e}=t;return me("div",{...e,className:r(t.className,X,N(X,{})),children:me(Be,{children:t.children})})};g.states=De;g.options=_e;g.className=X;g.defaultOptions=Re;g.moduleName=p;g.folderName=f;import{jsx as Pe}from"react/jsx-runtime";var pe="k-card-group",He=[],Ie={},we={},O=t=>{let{...e}=t;return Pe("div",{...e,className:r(t.className,pe),children:t.children})};O.states=He;O.options=Ie;O.className=pe;O.defaultOptions=we;O.moduleName=p;O.folderName=f;import{jsx as Fe}from"react/jsx-runtime";var Y="k-card-wrap",ze=[l.focus,l.selected],$e={},Ue={},y=t=>{let{focus:e,selected:a,...n}=t;return Fe("div",{...n,className:r(t.className,Y,N(Y,{focus:e,selected:a})),children:t.children})};y.states=ze;y.options=$e;y.className=Y;y.defaultOptions=Ue;y.moduleName=p;y.folderName=f;import{jsx as We}from"react/jsx-runtime";var Q="k-card-title",Ge=[l.hover,l.focus],U=t=>{let{hover:e,focus:a,...n}=t;return We("div",{...n,className:r(t.className,Q,N(Q,{hover:e,focus:a})),children:t.children})};U.states=Ge;U.className=Q;import{jsx as ro}from"react/jsx-runtime";import{Fragment as lo,jsx as io}from"react/jsx-runtime";import{Fragment as Xe,jsx as ue}from"react/jsx-runtime";var Z="k-font-icon",Ve=[],qe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Je={},B=t=>{let{size:e,themeColor:a,icon:n,rotate:d,flip:c,...i}=t;return n?ue("span",{...i,className:r(t.className,Z,A(Z,{size:e}),{[`k-i-${n}`]:n,[`k-color-${a}`]:a,[`k-rotate-${d}`]:d,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):ue(Xe,{})};B.states=Ve;B.options=qe;B.className=Z;B.defaultOptions=Je;var fe=B;import{Fragment as Ze,jsx as F}from"react/jsx-runtime";var j="k-svg-icon",Ye=[],Qe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Ce={viewBox:"0 0 24 24"},H=t=>{let{size:e,themeColor:a,rotate:n,flip:d,viewBox:c=Ce.viewBox,icon:i,...C}=t;if(!i)return F(Ze,{});i==="none"&&{...C,className:r(t.className,j,"k-none")};let u=typeof i=="object"&&i.name&&i.name;return F("span",{...C,className:r(t.className,j,A("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${a}`]:a,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:c,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:t.children})})};H.states=Ye;H.options=Qe;H.className=j;H.defaultOptions=Ce;var ee=H;import*as te from"@progress/kendo-svg-icons";var Ne="icon",xe="icons";import{Fragment as he,jsx as I}from"react/jsx-runtime";var G="k-icon",je=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),et=[],tt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},oe={viewBox:"0 0 24 24",type:"svg"},h=t=>{let{size:e,themeColor:a,icon:n,type:d=oe.type,rotate:c,flip:i,viewBox:C=oe.viewBox,...u}=t;if(!n)return I(he,{});if(d==="svg"){if(n==="none")return I(ee,{...u,className:r(t.className,G),icon:n,size:e});let v=te[n]?n:je(`${n}-icon`);return te[v]?I(ee,{...u,className:r(t.className,G),icon:te[v],size:e,themeColor:a,rotate:c,flip:i,viewBox:C}):I(he,{})}return I(fe,{...u,className:r(t.className,G),icon:n,size:e,themeColor:a,rotate:c,flip:i})};h.states=et;h.options=tt;h.defaultOptions=oe;h.className=G;h.moduleName=Ne;h.folderName=xe;var re="button",Ae=re;import{Fragment as at,jsx as w,jsxs as Me}from"react/jsx-runtime";var P="k-button",ot=["icon-button"],rt=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],nt={size:[s.small,s.medium,s.large],rounded:[S.small,S.medium,S.large,S.full],fillMode:[T.solid,T.flat,T.outline,T.clear,T.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},L={size:s.medium,rounded:S.medium,fillMode:T.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=t=>{let{size:e=L.size,rounded:a=L.rounded,fillMode:n=L.fillMode,themeColor:d=L.themeColor,showArrow:c=L.showArrow,arrowIconName:i=L.arrowIconName,variant:C,hover:u,focus:v,active:V,selected:q,disabled:J,icon:D,text:E,iconClassName:_,...R}=t,b=D!==void 0,ve=t.children!==void 0;return Me("button",{...R,className:r(t.className,P,ie(P,C),A(P,{size:e,rounded:a,fillMode:n,themeColor:d}),N(P,{hover:u,focus:v,active:V,disabled:J,selected:q}),{"k-icon-button":!E&&!ve&&b}),children:[D&&w(h,{className:r(_,"k-button-icon"),icon:D}),E?Me(at,{children:[E&&w("span",{className:"k-button-text",children:E}),t.children]}):t.children&&w("span",{className:"k-button-text",children:t.children}),c&&w("span",{className:"k-menu-button-arrow k-button-arrow",children:w(h,{icon:i})})]})};m.states=rt;m.options=nt;m.variants=ot;m.className=P;m.defaultOptions=L;m.moduleName=re;m.folderName=Ae;import{jsx as Ho}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Go}from"react/jsx-runtime";import{Fragment as rr,jsx as or,jsxs as nr}from"react/jsx-runtime";import{jsx as lr}from"react/jsx-runtime";import{Fragment as Nr,jsx as Cr,jsxs as xr}from"react/jsx-runtime";import{jsx as ct}from"react/jsx-runtime";var be="k-card-deck",it=[],lt={},dt={},k=t=>{let{...e}=t;return ct("div",{...e,className:r(t.className,be),children:t.children})};k.states=it;k.options=lt;k.className=be;k.defaultOptions=dt;k.moduleName=p;k.folderName=f;import{jsx as ft}from"react/jsx-runtime";var Te="k-card-deck-scrollwrap",mt=[],pt={},ut={},K=t=>{let{...e}=t;return ft("div",{...e,className:r(t.className,Te),children:t.children})};K.states=mt;K.options=pt;K.className=Te;K.defaultOptions=ut;K.moduleName=p;K.folderName=f;var ne="action-buttons",Le=ne;import{jsx as xt}from"react/jsx-runtime";var W="k-actions",Ct=[],Nt={},ae={alignment:"start",orientation:"horizontal"},M=t=>{let{alignment:e=ae.alignment,orientation:a=ae.orientation,...n}=t;return xt("div",{...n,className:r(W,{[`${W}-${e}`]:e,[`${W}-${a}`]:a},t.className),children:t.children})};M.states=Ct;M.options=Nt;M.className=W;M.defaultOptions=ae;M.moduleName=ne;M.folderName=Le;import{Fragment as $r,jsx as Pr,jsxs as zr}from"react/jsx-runtime";import{Fragment as Xr,jsx as qr,jsxs as Jr}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var se="k-taskboard-card",At=[],Mt={},bt={},z=t=>{let{children:e,category:a,...n}=t;return Tt(x,{...n,className:r(t.className,se,{[`${se}-category`]:a}),children:e})};z.states=At;z.options=Mt;z.className=se;z.defaultOptions=bt;var An=z;export{se as TASKBOARDCARD_CLASSNAME,z as TaskBoardCard,An as default};