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

A collection of HTML helpers used for developing Kendo UI themes

var ye=Object.create;var $=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Be=Object.prototype.hasOwnProperty;var Te=(e,t)=>{for(var n in t)$(e,n,{get:t[n],enumerable:!0})},Y=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ke(t))!Be.call(e,r)&&r!==n&&$(e,r,{get:()=>t[r],enumerable:!(s=Ne(t,r))||s.enumerable});return e};var Ie=(e,t,n)=>(n=e!=null?ye(Ce(e)):{},Y(t||!e||!e.__esModule?$(n,"default",{value:e,enumerable:!0}):n,e)),Oe=e=>Y($({},"__esModule",{value:!0}),e);var Xe={};Te(Xe,{TASKBOARDCOLUMN_CLASSNAME:()=>F,TaskBoardColumn:()=>A,default:()=>Je});module.exports=Oe(Xe);var d=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?d(...t):typeof t=="object"?Object.keys(t).map((n,s)=>t[s]||t[n]&&n||null).filter(n=>n!==null).join(" "):t).filter(t=>!!t).join(" ");var B=(e,t)=>d({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),Z=(e,t)=>{let{valid:n,invalid:s,hover:r,focus:m,checked:p,active:l,selected:N,disabled:v,indeterminate:x,loading:k,empty:h,readonly:R,highlighted:U,...M}=t;return d({"k-valid":n,"k-invalid":s,"k-hover":r,"k-focus":m,"k-checked":p,"k-active":l,"k-selected":N,"k-disabled":v,"k-indeterminate":x&&!p,"k-loading":k,"k-empty":h,"k-readonly":R,"k-highlighted":U},Object.keys(M).reduce((f,C)=>(C.startsWith("k-")?f[C]=M[C]:f[`k-${C}`]=M[C],f),{}))};function ee(e,t){if(!t)return{};let n=Array.isArray(t)?t:[t];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},I={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},O={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 V={};function te(e){return V[e]=(V[e]||0)+1,`k-${e}-${V[e]}`}var z=require("react/jsx-runtime"),G="k-font-icon",Se=[],Me={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},we={},E=e=>{let{size:t,themeColor:n,icon:s,rotate:r,flip:m,...p}=e;return s?(0,z.jsx)("span",{...p,className:d(e.className,G,B(G,{size:t}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):(0,z.jsx)(z.Fragment,{})};E.states=Se;E.options=Me;E.className=G;E.defaultOptions=we;var oe=E;var S=require("react/jsx-runtime"),q="k-svg-icon",Ae=[],ze={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[b.outline,b.solid,b.duotone]},J={viewBox:"0 0 24 24",variant:b.outline},L=e=>{var k,h;let{size:t,themeColor:n,rotate:s,flip:r,viewBox:m=J.viewBox,variant:p=J.variant,icon:l,...N}=e;if(!l)return(0,S.jsx)(S.Fragment,{});if(l==="none")return(0,S.jsx)("span",{...N,className:d(e.className,q,B("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let v=typeof l=="object"&&l.name&&l.name,x=typeof l=="object"?p&&((k=l.variants)==null?void 0:k[p])||((h=l.variants)==null?void 0:h.outline)||l.content:void 0;return(0,S.jsx)("span",{...N,className:d(e.className,q,B("k-icon",{size:t}),{[`k-svg-i-${v}`]:v,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,S.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:m,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:l?void 0:e.children})})};L.states=Ae;L.options=ze;L.className=q;L.defaultOptions=J;var X=L;var W=Ie(require("@progress/kendo-svg-icons"));var ne="icon",ae="icons";var se=require("react");var re=require("react"),ie=(0,re.createContext)({iconsType:"svg"});var y=require("react/jsx-runtime"),H="k-icon",Ee=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Le=[],_e={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[b.outline,b.solid,b.duotone]},P={viewBox:"0 0 24 24",type:"svg",variant:b.outline},g=e=>{let{iconsType:t}=(0,se.useContext)(ie),{size:n,themeColor:s,icon:r,type:m=t||P.type,rotate:p,flip:l,viewBox:N=P.viewBox,variant:v=P.variant,...x}=e;if(!r)return(0,y.jsx)(y.Fragment,{});if((t||m)==="svg"){if(r==="none")return(0,y.jsx)(X,{...x,className:d(e.className,H),icon:r,size:n,variant:v});let h=W[r]?r:Ee(`${r}-icon`);return W[h]?(0,y.jsx)(X,{...x,className:d(e.className,H),icon:W[h],size:n,themeColor:s,rotate:p,flip:l,viewBox:N,variant:v}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(oe,{...x,className:d(e.className,H),icon:r,size:n,themeColor:s,rotate:p,flip:l})};g.states=Le;g.options=_e;g.defaultOptions=P;g.className=H;g.moduleName=ne;g.folderName=ae;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var j="button",le=j;var u=require("react/jsx-runtime"),_="k-button",Re=["icon-button"],Ke=[O.hover,O.focus,O.active,O.selected,O.disabled,O.generating],$e={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[I.undefined,I.solid,I.flat,I.outline,I.clear,I.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},Q={showArrow:!1,arrowIconName:"chevron-down"},i=e=>{let{as:t="button",size:n,rounded:s,fillMode:r,themeColor:m,showArrow:p=Q.showArrow,arrowIconName:l=Q.arrowIconName,variant:N,hover:v,focus:x,active:k,selected:h,disabled:R,togglable:U,ariaDisabled:M,icon:f,iconSize:C,text:K,iconClassName:xe,className:he,...be}=e,ge=f!=null,ve=e.children!==void 0;return(0,u.jsxs)(t,{className:d(he,_,ee(_,N),B(_,{size:n,rounded:s,fillMode:r,themeColor:m}),Z(_,{hover:v,focus:x,active:k,disabled:R||M,selected:h}),{"k-icon-button":!K&&!ve&&ge}),"aria-pressed":U?h?"true":"false":void 0,...be,"aria-disabled":M?"true":void 0,disabled:R||void 0,children:[typeof f=="string"&&f&&(0,u.jsx)(g,{className:d(xe,"k-button-icon"),icon:f,size:C}),f&&typeof f!="string"&&(0,u.jsx)(u.Fragment,{children:f}),K?(0,u.jsxs)(u.Fragment,{children:[K&&(0,u.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,u.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,u.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,u.jsx)(g,{icon:l})})]})};i.states=Ke;i.options=$e;i.variants=Re;i.className=_;i.defaultOptions=Q;i.moduleName=j;i.folderName=le;i.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ce=require("react/jsx-runtime"),de=e=>(0,ce.jsx)(i,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var me=require("react/jsx-runtime"),ue=e=>(0,me.jsx)(i,{icon:"folder",children:"Button",...e});var fe=require("react/jsx-runtime"),pe=e=>(0,fe.jsx)(i,{children:"Button",...e});var D=require("react/jsx-runtime"),He=i.options,Pe=i.states,De={...i.defaultOptions,variant:"text"},Fe=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ue=[],w=e=>{let{variant:t,...n}=e;switch(t){case"icon-only":return(0,D.jsx)(de,{...n,icon:"star"});case"icon-and-text":return(0,D.jsx)(ue,{...n,icon:"star",children:"Button"});default:return(0,D.jsx)(pe,{...n,children:"Button"})}};w.options=He;w.states=Pe;w.variants=Fe;w.defaultOptions=De;w.modifiers=Ue;w.className=i.className;var c=require("react/jsx-runtime"),F="k-taskboard-column",Ve=[],Ge={},qe={header:void 0},A=e=>{let{header:t,edit:n,...s}=e,r=te("taskboard-column-header");return(0,c.jsxs)("div",{...s,className:d(e.className,F,{[`${F}-edit`]:n}),children:[(0,c.jsx)("div",{className:"k-taskboard-column-header",children:t||(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"k-taskboard-column-header-text k-text-ellipsis",id:r,children:"Column Header"}),(0,c.jsx)("span",{className:"k-spacer"}),(0,c.jsxs)("div",{className:"k-taskboard-column-header-actions",children:[(0,c.jsx)(i,{fillMode:"flat",icon:"pencil","aria-label":"Edit column",title:"Edit column"}),(0,c.jsx)(i,{fillMode:"flat",icon:"plus","aria-label":"Add card",title:"Add card"}),(0,c.jsx)(i,{fillMode:"flat",icon:"x","aria-label":"Delete column",title:"Delete column"})]})]})}),(0,c.jsx)("div",{className:"k-taskboard-column-cards-container",role:"list",tabIndex:0,"aria-labelledby":r,children:(0,c.jsx)("div",{className:"k-taskboard-column-cards",role:"presentation",children:e.children})})]})};A.states=Ve;A.options=Ge;A.className=F;A.defaultOptions=qe;var Je=A;