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

A collection of HTML helpers used for developing Kendo UI themes

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