@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 29.7 kB
JavaScript
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})},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&&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)):{},Zt(e||!t||!t.__esModule?kt(o,"default",{value:t,enumerable:!0}):o,t)),no=t=>Zt(kt({},"__esModule",{value:!0}),t);var Nr={};ro(Nr,{OrgchartGroupNormal:()=>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 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:x,disabled:A,indeterminate:y,loading:U,empty:L,readonly:j,highlighted:ft,...$}=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":U,"k-empty":L,"k-readonly":j,"k-highlighted":ft},Object.keys($).reduce((k,V)=>(V.startsWith("k-")?k[V]=$[V]:k[`k-${V}`]=$[V],k),{}))};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"},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"},tt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Lt="orgchart",te=Lt;var Bt=require("react/jsx-runtime"),ee="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,ee),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=ee;h.defaultOptions=Et;h.moduleName=Lt;h.folderName=te;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 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-${tt.calloutMap[e]||e}`]:e})})};var M="card",B=M;var et=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,et.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,et.jsx)(oe,{callout:o}),(0,et.jsx)(et.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={},Q=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})})};Q.states=po;Q.options=fo;Q.className=Rt;Q.defaultOptions=ho;Q.moduleName=M;Q.folderName=B;Q.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={},at=t=>{let{...e}=t;return(0,ne.jsx)("div",{...e,className:a(t.className,ae),children:t.children})};at.states=bo;at.options=vo;at.className=ae;at.defaultOptions=go;at.moduleName=M;at.folderName=B;var ie=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,ie.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 se=require("react/jsx-runtime"),_t="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,_t,E(_t,{hover:e,focus:o})),children:t.children})};q.states=Ao;q.className=_t;var le=require("react/jsx-runtime"),ko="k-card-subtitle",it=t=>{let{...e}=t;return(0,le.jsx)("div",{...e,className:a(t.className,ko),children:t.children})};var Z=require("react/jsx-runtime"),de="k-card-media",Ht=t=>{let{src:e,...o}=t;return(0,Z.jsx)(Z.Fragment,{children:e?(0,Z.jsx)("img",{...o,className:a(t.className,de),src:e}):(0,Z.jsx)("span",{...o,className:a(t.className,de),children:(0,Z.jsx)(Z.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,W(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 ce=vt;var ot=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 U,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,ot.jsx)(ot.Fragment,{});if(d==="none")return(0,ot.jsx)("span",{...x,className:a(t.className,wt,W("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let A=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,ot.jsx)("span",{...x,className:a(t.className,wt,W("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,ot.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 me="icon",ue="icons";var he=require("react");var pe=require("react"),fe=(0,pe.createContext)({iconsType:"svg"});var J=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,he.useContext)(fe),{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,J.jsx)(J.Fragment,{});if((e||c)==="svg"){if(i==="none")return(0,J.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,J.jsx)(Gt,{...y,className:a(t.className,Tt),icon:zt[L],size:o,themeColor:r,rotate:m,flip:d,viewBox:x,variant:A}):(0,J.jsx)(J.Fragment,{})}return(0,J.jsx)(ce,{...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=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 Ft="button",be=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:U,selected:L,disabled:j,togglable:ft,ariaDisabled:$,icon:k,iconSize:V,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,jt(Ct,x),W(Ct,{size:o,rounded:r,fillMode:i,themeColor:c}),E(Ct,{hover:A,focus:y,active:U,disabled:j||$,selected:L}),{"k-icon-button":!At&&!Qe&&Ye}),"aria-pressed":ft?L?"true":"false":void 0,...Xe,"aria-disabled":$?"true":void 0,disabled:j||void 0,children:[typeof k=="string"&&k&&(0,S.jsx)(K,{className:a(qe,"k-button-icon"),icon:k,size:V}),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=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 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)(ve,{...o,icon:"star"});case"icon-and-text":return(0,yt.jsx)(Ce,{...o,icon:"star",children:"Button"});default:return(0,yt.jsx)(xe,{...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)(q,{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 ke=require("react/jsx-runtime"),zo="k-card-footer",$t=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)(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 Oe=require("react/jsx-runtime"),Te="k-card-deck",Uo=[],$o={},Vo={},lt=t=>{let{...e}=t;return(0,Oe.jsx)("div",{...e,className:a(t.className,Te),children:t.children})};lt.states=Uo;lt.options=$o;lt.className=Te;lt.defaultOptions=Vo;lt.moduleName=M;lt.folderName=B;var Me=require("react/jsx-runtime"),ye="k-card-deck-scrollwrap",Wo=[],qo={},Jo={},dt=t=>{let{...e}=t;return(0,Me.jsx)("div",{...e,className:a(t.className,ye),children:t.children})};dt.states=Wo;dt.options=qo;dt.className=ye;dt.defaultOptions=Jo;dt.moduleName=M;dt.folderName=B;var Vt="action-buttons",Se=Vt;var Le=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,Le.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=Se;var R=require("react/jsx-runtime"),Ee=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"),Be=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 Ke=require("react/jsx-runtime");var p=require("react/jsx-runtime"),Qo=b.options,Zo=b.states,Re={...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}={...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)(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)(Ee,{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=Re;ct.modifiers=tr;ct.className=b.className;var qt="avatar",De=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,W(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=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 rt=g;var He=require("react/jsx-runtime"),_e=t=>(0,He.jsx)(rt,{type:"icon",...t});var we=require("react/jsx-runtime"),Ie=t=>(0,we.jsx)(rt,{type:"text",...t});var Ge=require("react/jsx-runtime"),Pe=t=>(0,Ge.jsx)(rt,{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)(_e,{...o,children:(0,mt.jsx)(K,{icon:"star"})});case"text":return(0,mt.jsx)(Ie,{...o,children:"JO"});default:return(0,mt.jsx)(Pe,{...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",ze={buttonIcon:"plus",details:!0},f=t=>{let{title:e,subtitle:o,details:r=ze.details,color:i,lineBottom:c,lineTop:m,button:d,buttonIcon:x=ze.buttonIcon,avatar:A,avatarType:y,avatarAlt:U,ariaLevel:L,ariaExpanded:j,ariaOwns:ft,focus:$,menuButton:k,...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":j!==void 0?j?"true":"false":void 0,"aria-owns":ft,"aria-selected":$?"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:U||""}):A}),(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)(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"),Fe="k-orgchart-group",cr=[],mr={},Ue={orientation:"horizontal"},C=t=>{let{children:e,nodes:o,orientation:r=Ue.orientation,justifyContent:i,level:c,...m}=t,d=c===1;return(0,St.jsxs)("div",{...m,className:a(Fe,"k-pos-absolute",{[`k-${tt.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-${tt.orientationMap[r]||r}`]:r}),role:"presentation",children:o}),e]})};C.states=cr;C.options=mr;C.className=Fe;C.defaultOptions=Ue;var z=require("react/jsx-runtime"),ur="k-orgchart-node-group",pr=[u.focus],$e={orientation:"horizontal",buttonIcon:"plus"},X=t=>{let{title:e,subtitle:o,lineBottom:r,lineTop:i,button:c,buttonIcon:m=$e.buttonIcon,focus:d,orientation:x=$e.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-${tt.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})]})};X.states=pr;var Yt=require("react/jsx-runtime");var F=require("react/jsx-runtime"),Ve=({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 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)(X,{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)(X,{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 Qt=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)(X,{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)(Ve,{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 Y=require("react/jsx-runtime"),Cr=({details:t,orientation:e,justifyContent:o,...r})=>(0,Y.jsx)(h,{children:(0,Y.jsxs)(C,{level:1,orientation:e,justifyContent:o,children:[(0,Y.jsxs)(X,{title:"Group Title",subtitle:"Group SubTitle",lineBottom:!0,button:!0,children:[(0,Y.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",ariaLevel:1,menuButton:!0}),(0,Y.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",ariaLevel:1,menuButton:!0})]}),(0,Y.jsx)(X,{title:"Group Title",subtitle:"Group SubTitle",lineBottom:!0,button:!0,children:(0,Y.jsx)(f,{title:"Card Title",subtitle:"Card, Subtitle",details:t,avatar:"DK",avatarType:"text",color:"#0275d8",ariaLevel:1,menuButton:!0})})]}),...r});