@progress/kendo-themes-html/dist/cjs/taskboard/taskboard-card.js

A collection of HTML helpers used for developing Kendo UI themes

var we=Object.create;var W=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var ze=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,Ue=Object.prototype.hasOwnProperty;var Fe=(e,t)=>{for(var r in t)W(e,r,{get:t[r],enumerable:!0})},Ce=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of ze(t))!Ue.call(e,l)&&l!==r&&W(e,l,{get:()=>t[l],enumerable:!(a=Pe(t,l))||a.enumerable});return e};var Ge=(e,t,r)=>(r=e!=null?we($e(e)):{},Ce(t||!e||!e.__esModule?W(r,"default",{value:e,enumerable:!0}):r,e)),We=e=>Ce(W({},"__esModule",{value:!0}),e);var Ht={};Fe(Ht,{TASKBOARDCARD_CLASSNAME:()=>Y,TaskBoardCard:()=>H,default:()=>Bt});module.exports=We(Ht);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((r,a)=>t[a]||t[r]&&r||null).filter(r=>r!==null).join(" "):t).filter(t=>!!t).join(" ");var b=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),x=(e,t)=>{let{valid:r,invalid:a,hover:l,focus:c,checked:i,active:N,selected:u,disabled:O,indeterminate:Q,loading:Z,empty:j,readonly:I,highlighted:y,...w}=t;return n({"k-valid":r,"k-invalid":a,"k-hover":l,"k-focus":c,"k-checked":i,"k-active":N,"k-selected":u,"k-disabled":O,"k-indeterminate":Q&&!i,"k-loading":Z,"k-empty":j,"k-readonly":I,"k-highlighted":y},Object.keys(w).reduce((P,L)=>(L.startsWith("k-")?P[L]=w[L]:P[`k-${L}`]=w[L],P),{}))};function Ne(e,t){if(!t)return{};let r=Array.isArray(t)?t:[t];return Object.fromEntries(r.map(a=>[`k-${a}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={small:"small",medium:"medium",large:"large",full:"full"},v={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"},d={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"},xe={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ae=require("react/jsx-runtime"),Ve="k-card-callout",he=e=>{let{callout:t,...r}=e;return(0,Ae.jsx)("span",{...r,className:n(e.className,Ve,{[`k-callout-${xe.calloutMap[t]||t}`]:t})})};var p="card",f=p;var E=require("react/jsx-runtime"),V="k-card",qe=[d.hover,d.focus,d.selected,d.disabled],Je={themeColor:[o.primary,o.success,o.warning,o.error,o.info]},Xe={},h=e=>{let{orientation:t,themeColor:r,callout:a,hover:l,focus:c,selected:i,disabled:N,...u}=e;return(0,E.jsxs)("div",{...u,className:n(e.className,V,b(V,{themeColor:r}),x(V,{hover:l,focus:c,disabled:N,selected:i}),{[`k-card-${t}`]:t,"k-card-with-callout":a}),children:[a&&a!=="true"&&(0,E.jsx)(he,{callout:a}),(0,E.jsx)(E.Fragment,{children:e.children})]})};h.states=qe;h.options=Je;h.className=V;h.defaultOptions=Xe;h.moduleName=p;h.folderName=f;var z=require("react/jsx-runtime"),ee="k-card-list",Ye=[],Qe={},Ze={},K=e=>{let{...t}=e;return(0,z.jsx)("div",{...t,className:n(e.className,ee,x(ee,{})),children:(0,z.jsx)(z.Fragment,{children:e.children})})};K.states=Ye;K.options=Qe;K.className=ee;K.defaultOptions=Ze;K.moduleName=p;K.folderName=f;var be=require("react/jsx-runtime"),Me="k-card-group",je=[],et={},tt={},D=e=>{let{...t}=e;return(0,be.jsx)("div",{...t,className:n(e.className,Me),children:e.children})};D.states=je;D.options=et;D.className=Me;D.defaultOptions=tt;D.moduleName=p;D.folderName=f;var Te=require("react/jsx-runtime"),te="k-card-wrap",ot=[d.focus,d.selected],rt={},nt={},_=e=>{let{focus:t,selected:r,...a}=e;return(0,Te.jsx)("div",{...a,className:n(e.className,te,x(te,{focus:t,selected:r})),children:e.children})};_.states=ot;_.options=rt;_.className=te;_.defaultOptions=nt;_.moduleName=p;_.folderName=f;var Le=require("react/jsx-runtime"),oe="k-card-title",at=[d.hover,d.focus],q=e=>{let{hover:t,focus:r,...a}=e;return(0,Le.jsx)("div",{...a,className:n(e.className,oe,x(oe,{hover:t,focus:r})),children:e.children})};q.states=at;q.className=oe;var st=require("react/jsx-runtime");var ve=require("react/jsx-runtime");var $=require("react/jsx-runtime"),re="k-font-icon",it=[],lt={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]},dt={},U=e=>{let{size:t,themeColor:r,icon:a,rotate:l,flip:c,...i}=e;return a?(0,$.jsx)("span",{...i,className:n(e.className,re,b(re,{size:t}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,$.jsx)($.Fragment,{})};U.states=it;U.options=lt;U.className=re;U.defaultOptions=dt;var Ee=U;var S=require("react/jsx-runtime"),ne="k-svg-icon",ct=[],mt={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]},Se={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:r,rotate:a,flip:l,viewBox:c=Se.viewBox,icon:i,...N}=e;if(!i)return(0,S.jsx)(S.Fragment,{});i==="none"&&{...N,className:n(e.className,ne,"k-none")};let u=typeof i=="object"&&i.name&&i.name;return(0,S.jsx)("span",{...N,className:n(e.className,ne,b("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,S.jsx)("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:e.children})})};F.states=ct;F.options=mt;F.className=ne;F.defaultOptions=Se;var ae=F;var se=Ge(require("@progress/kendo-svg-icons"));var ge="icon",Oe="icons";var A=require("react/jsx-runtime"),J="k-icon",pt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ut=[],ft={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]},ie={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{size:t,themeColor:r,icon:a,type:l=ie.type,rotate:c,flip:i,viewBox:N=ie.viewBox,...u}=e;if(!a)return(0,A.jsx)(A.Fragment,{});if(l==="svg"){if(a==="none")return(0,A.jsx)(ae,{...u,className:n(e.className,J),icon:a,size:t});let O=se[a]?a:pt(`${a}-icon`);return se[O]?(0,A.jsx)(ae,{...u,className:n(e.className,J),icon:se[O],size:t,themeColor:r,rotate:c,flip:i,viewBox:N}):(0,A.jsx)(A.Fragment,{})}return(0,A.jsx)(Ee,{...u,className:n(e.className,J),icon:a,size:t,themeColor:r,rotate:c,flip:i})};M.states=ut;M.options=ft;M.defaultOptions=ie;M.className=J;M.moduleName=ge;M.folderName=Oe;var le="button",ye=le;var C=require("react/jsx-runtime"),G="k-button",Ct=["icon-button"],Nt=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],xt={size:[s.small,s.medium,s.large],rounded:[k.small,k.medium,k.large,k.full],fillMode:[v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},g={size:s.medium,rounded:k.medium,fillMode:v.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{size:t=g.size,rounded:r=g.rounded,fillMode:a=g.fillMode,themeColor:l=g.themeColor,showArrow:c=g.showArrow,arrowIconName:i=g.arrowIconName,variant:N,hover:u,focus:O,active:Q,selected:Z,disabled:j,icon:I,text:y,iconClassName:w,...P}=e,L=I!==void 0,Ie=e.children!==void 0;return(0,C.jsxs)("button",{...P,className:n(e.className,G,Ne(G,N),b(G,{size:t,rounded:r,fillMode:a,themeColor:l}),x(G,{hover:u,focus:O,active:Q,disabled:j,selected:Z}),{"k-icon-button":!y&&!Ie&&L}),children:[I&&(0,C.jsx)(M,{className:n(w,"k-button-icon"),icon:I}),y?(0,C.jsxs)(C.Fragment,{children:[y&&(0,C.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,C.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,C.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,C.jsx)(M,{icon:i})})]})};m.states=Nt;m.options=xt;m.variants=Ct;m.className=G;m.defaultOptions=g;m.moduleName=le;m.folderName=ye;var ht=require("react/jsx-runtime");var At=require("react/jsx-runtime");var Mt=require("react/jsx-runtime");var de=require("react/jsx-runtime");var Tt=require("react/jsx-runtime");var ce=require("react/jsx-runtime");var Ke=require("react/jsx-runtime"),ke="k-card-deck",Lt=[],vt={},Et={},R=e=>{let{...t}=e;return(0,Ke.jsx)("div",{...t,className:n(e.className,ke),children:e.children})};R.states=Lt;R.options=vt;R.className=ke;R.defaultOptions=Et;R.moduleName=p;R.folderName=f;var _e=require("react/jsx-runtime"),De="k-card-deck-scrollwrap",St=[],gt={},Ot={},B=e=>{let{...t}=e;return(0,_e.jsx)("div",{...t,className:n(e.className,De),children:e.children})};B.states=St;B.options=gt;B.className=De;B.defaultOptions=Ot;B.moduleName=p;B.folderName=f;var me="action-buttons",Re=me;var Be=require("react/jsx-runtime"),X="k-actions",yt=[],kt={},pe={alignment:"start",orientation:"horizontal"},T=e=>{let{alignment:t=pe.alignment,orientation:r=pe.orientation,...a}=e;return(0,Be.jsx)("div",{...a,className:n(X,{[`${X}-${t}`]:t,[`${X}-${r}`]:r},e.className),children:e.children})};T.states=yt;T.options=kt;T.className=X;T.defaultOptions=pe;T.moduleName=me;T.folderName=Re;var ue=require("react/jsx-runtime");var fe=require("react/jsx-runtime");var He=require("react/jsx-runtime"),Y="k-taskboard-card",Dt=[],_t={},Rt={},H=e=>{let{children:t,category:r,...a}=e;return(0,He.jsx)(h,{...a,className:n(e.className,Y,{[`${Y}-category`]:r}),children:t})};H.states=Dt;H.options=_t;H.className=Y;H.defaultOptions=Rt;var Bt=H;