@progress/kendo-themes-html/dist/cjs/orgchart/templates/orgchart-normal.js

A collection of HTML helpers used for developing Kendo UI themes

var Ze=Object.create;var kt=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var to=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,oo=Object.prototype.hasOwnProperty;var ro=(t,e)=>{for(var o in e)kt(t,o,{get:e[o],enumerable:!0})},Qt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of to(e))!oo.call(t,i)&&i!==o&&kt(t,i,{get:()=>e[i],enumerable:!(r=je(e,i))||r.enumerable});return t};var ao=(t,e,o)=>(o=t!=null?Ze(eo(t)):{},Qt(e||!t||!t.__esModule?kt(o,"default",{value:t,enumerable:!0}):o,t)),no=t=>Qt(kt({},"__esModule",{value:!0}),t);var Nr={};ro(Nr,{OrgchartNormal:()=>Cr});module.exports=no(Nr);var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var q=(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:r,hover:i,focus:c,checked:m,active:d,selected:x,disabled:A,indeterminate:y,loading:$,empty:L,readonly:Z,highlighted:ft,...V}=e;return a({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":x,"k-disabled":A,"k-indeterminate":y&&!m,"k-loading":$,"k-empty":L,"k-readonly":Z,"k-highlighted":ft},Object.keys(V).reduce((k,W)=>(W.startsWith("k-")?k[W]=V[W]:k[`k-${W}`]=V[W],k),{}))};function Zt(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var l={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"},D={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},I={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},u={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"},j={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Lt="orgchart",jt=Lt;var Bt=require("react/jsx-runtime"),te="k-orgchart",io=[],so={},Et={width:"100%",height:"300px"},h=t=>{let{width:e=Et.width,height:o=Et.height,...r}=t;return(0,Bt.jsx)("div",{...r,className:a(t.className,te),children:(0,Bt.jsx)("div",{className:"k-orgchart-container",style:{width:e,height:o},children:t.children})})};h.states=io;h.options=so;h.className=te;h.defaultOptions=Et;h.moduleName=Lt;h.folderName=jt;h.ariaSpec={selector:".k-orgchart",rules:[{selector:".k-orgchart-level-1",attribute:"role=tree",usage:"The root div element of the OrgChart. Contains all its top level items."},{selector:".k-orgchart-level-1",attribute:"aria-orientation=horizontal",usage:"Specifies the orientation of the OrgChart tree."},{selector:".k-orgchart-group:not(.k-orgchart-level-1)",attribute:"role=group",usage:"The element that wraps child nodes."},{selector:".k-orgchart-node-group",attribute:"role=group",usage:"The element that groups nodes visually with a title and expand/collapse button."},{selector:".k-orgchart-node-container",attribute:"role=presentation",usage:"The node container must not break the tree-treeitem relationship."},{selector:".k-orgchart-node",attribute:"role=treeitem",usage:"The node wrapper representing the treeitem in the hierarchical structure."},{selector:".k-orgchart-node",attribute:"aria-level",usage:"Announces the level of the tree node item. The value of level is number-based (>=1)."},{selector:".k-orgchart-node",attribute:"aria-keyshortcuts=Enter",usage:"Announces that the edit menu of the OrgChart can be activated via the Enter key."},{selector:".k-orgchart-node",attribute:"aria-expanded=true or aria-expanded=false (when present)",usage:"Present when a node has subitems. Announces the expanded state of the node."},{selector:".k-orgchart-node",attribute:"aria-owns (when present)",usage:"Present when a node has subitems. The value is the id of the group containing child nodes."},{selector:".k-orgchart-node.k-focus",attribute:"aria-selected=true",usage:"Announces the selected (focused) item in the OrgChart."},{selector:".k-orgchart-node:not(.k-focus)",attribute:"aria-selected=false",usage:"Announces the not selected (focused) items in the OrgChart."},{selector:".k-avatar-image img",attribute:"alt",usage:"Describes the avatar image of an item."},{selector:".k-orgchart-card-menu",attribute:"role=button",usage:"Specifies the menu icon of the item is a button."},{selector:".k-orgchart-card-menu",attribute:"aria-label=Edit menu",usage:"Provides an accessible name for the edit button."},{selector:".k-orgchart-card-menu",attribute:"tabindex=-1",usage:"The Edit menu button must not be part of the page tab sequence."},{selector:".k-orgchart-button",attribute:"role=presentation",usage:"The expand/collapse button is decorative."},{selector:".k-orgchart-button",attribute:"aria-hidden=true",usage:"Hides the button from assistive technology."},{selector:".k-orgchart-button",attribute:"tabindex=-1",usage:"The expand/collapse button must not be part of the page tab sequence."}]};var oe=require("react/jsx-runtime"),lo="k-card-callout",ee=t=>{let{callout:e,...o}=t;return(0,oe.jsx)("span",{...o,className:a(t.className,lo,{[`k-callout-${j.calloutMap[e]||e}`]:e})})};var M="card",B=M;var tt=require("react/jsx-runtime"),Kt="k-card",co=[u.hover,u.focus,u.selected,u.disabled],mo={},uo={},b=t=>{let{orientation:e,callout:o,hover:r,focus:i,selected:c,disabled:m,...d}=t;return(0,tt.jsxs)("div",{...d,className:a(t.className,Kt,E(Kt,{hover:r,focus:i,disabled:m,selected:c}),{[`k-card-${e}`]:e,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,tt.jsx)(ee,{callout:o}),(0,tt.jsx)(tt.Fragment,{children:t.children})]})};b.states=co;b.options=mo;b.className=Kt;b.defaultOptions=uo;b.moduleName=M;b.folderName=B;b.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."}]};var ht=require("react/jsx-runtime"),Rt="k-card-list",po=[],fo={},ho={},Y=t=>{let{...e}=t;return(0,ht.jsx)("div",{...e,className:a(t.className,Rt,E(Rt,{})),role:"list",children:(0,ht.jsx)(ht.Fragment,{children:t.children})})};Y.states=po;Y.options=fo;Y.className=Rt;Y.defaultOptions=ho;Y.moduleName=M;Y.folderName=B;Y.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."}]};var ae=require("react/jsx-runtime"),re="k-card-group",bo=[],vo={},go={},at=t=>{let{...e}=t;return(0,ae.jsx)("div",{...e,className:a(t.className,re),children:t.children})};at.states=bo;at.options=vo;at.className=re;at.defaultOptions=go;at.moduleName=M;at.folderName=B;var ne=require("react/jsx-runtime"),Dt="k-card-wrap",Co=[u.focus,u.selected],No={},xo={},nt=t=>{let{focus:e,selected:o,...r}=t;return(0,ne.jsx)("div",{...r,className:a(t.className,Dt,E(Dt,{focus:e,selected:o})),children:t.children})};nt.states=Co;nt.options=No;nt.className=Dt;nt.defaultOptions=xo;nt.moduleName=M;nt.folderName=B;var ie=require("react/jsx-runtime"),_t="k-card-title",Ao=[u.hover,u.focus],J=t=>{let{hover:e,focus:o,...r}=t;return(0,ie.jsx)("div",{...r,className:a(t.className,_t,E(_t,{hover:e,focus:o})),children:t.children})};J.states=Ao;J.className=_t;var se=require("react/jsx-runtime"),ko="k-card-subtitle",it=t=>{let{...e}=t;return(0,se.jsx)("div",{...e,className:a(t.className,ko),children:t.children})};var Q=require("react/jsx-runtime"),le="k-card-media",Ht=t=>{let{src:e,...o}=t;return(0,Q.jsx)(Q.Fragment,{children:e?(0,Q.jsx)("img",{...o,className:a(t.className,le),src:e}):(0,Q.jsx)("span",{...o,className:a(t.className,le),children:(0,Q.jsx)(Q.Fragment,{children:t.children})})})};var bt=require("react/jsx-runtime"),It="k-font-icon",To=[],Oo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},yo={},vt=t=>{let{size:e,themeColor:o,icon:r,rotate:i,flip:c,...m}=t;return r?(0,bt.jsx)("span",{...m,className:a(t.className,It,q(It,{size:e}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,bt.jsx)(bt.Fragment,{})};vt.states=To;vt.options=Oo;vt.className=It;vt.defaultOptions=yo;var de=vt;var et=require("react/jsx-runtime"),wt="k-svg-icon",Mo=[],So={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[I.outline,I.solid,I.duotone]},Pt={viewBox:"0 0 24 24",variant:I.outline},gt=t=>{var $,L;let{size:e,themeColor:o,rotate:r,flip:i,viewBox:c=Pt.viewBox,variant:m=Pt.variant,icon:d,...x}=t;if(!d)return(0,et.jsx)(et.Fragment,{});if(d==="none")return(0,et.jsx)("span",{...x,className:a(t.className,wt,q("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let A=typeof d=="object"&&d.name&&d.name,y=typeof d=="object"?m&&(($=d.variants)==null?void 0:$[m])||((L=d.variants)==null?void 0:L.outline)||d.content:void 0;return(0,et.jsx)("span",{...x,className:a(t.className,wt,q("k-icon",{size:e}),{[`k-svg-i-${A}`]:A,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,et.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:y!==void 0?{__html:y}:void 0,children:d?void 0:t.children})})};gt.states=Mo;gt.options=So;gt.className=wt;gt.defaultOptions=Pt;var Gt=gt;var zt=ao(require("@progress/kendo-svg-icons"));var ce="icon",me="icons";var fe=require("react");var ue=require("react"),pe=(0,ue.createContext)({iconsType:"svg"});var X=require("react/jsx-runtime"),Tt="k-icon",Lo=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Eo=[],Bo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[I.outline,I.solid,I.duotone]},Ot={viewBox:"0 0 24 24",type:"svg",variant:I.outline},K=t=>{let{iconsType:e}=(0,fe.useContext)(pe),{size:o,themeColor:r,icon:i,type:c=e||Ot.type,rotate:m,flip:d,viewBox:x=Ot.viewBox,variant:A=Ot.variant,...y}=t;if(!i)return(0,X.jsx)(X.Fragment,{});if((e||c)==="svg"){if(i==="none")return(0,X.jsx)(Gt,{...y,className:a(t.className,Tt),icon:i,size:o,variant:A});let L=zt[i]?i:Lo(`${i}-icon`);return zt[L]?(0,X.jsx)(Gt,{...y,className:a(t.className,Tt),icon:zt[L],size:o,themeColor:r,rotate:m,flip:d,viewBox:x,variant:A}):(0,X.jsx)(X.Fragment,{})}return(0,X.jsx)(de,{...y,className:a(t.className,Tt),icon:i,size:o,themeColor:r,rotate:m,flip:d})};K.states=Eo;K.options=Bo;K.defaultOptions=Ot;K.className=Tt;K.moduleName=ce;K.folderName=me;K.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 Ft="button",he=Ft;var S=require("react/jsx-runtime"),Ct="k-button",Ko=["icon-button"],Ro=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],Do={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[D.undefined,D.solid,D.flat,D.outline,D.clear,D.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},Ut={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:o,rounded:r,fillMode:i,themeColor:c,showArrow:m=Ut.showArrow,arrowIconName:d=Ut.arrowIconName,variant:x,hover:A,focus:y,active:$,selected:L,disabled:Z,togglable:ft,ariaDisabled:V,icon:k,iconSize:W,text:At,iconClassName:qe,className:Je,...Xe}=t,Ye=k!=null,Qe=t.children!==void 0;return(0,S.jsxs)(e,{className:a(Je,Ct,Zt(Ct,x),q(Ct,{size:o,rounded:r,fillMode:i,themeColor:c}),E(Ct,{hover:A,focus:y,active:$,disabled:Z||V,selected:L}),{"k-icon-button":!At&&!Qe&&Ye}),"aria-pressed":ft?L?"true":"false":void 0,...Xe,"aria-disabled":V?"true":void 0,disabled:Z||void 0,children:[typeof k=="string"&&k&&(0,S.jsx)(K,{className:a(qe,"k-button-icon"),icon:k,size:W}),k&&typeof k!="string"&&(0,S.jsx)(S.Fragment,{children:k}),At?(0,S.jsxs)(S.Fragment,{children:[At&&(0,S.jsx)("span",{className:"k-button-text",children:At}),t.children]}):t.children&&(0,S.jsx)("span",{className:"k-button-text",children:t.children}),m&&(0,S.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,S.jsx)(K,{icon:d})})]})};s.states=Ro;s.options=Do;s.variants=Ko;s.className=Ct;s.defaultOptions=Ut;s.moduleName=Ft;s.folderName=he;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."}]};var ve=require("react/jsx-runtime"),be=t=>(0,ve.jsx)(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var Ce=require("react/jsx-runtime"),ge=t=>(0,Ce.jsx)(s,{icon:"folder",children:"Button",...t});var xe=require("react/jsx-runtime"),Ne=t=>(0,xe.jsx)(s,{children:"Button",...t});var yt=require("react/jsx-runtime"),_o=s.options,Ho=s.states,Io={...s.defaultOptions,variant:"text"},wo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Po=[],st=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,yt.jsx)(be,{...o,icon:"star"});case"icon-and-text":return(0,yt.jsx)(ge,{...o,icon:"star",children:"Button"});default:return(0,yt.jsx)(Ne,{...o,children:"Button"})}};st.options=_o;st.states=Ho;st.variants=wo;st.defaultOptions=Io;st.modifiers=Po;st.className=s.className;var w=require("react/jsx-runtime"),Go="k-card-header",Nt=t=>{let{title:e,subtitle:o,details:r,...i}=t;return(0,w.jsxs)("div",{...i,className:a(t.className,Go),children:[e&&(0,w.jsx)(J,{children:e}),o&&(0,w.jsx)(it,{children:o}),(0,w.jsx)(w.Fragment,{children:t.children}),r&&(0,w.jsx)("span",{className:"k-card-header-actions",children:(0,w.jsx)(s,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Ae=require("react/jsx-runtime"),zo="k-card-footer",$t=t=>{let{...e}=t;return(0,Ae.jsx)("div",{...e,className:a(t.className,zo),children:t.children})};var P=require("react/jsx-runtime"),Fo="k-card-body",G=t=>{let{title:e,subtitle:o,details:r,...i}=t;return(0,P.jsxs)("div",{...i,className:a(t.className,Fo),children:[e&&(0,P.jsx)(J,{children:e}),o&&(0,P.jsx)(it,{children:o}),(0,P.jsx)(P.Fragment,{children:t.children}),r&&(0,P.jsx)("span",{className:"k-card-header-actions",children:(0,P.jsx)(s,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Te=require("react/jsx-runtime"),ke="k-card-deck",Uo=[],$o={},Vo={},lt=t=>{let{...e}=t;return(0,Te.jsx)("div",{...e,className:a(t.className,ke),children:t.children})};lt.states=Uo;lt.options=$o;lt.className=ke;lt.defaultOptions=Vo;lt.moduleName=M;lt.folderName=B;var ye=require("react/jsx-runtime"),Oe="k-card-deck-scrollwrap",Wo=[],qo={},Jo={},dt=t=>{let{...e}=t;return(0,ye.jsx)("div",{...e,className:a(t.className,Oe),children:t.children})};dt.states=Wo;dt.options=qo;dt.className=Oe;dt.defaultOptions=Jo;dt.moduleName=M;dt.folderName=B;var Vt="action-buttons",Me=Vt;var Se=require("react/jsx-runtime"),Mt="k-actions",Xo=[],Yo={},Wt={alignment:"start",orientation:"horizontal"},O=t=>{let{alignment:e=Wt.alignment,orientation:o=Wt.orientation,...r}=t;return(0,Se.jsx)("div",{...r,className:a(Mt,{[`${Mt}-${e}`]:e,[`${Mt}-${o}`]:o},t.className),children:t.children})};O.states=Xo;O.options=Yo;O.className=Mt;O.defaultOptions=Wt;O.moduleName=Vt;O.folderName=Me;var R=require("react/jsx-runtime"),Le=t=>(0,R.jsx)(b,{orientation:"vertical",children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Nt,{children:"Card Header"}),(0,R.jsx)(G,{children:(0,R.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,R.jsxs)(O,{className:"k-card-actions",children:[(0,R.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,R.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...t});var _=require("react/jsx-runtime"),Ee=t=>(0,_.jsx)(b,{orientation:"horizontal",children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(G,{title:"Card Title",children:(0,_.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,_.jsxs)(O,{orientation:"vertical",className:"k-card-actions",children:[(0,_.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,_.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...t});var Be=require("react/jsx-runtime");var p=require("react/jsx-runtime"),Qo=b.options,Zo=b.states,Ke={...b.defaultOptions,variant:"vertical"},jo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tr=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ct=t=>{let{variant:e,modifiers:o,...r}={...Ke,...t},i=!1,c=!1,m=!1;return Object.keys(o||{}).forEach(d=>{switch(d){case"media":{i=!!(o!=null&&o[d]);break}case"header":{c=!!(o!=null&&o[d]);break}case"footer":{m=!!(o!=null&&o[d]);break}}}),e==="horizontal"?(0,p.jsxs)(Ee,{style:{maxWidth:"420px"},...r,children:[i&&(0,p.jsx)(Ht,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,p.jsxs)("div",{children:[c&&(0,p.jsx)(Nt,{title:"Header Title",subtitle:"Header Subtitle"}),(0,p.jsx)(G,{title:"Title",subtitle:"Subtitle",children:(0,p.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),m&&(0,p.jsx)($t,{children:"Card Footer"})]}),(c||m)&&(0,p.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,p.jsxs)(O,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,p.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,p.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,p.jsxs)(Le,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&(0,p.jsx)(Nt,{title:"Header Title",subtitle:"Header Subtitle"}),i&&(0,p.jsx)(Ht,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,p.jsx)(G,{title:"Title",subtitle:"Subtitle",children:(0,p.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),m&&(0,p.jsx)($t,{children:"Card Footer"}),(0,p.jsxs)(O,{className:"k-card-actions",children:[(0,p.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,p.jsx)(s,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ct.options=Qo;ct.states=Zo;ct.variants=jo;ct.defaultOptions=Ke;ct.modifiers=tr;ct.className=b.className;var qt="avatar",Re=qt;var Xt=require("react/jsx-runtime"),xt="k-avatar";var er=[u.hover,u.focus,u.active,u.selected,u.disabled],or={size:[l.undefined,l.small,l.medium,l.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[D.undefined,D.solid,D.outline],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},Jt={type:"text",border:!1},g=t=>{let{size:e,rounded:o,fillMode:r,themeColor:i,type:c=Jt.type,border:m=Jt.border,...d}=t;return(0,Xt.jsx)("div",{...d,className:a(t.className,xt,q(xt,{size:e,rounded:o,fillMode:r,themeColor:i}),{[`${xt}-bordered`]:m}),children:(0,Xt.jsx)("span",{className:`${xt}-${c}`,children:t.children})})};g.states=er;g.options=or;g.className=xt;g.defaultOptions=Jt;g.moduleName=qt;g.folderName=Re;g.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ot=g;var _e=require("react/jsx-runtime"),De=t=>(0,_e.jsx)(ot,{type:"icon",...t});var Ie=require("react/jsx-runtime"),He=t=>(0,Ie.jsx)(ot,{type:"text",...t});var Pe=require("react/jsx-runtime"),we=t=>(0,Pe.jsx)(ot,{type:"image",...t});var rr=require("react/jsx-runtime");var mt=require("react/jsx-runtime"),ar=g.options,nr=g.states,ir={...g.defaultOptions,variant:"image"},sr=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lr=[],ut=t=>{let{variant:e,...o}=t;switch(e){case"icon":return(0,mt.jsx)(De,{...o,children:(0,mt.jsx)(K,{icon:"star"})});case"text":return(0,mt.jsx)(He,{...o,children:"JO"});default:return(0,mt.jsx)(we,{...o,children:(0,mt.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ut.options=ar;ut.states=nr;ut.variants=sr;ut.defaultOptions=ir;ut.modifiers=lr;ut.className=g.className;var v=require("react/jsx-runtime"),dr="k-orgchart-node",Ge={buttonIcon:"plus",details:!0},f=t=>{let{title:e,subtitle:o,details:r=Ge.details,color:i,lineBottom:c,lineTop:m,button:d,buttonIcon:x=Ge.buttonIcon,avatar:A,avatarType:y,avatarAlt:$,ariaLevel:L,ariaExpanded:Z,ariaOwns:ft,focus:V,menuButton:k,...W}=t;return(0,v.jsxs)("div",{...W,className:a(t.className,dr,"k-vstack","k-align-items-center",{"k-focus":V}),role:"treeitem","aria-level":L,"aria-keyshortcuts":"Enter","aria-expanded":Z!==void 0?Z?"true":"false":void 0,"aria-owns":ft,"aria-selected":V?"true":"false",children:[m&&(0,v.jsx)("div",{className:"k-orgchart-line k-orgchart-line-v"}),(0,v.jsx)(b,{className:"k-orgchart-card",children:(0,v.jsxs)(G,{className:"k-hstack",details:r,style:{borderTopColor:i},children:[(0,v.jsx)(g,{type:y,themeColor:"secondary",children:y==="image"?(0,v.jsx)("img",{src:A,alt:$||""}):A}),(0,v.jsxs)("div",{className:"k-card-title-wrap k-vstack",children:[(0,v.jsx)(J,{className:"k-text-ellipsis",children:e}),(0,v.jsx)("span",{className:"k-spacer"}),(0,v.jsx)(it,{className:"k-text-ellipsis",children:o})]}),(0,v.jsx)("span",{className:"k-spacer"}),k&&(0,v.jsx)("span",{className:"k-orgchart-card-menu",role:"button","aria-label":"Edit menu",tabIndex:-1})]})}),c&&(0,v.jsx)("div",{className:"k-orgchart-line k-orgchart-line-v"}),d&&(0,v.jsx)(s,{className:"k-orgchart-button",icon:x,role:"presentation","aria-hidden":"true",tabIndex:-1})]})};var St=require("react/jsx-runtime"),ze="k-orgchart-group",cr=[],mr={},Fe={orientation:"horizontal"},C=t=>{let{children:e,nodes:o,orientation:r=Fe.orientation,justifyContent:i,level:c,...m}=t,d=c===1;return(0,St.jsxs)("div",{...m,className:a(ze,"k-pos-absolute",{[`k-${j.orientationMap[r]||r}`]:r,[`k-justify-content-${i}`]:i,"k-orgchart-level-1":d}),role:d?"tree":"group","aria-orientation":d?"horizontal":void 0,style:{width:"100%"},children:[o&&(0,St.jsx)("div",{className:a("k-orgchart-node-container","k-justify-content-around",{[`k-${j.orientationMap[r]||r}`]:r}),role:"presentation",children:o}),e]})};C.states=cr;C.options=mr;C.className=ze;C.defaultOptions=Fe;var z=require("react/jsx-runtime"),ur="k-orgchart-node-group",pr=[u.focus],Ue={orientation:"horizontal",buttonIcon:"plus"},rt=t=>{let{title:e,subtitle:o,lineBottom:r,lineTop:i,button:c,buttonIcon:m=Ue.buttonIcon,focus:d,orientation:x=Ue.orientation,...A}=t;return(0,z.jsxs)("div",{...A,className:a(t.className,ur,"k-vstack","k-align-items-center"),role:"group",children:[i&&(0,z.jsx)("div",{className:"k-orgchart-line k-orgchart-line-v"}),(0,z.jsxs)("div",{className:a("k-orgchart-node-group-container","k-vstack",E("k-orgchart-node-group-container",{focus:d})),children:[e&&(0,z.jsx)("div",{className:"k-orgchart-node-group-title",children:e}),o&&(0,z.jsx)("div",{className:"k-orgchart-node-group-subtitle",children:o}),(0,z.jsx)("div",{className:a("k-orgchart-node-container",{[`k-${j.orientationMap[x]||x}`]:x}),role:"presentation",children:t.children})]}),r&&(0,z.jsx)("div",{className:"k-orgchart-line k-orgchart-line-v"}),c&&(0,z.jsx)(s,{className:"k-orgchart-button",icon:m,role:"presentation","aria-hidden":"true",tabIndex:-1})]})};rt.states=pr;var F=require("react/jsx-runtime"),$e=({details:t,justifyContent:e,...o})=>(0,F.jsx)(h,{children:(0,F.jsx)(C,{level:1,orientation:"vertical",justifyContent:e,nodes:(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",lineBottom:!0,ariaLevel:1,menuButton:!0}),(0,F.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",lineBottom:!0,ariaLevel:1,menuButton:!0}),(0,F.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0})]})}),...o});var Ve=require("react/jsx-runtime");var H=require("react/jsx-runtime"),We=({details:t,orientation:e,justifyContent:o,...r})=>(0,H.jsx)(h,{children:(0,H.jsxs)(C,{level:1,orientation:e,justifyContent:o,children:[(0,H.jsxs)(rt,{title:"Group Title",subtitle:"Group SubTitle",orientation:"vertical",children:[(0,H.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0})]}),(0,H.jsxs)(rt,{title:"Group Title",subtitle:"Group SubTitle",orientation:"vertical",children:[(0,H.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0})]})]}),...r});var Yt=require("react/jsx-runtime");var N=require("react/jsx-runtime"),fr=h.options,hr=h.states,br={...h.defaultOptions,variant:"node"},vr=[{name:"node",title:"Nodes"},{name:"group",title:"Group Field"}],gr=[],pt=t=>{let{variant:e,...o}=t,r={title:"Name",subtitle:"Position",avatar:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",avatarType:"image",details:!0,color:"#126CA0"};return e==="group"?(0,N.jsx)(We,{width:"100%",height:"360px",...o,children:(0,N.jsx)(C,{orientation:"vertical",justifyContent:"center",children:(0,N.jsxs)(rt,{title:"Chief Officers",subtitle:"department",orientation:"vertical",lineBottom:!0,button:!0,children:[(0,N.jsx)(f,{...r}),(0,N.jsx)(f,{...r})]})})}):(0,N.jsx)($e,{width:"100%",height:"330px",...o,children:(0,N.jsx)(C,{orientation:"vertical",justifyContent:"center",nodes:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(f,{...r,lineBottom:!0}),(0,N.jsx)(f,{...r,lineBottom:!0}),(0,N.jsx)(f,{...r,lineBottom:!0,button:!0})]})})})};pt.options=fr;pt.states=hr;pt.variants=vr;pt.defaultOptions=br;pt.modifiers=gr;pt.className=h.className;var U=require("react/jsx-runtime"),Cr=({details:t,justifyContent:e,...o})=>(0,U.jsx)(h,{children:(0,U.jsx)(C,{level:1,justifyContent:e,nodes:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",lineBottom:!0,button:!0,ariaLevel:1,menuButton:!0}),(0,U.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",lineBottom:!0,button:!0,ariaLevel:1,menuButton:!0}),(0,U.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",lineBottom:!0,button:!0,ariaLevel:1,menuButton:!0})]})}),...o});