@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 20.1 kB
JavaScript
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((o,i)=>e[i]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var R=(t,e)=>a({[`${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"}),E=(t,e)=>{let{valid:o,invalid:i,hover:l,focus:m,checked:p,active:d,selected:T,disabled:A,indeterminate:v,loading:w,empty:O,readonly:H,highlighted:J,...B}=e;return a({"k-valid":o,"k-invalid":i,"k-hover":l,"k-focus":m,"k-checked":p,"k-active":d,"k-selected":T,"k-disabled":A,"k-indeterminate":v&&!p,"k-loading":w,"k-empty":O,"k-readonly":H,"k-highlighted":J},Object.keys(B).reduce((h,K)=>(K.startsWith("k-")?h[K]=B[K]:h[`k-${K}`]=B[K],h),{}))};function Kt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},L={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},c={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"},Rt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as be}from"react/jsx-runtime";var xe="k-card-callout",Dt=t=>{let{callout:e,...o}=t;return be("span",{...o,className:a(t.className,xe,{[`k-callout-${Rt.calloutMap[e]||e}`]:e})})};var N="card",g=N;import{Fragment as ge,jsx as _t,jsxs as ye}from"react/jsx-runtime";var ut="k-card",ve=[c.hover,c.focus,c.selected,c.disabled],Ne={},Ae={},u=t=>{let{orientation:e,callout:o,hover:i,focus:l,selected:m,disabled:p,...d}=t;return ye("div",{...d,className:a(t.className,ut,E(ut,{hover:i,focus:l,disabled:p,selected:m}),{[`k-card-${e}`]:e,"k-card-with-callout":o}),children:[o&&o!=="true"&&_t(Dt,{callout:o}),_t(ge,{children:t.children})]})};u.states=ve;u.options=Ne;u.className=ut;u.defaultOptions=Ae;u.moduleName=N;u.folderName=g;u.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as Ee,jsx as Ht}from"react/jsx-runtime";var ft="k-card-list",ke=[],Me={},Te={},_=t=>{let{...e}=t;return Ht("div",{...e,className:a(t.className,ft,E(ft,{})),role:"list",children:Ht(Ee,{children:t.children})})};_.states=ke;_.options=Me;_.className=ft;_.defaultOptions=Te;_.moduleName=N;_.folderName=g;_.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as Be}from"react/jsx-runtime";var It="k-card-group",Le=[],Se={},Oe={},z=t=>{let{...e}=t;return Be("div",{...e,className:a(t.className,It),children:t.children})};z.states=Le;z.options=Se;z.className=It;z.defaultOptions=Oe;z.moduleName=N;z.folderName=g;import{jsx as _e}from"react/jsx-runtime";var Ct="k-card-wrap",Ke=[c.focus,c.selected],Re={},De={},P=t=>{let{focus:e,selected:o,...i}=t;return _e("div",{...i,className:a(t.className,Ct,E(Ct,{focus:e,selected:o})),children:t.children})};P.states=Ke;P.options=Re;P.className=Ct;P.defaultOptions=De;P.moduleName=N;P.folderName=g;import{jsx as Ie}from"react/jsx-runtime";var ht="k-card-title",He=[c.hover,c.focus],D=t=>{let{hover:e,focus:o,...i}=t;return Ie("div",{...i,className:a(t.className,ht,E(ht,{hover:e,focus:o})),children:t.children})};D.states=He;D.className=ht;import{jsx as ze}from"react/jsx-runtime";var we="k-card-subtitle",F=t=>{let{...e}=t;return ze("div",{...e,className:a(t.className,we),children:t.children})};import{Fragment as zt,jsx as lt}from"react/jsx-runtime";var wt="k-card-media",xt=t=>{let{src:e,...o}=t;return lt(zt,{children:e?lt("img",{...o,className:a(t.className,wt),src:e}):lt("span",{...o,className:a(t.className,wt),children:lt(zt,{children:t.children})})})};import{Fragment as $e,jsx as Pt}from"react/jsx-runtime";var bt="k-font-icon",Pe=[],Fe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info]},Ue={},Y=t=>{let{size:e,themeColor:o,icon:i,rotate:l,flip:m,...p}=t;return i?Pt("span",{...p,className:a(t.className,bt,R(bt,{size:e}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true"}):Pt($e,{})};Y.states=Pe;Y.options=Fe;Y.className=bt;Y.defaultOptions=Ue;var Ft=Y;import{Fragment as We,jsx as dt}from"react/jsx-runtime";var vt="k-svg-icon",Ve=[],Ge={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[L.outline,L.solid,L.duotone]},Nt={viewBox:"0 0 24 24",variant:L.outline},Q=t=>{let{size:e,themeColor:o,rotate:i,flip:l,viewBox:m=Nt.viewBox,variant:p=Nt.variant,icon:d,...T}=t;if(!d)return dt(We,{});if(d==="none")return dt("span",{...T,className:a(t.className,vt,R("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let A=typeof d=="object"&&d.name&&d.name,v=typeof d=="object"?p&&d.variants?.[p]||d.variants?.outline||d.content:void 0;return dt("span",{...T,className:a(t.className,vt,R("k-icon",{size:e}),{[`k-svg-i-${A}`]:A,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:dt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:m,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:d?void 0:t.children})})};Q.states=Ve;Q.options=Ge;Q.className=vt;Q.defaultOptions=Nt;var At=Q;import*as gt from"@progress/kendo-svg-icons";var Ut="icon",$t="icons";import{useContext as Xe}from"react";import{createContext as qe}from"react";var Vt=qe({iconsType:"svg"});import{Fragment as Gt,jsx as Z}from"react/jsx-runtime";var ct="k-icon",Je=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ye=[],Qe={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info],variant:[L.outline,L.solid,L.duotone]},mt={viewBox:"0 0 24 24",type:"svg",variant:L.outline},y=t=>{let{iconsType:e}=Xe(Vt),{size:o,themeColor:i,icon:l,type:m=e||mt.type,rotate:p,flip:d,viewBox:T=mt.viewBox,variant:A=mt.variant,...v}=t;if(!l)return Z(Gt,{});if((e||m)==="svg"){if(l==="none")return Z(At,{...v,className:a(t.className,ct),icon:l,size:o,variant:A});let O=gt[l]?l:Je(`${l}-icon`);return gt[O]?Z(At,{...v,className:a(t.className,ct),icon:gt[O],size:o,themeColor:i,rotate:p,flip:d,viewBox:T,variant:A}):Z(Gt,{})}return Z(Ft,{...v,className:a(t.className,ct),icon:l,size:o,themeColor:i,rotate:p,flip:d})};y.states=Ye;y.options=Qe;y.defaultOptions=mt;y.className=ct;y.moduleName=Ut;y.folderName=$t;y.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 yt="button",Wt=yt;import{Fragment as qt,jsx as U,jsxs as Xt}from"react/jsx-runtime";var j="k-button",Ze=["icon-button"],je=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],to={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.inverse]},kt={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:o,rounded:i,fillMode:l,themeColor:m,showArrow:p=kt.showArrow,arrowIconName:d=kt.arrowIconName,variant:T,hover:A,focus:v,active:w,selected:O,disabled:H,togglable:J,ariaDisabled:B,icon:h,iconSize:K,text:it,iconClassName:pe,className:ue,...fe}=t,Ce=h!=null,he=t.children!==void 0;return Xt(e,{className:a(ue,j,Kt(j,T),R(j,{size:o,rounded:i,fillMode:l,themeColor:m}),E(j,{hover:A,focus:v,active:w,disabled:H||B,selected:O}),{"k-icon-button":!it&&!he&&Ce}),"aria-pressed":J?O?"true":"false":void 0,...fe,"aria-disabled":B?"true":void 0,disabled:H||void 0,children:[typeof h=="string"&&h&&U(y,{className:a(pe,"k-button-icon"),icon:h,size:K}),h&&typeof h!="string"&&U(qt,{children:h}),it?Xt(qt,{children:[it&&U("span",{className:"k-button-text",children:it}),t.children]}):t.children&&U("span",{className:"k-button-text",children:t.children}),p&&U("span",{className:"k-menu-button-arrow k-button-arrow",children:U(y,{icon:d})})]})};s.states=je;s.options=to;s.variants=Ze;s.className=j;s.defaultOptions=kt;s.moduleName=yt;s.folderName=Wt;s.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."}]};import{jsx as eo}from"react/jsx-runtime";var Jt=t=>eo(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as oo}from"react/jsx-runtime";var Yt=t=>oo(s,{icon:"folder",children:"Button",...t});import{jsx as ao}from"react/jsx-runtime";var Qt=t=>ao(s,{children:"Button",...t});import{jsx as Mt}from"react/jsx-runtime";var ro=s.options,no=s.states,so={...s.defaultOptions,variant:"text"},io=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lo=[],$=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return Mt(Jt,{...o,icon:"star"});case"icon-and-text":return Mt(Yt,{...o,icon:"star",children:"Button"});default:return Mt(Qt,{...o,children:"Button"})}};$.options=ro;$.states=no;$.variants=io;$.defaultOptions=so;$.modifiers=lo;$.className=s.className;import{Fragment as mo,jsx as tt,jsxs as po}from"react/jsx-runtime";var co="k-card-header",et=t=>{let{title:e,subtitle:o,details:i,...l}=t;return po("div",{...l,className:a(t.className,co),children:[e&&tt(D,{children:e}),o&&tt(F,{children:o}),tt(mo,{children:t.children}),i&&tt("span",{className:"k-card-header-actions",children:tt(s,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as fo}from"react/jsx-runtime";var uo="k-card-footer",Tt=t=>{let{...e}=t;return fo("div",{...e,className:a(t.className,uo),children:t.children})};import{Fragment as ho,jsx as ot,jsxs as xo}from"react/jsx-runtime";var Co="k-card-body",S=t=>{let{title:e,subtitle:o,details:i,...l}=t;return xo("div",{...l,className:a(t.className,Co),children:[e&&ot(D,{children:e}),o&&ot(F,{children:o}),ot(ho,{children:t.children}),i&&ot("span",{className:"k-card-header-actions",children:ot(s,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Ao}from"react/jsx-runtime";var Zt="k-card-deck",bo=[],vo={},No={},V=t=>{let{...e}=t;return Ao("div",{...e,className:a(t.className,Zt),children:t.children})};V.states=bo;V.options=vo;V.className=Zt;V.defaultOptions=No;V.moduleName=N;V.folderName=g;import{jsx as Mo}from"react/jsx-runtime";var jt="k-card-deck-scrollwrap",go=[],yo={},ko={},G=t=>{let{...e}=t;return Mo("div",{...e,className:a(t.className,jt),children:t.children})};G.states=go;G.options=yo;G.className=jt;G.defaultOptions=ko;G.moduleName=N;G.folderName=g;var Et="action-buttons",te=Et;import{jsx as Lo}from"react/jsx-runtime";var pt="k-actions",To=[],Eo={},Lt={alignment:"start",orientation:"horizontal"},b=t=>{let{alignment:e=Lt.alignment,orientation:o=Lt.orientation,...i}=t;return Lo("div",{...i,className:a(pt,{[`${pt}-${e}`]:e,[`${pt}-${o}`]:o},t.className),children:t.children})};b.states=To;b.options=Eo;b.className=pt;b.defaultOptions=Lt;b.moduleName=Et;b.folderName=te;import{Fragment as So,jsx as W,jsxs as ee}from"react/jsx-runtime";var oe=t=>W(u,{orientation:"vertical",children:ee(So,{children:[W(et,{children:"Card Header"}),W(S,{children:W("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),ee(b,{className:"k-card-actions",children:[W(s,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),W(s,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...t});import{Fragment as Oo,jsx as at,jsxs as ae}from"react/jsx-runtime";var re=t=>at(u,{orientation:"horizontal",children:ae(Oo,{children:[at(S,{title:"Card Title",children:at("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),ae(b,{orientation:"vertical",className:"k-card-actions",children:[at(s,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),at(s,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...t});import{jsx as Nn,jsxs as An}from"react/jsx-runtime";import{jsx as f,jsxs as rt}from"react/jsx-runtime";var Bo=u.options,Ko=u.states,ne={...u.defaultOptions,variant:"vertical"},Ro=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Do=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],q=t=>{let{variant:e,modifiers:o,...i}={...ne,...t},l=!1,m=!1,p=!1;return Object.keys(o||{}).forEach(d=>{switch(d){case"media":{l=!!o?.[d];break}case"header":{m=!!o?.[d];break}case"footer":{p=!!o?.[d];break}}}),e==="horizontal"?rt(re,{style:{maxWidth:"420px"},...i,children:[l&&f(xt,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),rt("div",{children:[m&&f(et,{title:"Header Title",subtitle:"Header Subtitle"}),f(S,{title:"Title",subtitle:"Subtitle",children:f("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&f(Tt,{children:"Card Footer"})]}),(m||p)&&f("span",{className:"k-separator k-separator-vertical"}),rt(b,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[f(s,{fillMode:"flat",themeColor:"primary",children:"Button"}),f(s,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):rt(oe,{style:{maxHeight:"450px",width:"300px"},...i,children:[m&&f(et,{title:"Header Title",subtitle:"Header Subtitle"}),l&&f(xt,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),f(S,{title:"Title",subtitle:"Subtitle",children:f("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&f(Tt,{children:"Card Footer"}),rt(b,{className:"k-card-actions",children:[f(s,{fillMode:"flat",themeColor:"primary",children:"Button"}),f(s,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};q.options=Bo;q.states=Ko;q.variants=Ro;q.defaultOptions=ne;q.modifiers=Do;q.className=u.className;var St="avatar",se=St;import{jsx as ie}from"react/jsx-runtime";var nt="k-avatar";var _o=[c.hover,c.focus,c.active,c.selected,c.disabled],Ho={size:[n.undefined,n.small,n.medium,n.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary]},Ot={type:"text",border:!1},C=t=>{let{size:e,rounded:o,fillMode:i,themeColor:l,type:m=Ot.type,border:p=Ot.border,...d}=t;return ie("div",{...d,className:a(t.className,nt,R(nt,{size:e,rounded:o,fillMode:i,themeColor:l}),{[`${nt}-bordered`]:p}),children:ie("span",{className:`${nt}-${m}`,children:t.children})})};C.states=_o;C.options=Ho;C.className=nt;C.defaultOptions=Ot;C.moduleName=St;C.folderName=se;C.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var I=C;import{jsx as Io}from"react/jsx-runtime";var le=t=>Io(I,{type:"icon",...t});import{jsx as wo}from"react/jsx-runtime";var de=t=>wo(I,{type:"text",...t});import{jsx as zo}from"react/jsx-runtime";var ce=t=>zo(I,{type:"image",...t});import{jsx as Cs}from"react/jsx-runtime";import{jsx as st}from"react/jsx-runtime";var Po=C.options,Fo=C.states,Uo={...C.defaultOptions,variant:"image"},$o=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Vo=[],X=t=>{let{variant:e,...o}=t;switch(e){case"icon":return st(le,{...o,children:st(y,{icon:"star"})});case"text":return st(de,{...o,children:"JO"});default:return st(ce,{...o,children:st("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};X.options=Po;X.states=Fo;X.variants=$o;X.defaultOptions=Uo;X.modifiers=Vo;X.className=C.className;import{jsx as M,jsxs as Bt}from"react/jsx-runtime";var Go="k-orgchart-node",me={buttonIcon:"plus",details:!0},Hs=t=>{let{title:e,subtitle:o,details:i=me.details,color:l,lineBottom:m,lineTop:p,button:d,buttonIcon:T=me.buttonIcon,avatar:A,avatarType:v,avatarAlt:w,ariaLevel:O,ariaExpanded:H,ariaOwns:J,focus:B,menuButton:h,...K}=t;return Bt("div",{...K,className:a(t.className,Go,"k-vstack","k-align-items-center",{"k-focus":B}),role:"treeitem","aria-level":O,"aria-keyshortcuts":"Enter","aria-expanded":H!==void 0?H?"true":"false":void 0,"aria-owns":J,"aria-selected":B?"true":"false",children:[p&&M("div",{className:"k-orgchart-line k-orgchart-line-v"}),M(u,{className:"k-orgchart-card",children:Bt(S,{className:"k-hstack",details:i,style:{borderTopColor:l},children:[M(C,{type:v,themeColor:"secondary",children:v==="image"?M("img",{src:A,alt:w||""}):A}),Bt("div",{className:"k-card-title-wrap k-vstack",children:[M(D,{className:"k-text-ellipsis",children:e}),M("span",{className:"k-spacer"}),M(F,{className:"k-text-ellipsis",children:o})]}),M("span",{className:"k-spacer"}),h&&M("span",{className:"k-orgchart-card-menu",role:"button","aria-label":"Edit menu",tabIndex:-1})]})}),m&&M("div",{className:"k-orgchart-line k-orgchart-line-v"}),d&&M(s,{className:"k-orgchart-button",icon:T,role:"presentation","aria-hidden":"true",tabIndex:-1})]})};export{Go as ORGCHARTNODE_CLASSNAME,Hs as OrgchartNode};