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

A collection of HTML helpers used for developing Kendo UI themes

var Ze=Object.create;var At=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)At(t,o,{get:e[o],enumerable:!0})},Zt=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of to(e))!oo.call(t,i)&&i!==o&&At(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)):{},Zt(e||!t||!t.__esModule?At(o,"default",{value:t,enumerable:!0}):o,t)),no=t=>Zt(At({},"__esModule",{value:!0}),t);var Cr={};ro(Cr,{OrgchartVertical:()=>Qt});module.exports=no(Cr);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 W=(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:N,disabled:x,indeterminate:y,loading:U,empty:L,readonly:Q,highlighted:pt,...$}=e;return a({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":m,"k-active":d,"k-selected":N,"k-disabled":x,"k-indeterminate":y&&!m,"k-loading":U,"k-empty":L,"k-readonly":Q,"k-highlighted":pt},Object.keys($).reduce((A,V)=>(V.startsWith("k-")?A[V]=$[V]:A[`k-${V}`]=$[V],A),{}))};function jt(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"},k={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"},Z={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var St="orgchart",te=St;var Et=require("react/jsx-runtime"),ee="k-orgchart",io=[],so={},Lt={width:"100%",height:"300px"},f=t=>{let{width:e=Lt.width,height:o=Lt.height,...r}=t;return(0,Et.jsx)("div",{...r,className:a(t.className,ee),children:(0,Et.jsx)("div",{className:"k-orgchart-container",style:{width:e,height:o},children:t.children})})};f.states=io;f.options=so;f.className=ee;f.defaultOptions=Lt;f.moduleName=St;f.folderName=te;f.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 re=require("react/jsx-runtime"),lo="k-card-callout",oe=t=>{let{callout:e,...o}=t;return(0,re.jsx)("span",{...o,className:a(t.className,lo,{[`k-callout-${Z.calloutMap[e]||e}`]:e})})};var M="card",B=M;var j=require("react/jsx-runtime"),Bt="k-card",co=[u.hover,u.focus,u.selected,u.disabled],mo={},uo={},h=t=>{let{orientation:e,callout:o,hover:r,focus:i,selected:c,disabled:m,...d}=t;return(0,j.jsxs)("div",{...d,className:a(t.className,Bt,E(Bt,{hover:r,focus:i,disabled:m,selected:c}),{[`k-card-${e}`]:e,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,j.jsx)(oe,{callout:o}),(0,j.jsx)(j.Fragment,{children:t.children})]})};h.states=co;h.options=mo;h.className=Bt;h.defaultOptions=uo;h.moduleName=M;h.folderName=B;h.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 ft=require("react/jsx-runtime"),Kt="k-card-list",po=[],fo={},ho={},X=t=>{let{...e}=t;return(0,ft.jsx)("div",{...e,className:a(t.className,Kt,E(Kt,{})),role:"list",children:(0,ft.jsx)(ft.Fragment,{children:t.children})})};X.states=po;X.options=fo;X.className=Kt;X.defaultOptions=ho;X.moduleName=M;X.folderName=B;X.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 ne=require("react/jsx-runtime"),ae="k-card-group",bo=[],vo={},go={},rt=t=>{let{...e}=t;return(0,ne.jsx)("div",{...e,className:a(t.className,ae),children:t.children})};rt.states=bo;rt.options=vo;rt.className=ae;rt.defaultOptions=go;rt.moduleName=M;rt.folderName=B;var ie=require("react/jsx-runtime"),Rt="k-card-wrap",Co=[u.focus,u.selected],No={},xo={},at=t=>{let{focus:e,selected:o,...r}=t;return(0,ie.jsx)("div",{...r,className:a(t.className,Rt,E(Rt,{focus:e,selected:o})),children:t.children})};at.states=Co;at.options=No;at.className=Rt;at.defaultOptions=xo;at.moduleName=M;at.folderName=B;var se=require("react/jsx-runtime"),Dt="k-card-title",Ao=[u.hover,u.focus],q=t=>{let{hover:e,focus:o,...r}=t;return(0,se.jsx)("div",{...r,className:a(t.className,Dt,E(Dt,{hover:e,focus:o})),children:t.children})};q.states=Ao;q.className=Dt;var le=require("react/jsx-runtime"),ko="k-card-subtitle",nt=t=>{let{...e}=t;return(0,le.jsx)("div",{...e,className:a(t.className,ko),children:t.children})};var Y=require("react/jsx-runtime"),de="k-card-media",_t=t=>{let{src:e,...o}=t;return(0,Y.jsx)(Y.Fragment,{children:e?(0,Y.jsx)("img",{...o,className:a(t.className,de),src:e}):(0,Y.jsx)("span",{...o,className:a(t.className,de),children:(0,Y.jsx)(Y.Fragment,{children:t.children})})})};var ht=require("react/jsx-runtime"),Ht="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={},bt=t=>{let{size:e,themeColor:o,icon:r,rotate:i,flip:c,...m}=t;return r?(0,ht.jsx)("span",{...m,className:a(t.className,Ht,W(Ht,{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,ht.jsx)(ht.Fragment,{})};bt.states=To;bt.options=Oo;bt.className=Ht;bt.defaultOptions=yo;var ce=bt;var tt=require("react/jsx-runtime"),It="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]},wt={viewBox:"0 0 24 24",variant:I.outline},vt=t=>{var U,L;let{size:e,themeColor:o,rotate:r,flip:i,viewBox:c=wt.viewBox,variant:m=wt.variant,icon:d,...N}=t;if(!d)return(0,tt.jsx)(tt.Fragment,{});if(d==="none")return(0,tt.jsx)("span",{...N,className:a(t.className,It,W("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof d=="object"&&d.name&&d.name,y=typeof d=="object"?m&&((U=d.variants)==null?void 0:U[m])||((L=d.variants)==null?void 0:L.outline)||d.content:void 0;return(0,tt.jsx)("span",{...N,className:a(t.className,It,W("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`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,tt.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})})};vt.states=Mo;vt.options=So;vt.className=It;vt.defaultOptions=wt;var Pt=vt;var Gt=ao(require("@progress/kendo-svg-icons"));var me="icon",ue="icons";var he=require("react");var pe=require("react"),fe=(0,pe.createContext)({iconsType:"svg"});var J=require("react/jsx-runtime"),kt="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]},Tt={viewBox:"0 0 24 24",type:"svg",variant:I.outline},K=t=>{let{iconsType:e}=(0,he.useContext)(fe),{size:o,themeColor:r,icon:i,type:c=e||Tt.type,rotate:m,flip:d,viewBox:N=Tt.viewBox,variant:x=Tt.variant,...y}=t;if(!i)return(0,J.jsx)(J.Fragment,{});if((e||c)==="svg"){if(i==="none")return(0,J.jsx)(Pt,{...y,className:a(t.className,kt),icon:i,size:o,variant:x});let L=Gt[i]?i:Lo(`${i}-icon`);return Gt[L]?(0,J.jsx)(Pt,{...y,className:a(t.className,kt),icon:Gt[L],size:o,themeColor:r,rotate:m,flip:d,viewBox:N,variant:x}):(0,J.jsx)(J.Fragment,{})}return(0,J.jsx)(ce,{...y,className:a(t.className,kt),icon:i,size:o,themeColor:r,rotate:m,flip:d})};K.states=Eo;K.options=Bo;K.defaultOptions=Tt;K.className=kt;K.moduleName=me;K.folderName=ue;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 zt="button",be=zt;var S=require("react/jsx-runtime"),gt="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:[k.undefined,k.none,k.small,k.medium,k.large,k.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]},Ft={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:o,rounded:r,fillMode:i,themeColor:c,showArrow:m=Ft.showArrow,arrowIconName:d=Ft.arrowIconName,variant:N,hover:x,focus:y,active:U,selected:L,disabled:Q,togglable:pt,ariaDisabled:$,icon:A,iconSize:V,text:xt,iconClassName:qe,className:Je,...Xe}=t,Ye=A!=null,Qe=t.children!==void 0;return(0,S.jsxs)(e,{className:a(Je,gt,jt(gt,N),W(gt,{size:o,rounded:r,fillMode:i,themeColor:c}),E(gt,{hover:x,focus:y,active:U,disabled:Q||$,selected:L}),{"k-icon-button":!xt&&!Qe&&Ye}),"aria-pressed":pt?L?"true":"false":void 0,...Xe,"aria-disabled":$?"true":void 0,disabled:Q||void 0,children:[typeof A=="string"&&A&&(0,S.jsx)(K,{className:a(qe,"k-button-icon"),icon:A,size:V}),A&&typeof A!="string"&&(0,S.jsx)(S.Fragment,{children:A}),xt?(0,S.jsxs)(S.Fragment,{children:[xt&&(0,S.jsx)("span",{className:"k-button-text",children:xt}),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=gt;s.defaultOptions=Ft;s.moduleName=zt;s.folderName=be;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 ge=require("react/jsx-runtime"),ve=t=>(0,ge.jsx)(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var Ne=require("react/jsx-runtime"),Ce=t=>(0,Ne.jsx)(s,{icon:"folder",children:"Button",...t});var Ae=require("react/jsx-runtime"),xe=t=>(0,Ae.jsx)(s,{children:"Button",...t});var Ot=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=[],it=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,Ot.jsx)(ve,{...o,icon:"star"});case"icon-and-text":return(0,Ot.jsx)(Ce,{...o,icon:"star",children:"Button"});default:return(0,Ot.jsx)(xe,{...o,children:"Button"})}};it.options=_o;it.states=Ho;it.variants=wo;it.defaultOptions=Io;it.modifiers=Po;it.className=s.className;var w=require("react/jsx-runtime"),Go="k-card-header",Ct=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)(q,{children:e}),o&&(0,w.jsx)(nt,{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 ke=require("react/jsx-runtime"),zo="k-card-footer",Ut=t=>{let{...e}=t;return(0,ke.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)(q,{children:e}),o&&(0,P.jsx)(nt,{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 Oe=require("react/jsx-runtime"),Te="k-card-deck",Uo=[],$o={},Vo={},st=t=>{let{...e}=t;return(0,Oe.jsx)("div",{...e,className:a(t.className,Te),children:t.children})};st.states=Uo;st.options=$o;st.className=Te;st.defaultOptions=Vo;st.moduleName=M;st.folderName=B;var Me=require("react/jsx-runtime"),ye="k-card-deck-scrollwrap",Wo=[],qo={},Jo={},lt=t=>{let{...e}=t;return(0,Me.jsx)("div",{...e,className:a(t.className,ye),children:t.children})};lt.states=Wo;lt.options=qo;lt.className=ye;lt.defaultOptions=Jo;lt.moduleName=M;lt.folderName=B;var $t="action-buttons",Se=$t;var Le=require("react/jsx-runtime"),yt="k-actions",Xo=[],Yo={},Vt={alignment:"start",orientation:"horizontal"},T=t=>{let{alignment:e=Vt.alignment,orientation:o=Vt.orientation,...r}=t;return(0,Le.jsx)("div",{...r,className:a(yt,{[`${yt}-${e}`]:e,[`${yt}-${o}`]:o},t.className),children:t.children})};T.states=Xo;T.options=Yo;T.className=yt;T.defaultOptions=Vt;T.moduleName=$t;T.folderName=Se;var R=require("react/jsx-runtime"),Ee=t=>(0,R.jsx)(h,{orientation:"vertical",children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Ct,{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)(T,{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"),Be=t=>(0,_.jsx)(h,{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)(T,{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 Ke=require("react/jsx-runtime");var p=require("react/jsx-runtime"),Qo=h.options,Zo=h.states,Re={...h.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"}],dt=t=>{let{variant:e,modifiers:o,...r}={...Re,...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)(Be,{style:{maxWidth:"420px"},...r,children:[i&&(0,p.jsx)(_t,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,p.jsxs)("div",{children:[c&&(0,p.jsx)(Ct,{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)(Ut,{children:"Card Footer"})]}),(c||m)&&(0,p.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,p.jsxs)(T,{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)(Ee,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&(0,p.jsx)(Ct,{title:"Header Title",subtitle:"Header Subtitle"}),i&&(0,p.jsx)(_t,{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)(Ut,{children:"Card Footer"}),(0,p.jsxs)(T,{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"})]})]})};dt.options=Qo;dt.states=Zo;dt.variants=jo;dt.defaultOptions=Re;dt.modifiers=tr;dt.className=h.className;var Wt="avatar",De=Wt;var Jt=require("react/jsx-runtime"),Nt="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:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[D.undefined,D.solid,D.outline],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},qt={type:"text",border:!1},g=t=>{let{size:e,rounded:o,fillMode:r,themeColor:i,type:c=qt.type,border:m=qt.border,...d}=t;return(0,Jt.jsx)("div",{...d,className:a(t.className,Nt,W(Nt,{size:e,rounded:o,fillMode:r,themeColor:i}),{[`${Nt}-bordered`]:m}),children:(0,Jt.jsx)("span",{className:`${Nt}-${c}`,children:t.children})})};g.states=er;g.options=or;g.className=Nt;g.defaultOptions=qt;g.moduleName=Wt;g.folderName=De;g.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var et=g;var He=require("react/jsx-runtime"),_e=t=>(0,He.jsx)(et,{type:"icon",...t});var we=require("react/jsx-runtime"),Ie=t=>(0,we.jsx)(et,{type:"text",...t});var Ge=require("react/jsx-runtime"),Pe=t=>(0,Ge.jsx)(et,{type:"image",...t});var rr=require("react/jsx-runtime");var ct=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=[],mt=t=>{let{variant:e,...o}=t;switch(e){case"icon":return(0,ct.jsx)(_e,{...o,children:(0,ct.jsx)(K,{icon:"star"})});case"text":return(0,ct.jsx)(Ie,{...o,children:"JO"});default:return(0,ct.jsx)(Pe,{...o,children:(0,ct.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};mt.options=ar;mt.states=nr;mt.variants=sr;mt.defaultOptions=ir;mt.modifiers=lr;mt.className=g.className;var v=require("react/jsx-runtime"),dr="k-orgchart-node",ze={buttonIcon:"plus",details:!0},b=t=>{let{title:e,subtitle:o,details:r=ze.details,color:i,lineBottom:c,lineTop:m,button:d,buttonIcon:N=ze.buttonIcon,avatar:x,avatarType:y,avatarAlt:U,ariaLevel:L,ariaExpanded:Q,ariaOwns:pt,focus:$,menuButton:A,...V}=t;return(0,v.jsxs)("div",{...V,className:a(t.className,dr,"k-vstack","k-align-items-center",{"k-focus":$}),role:"treeitem","aria-level":L,"aria-keyshortcuts":"Enter","aria-expanded":Q!==void 0?Q?"true":"false":void 0,"aria-owns":pt,"aria-selected":$?"true":"false",children:[m&&(0,v.jsx)("div",{className:"k-orgchart-line k-orgchart-line-v"}),(0,v.jsx)(h,{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:x,alt:U||""}):x}),(0,v.jsxs)("div",{className:"k-card-title-wrap k-vstack",children:[(0,v.jsx)(q,{className:"k-text-ellipsis",children:e}),(0,v.jsx)("span",{className:"k-spacer"}),(0,v.jsx)(nt,{className:"k-text-ellipsis",children:o})]}),(0,v.jsx)("span",{className:"k-spacer"}),A&&(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:N,role:"presentation","aria-hidden":"true",tabIndex:-1})]})};var Mt=require("react/jsx-runtime"),Fe="k-orgchart-group",cr=[],mr={},Ue={orientation:"horizontal"},O=t=>{let{children:e,nodes:o,orientation:r=Ue.orientation,justifyContent:i,level:c,...m}=t,d=c===1;return(0,Mt.jsxs)("div",{...m,className:a(Fe,"k-pos-absolute",{[`k-${Z.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,Mt.jsx)("div",{className:a("k-orgchart-node-container","k-justify-content-around",{[`k-${Z.orientationMap[r]||r}`]:r}),role:"presentation",children:o}),e]})};O.states=cr;O.options=mr;O.className=Fe;O.defaultOptions=Ue;var z=require("react/jsx-runtime"),ur="k-orgchart-node-group",pr=[u.focus],$e={orientation:"horizontal",buttonIcon:"plus"},ot=t=>{let{title:e,subtitle:o,lineBottom:r,lineTop:i,button:c,buttonIcon:m=$e.buttonIcon,focus:d,orientation:N=$e.orientation,...x}=t;return(0,z.jsxs)("div",{...x,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-${Z.orientationMap[N]||N}`]:N}),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})]})};ot.states=pr;var Xt=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var H=require("react/jsx-runtime"),We=({details:t,orientation:e,justifyContent:o,...r})=>(0,H.jsx)(f,{children:(0,H.jsxs)(O,{level:1,orientation:e,justifyContent:o,children:[(0,H.jsxs)(ot,{title:"Group Title",subtitle:"Group SubTitle",orientation:"vertical",children:[(0,H.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0})]}),(0,H.jsxs)(ot,{title:"Group Title",subtitle:"Group SubTitle",orientation:"vertical",children:[(0,H.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0}),(0,H.jsx)(b,{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 C=require("react/jsx-runtime"),fr=f.options,hr=f.states,br={...f.defaultOptions,variant:"node"},vr=[{name:"node",title:"Nodes"},{name:"group",title:"Group Field"}],gr=[],ut=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,C.jsx)(We,{width:"100%",height:"360px",...o,children:(0,C.jsx)(O,{orientation:"vertical",justifyContent:"center",children:(0,C.jsxs)(ot,{title:"Chief Officers",subtitle:"department",orientation:"vertical",lineBottom:!0,button:!0,children:[(0,C.jsx)(b,{...r}),(0,C.jsx)(b,{...r})]})})}):(0,C.jsx)(Qt,{width:"100%",height:"330px",...o,children:(0,C.jsx)(O,{orientation:"vertical",justifyContent:"center",nodes:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(b,{...r,lineBottom:!0}),(0,C.jsx)(b,{...r,lineBottom:!0}),(0,C.jsx)(b,{...r,lineBottom:!0,button:!0})]})})})};ut.options=fr;ut.states=hr;ut.variants=vr;ut.defaultOptions=br;ut.modifiers=gr;ut.className=f.className;var F=require("react/jsx-runtime"),Qt=({details:t,justifyContent:e,...o})=>(0,F.jsx)(f,{children:(0,F.jsx)(O,{level:1,orientation:"vertical",justifyContent:e,nodes:(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",lineBottom:!0,ariaLevel:1,menuButton:!0}),(0,F.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",lineBottom:!0,ariaLevel:1,menuButton:!0}),(0,F.jsx)(b,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#5bc0de",ariaLevel:1,menuButton:!0})]})}),...o});