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

A collection of HTML helpers used for developing Kendo UI themes

var Co=Object.create;var _e=Object.defineProperty;var bo=Object.getOwnPropertyDescriptor;var Eo=Object.getOwnPropertyNames;var ho=Object.getPrototypeOf,vo=Object.prototype.hasOwnProperty;var xo=(e,t)=>{for(var o in t)_e(e,o,{get:t[o],enumerable:!0})},mt=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Eo(t))!vo.call(e,n)&&n!==o&&_e(e,n,{get:()=>t[n],enumerable:!(r=bo(t,n))||r.enumerable});return e};var Mo=(e,t,o)=>(o=e!=null?Co(ho(e)):{},mt(t||!e||!e.__esModule?_e(o,"default",{value:e,enumerable:!0}):o,e)),ko=e=>mt(_e({},"__esModule",{value:!0}),e);var za={};xo(za,{TimelineNormal:()=>Fa});module.exports=ko(za);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var oe=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),K=(e,t)=>{let{valid:o,invalid:r,hover:n,focus:p,checked:m,active:s,selected:O,disabled:A,indeterminate:g,loading:ee,empty:z,readonly:De,highlighted:Ue,...ce}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":n,"k-focus":p,"k-checked":m,"k-active":s,"k-selected":O,"k-disabled":A,"k-indeterminate":g&&!m,"k-loading":ee,"k-empty":z,"k-readonly":De,"k-highlighted":Ue},Object.keys(ce).reduce((D,te)=>(te.startsWith("k-")?D[te]=ce[te]:D[`k-${te}`]=ce[te],D),{}))};function ct(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},ae={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},re={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},W={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},i={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"},pt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ve={};function _(e){return Ve[e]=(Ve[e]||0)+1,`k-${e}-${Ve[e]}`}var f="timeline",T=f;var ke=require("react/jsx-runtime"),Me="k-timeline",Lo=[],Ao={},ut={orientation:"vertical"},b=e=>{let{orientation:t=ut.orientation,collapsibleEvents:o,alternatingMode:r,...n}=e;return(0,ke.jsx)("div",{...n,className:a(e.className,Me,{[`${Me}-${t}`]:t,[`${Me}-alternating`]:r,[`${Me}-collapsible`]:o}),children:(0,ke.jsx)(ke.Fragment,{children:e.children})})};b.states=Lo;b.options=Ao;b.className=Me;b.defaultOptions=ut;b.moduleName=f;b.folderName=T;b.ariaSpec={rules:[{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-scrollable-wrap",attribute:"role=tablist",usage:"Indicates the tablist role for the scrollable wrap element."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap)",attribute:"role=tab",usage:"Individual tab element on the track."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap).k-focus",attribute:"aria-selected=true",usage:"Announces the selected state of the focused tab."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"role=none",usage:"The flag-wrap items have semantics removed."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"aria-hidden=true",usage:"Flag-wrap items are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"role=tabpanel",usage:"The card serves as the tab panel content."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"aria-label",usage:"Refers to the tab element that controls the panel."},{selector:".k-timeline-arrow",attribute:"aria-hidden=true",usage:"Arrow buttons are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"role=button",usage:"Items in the vertical timeline are buttons."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-describedby",usage:"Vertical timeline cards are described by their date elements."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-live=polite",usage:"Vertical timeline cards are live regions."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"tabindex=0",usage:"Vertical timeline cards are focusable."},{selector:".k-timeline.k-timeline-collapsible .k-collapsed .k-card",attribute:"aria-expanded=false",usage:"Collapsed cards announce their collapsed state."},{selector:".k-timeline.k-timeline-collapsible .k-timeline-card:not(.k-collapsed) .k-card",attribute:"aria-expanded=true",usage:"Expanded cards announce their expanded state."}]};var ft=require("react/jsx-runtime"),go="k-card-callout",Re=e=>{let{callout:t,...o}=e;return(0,ft.jsx)("span",{...o,className:a(e.className,go,{[`k-callout-${pt.calloutMap[t]||t}`]:t})})};var y="card",R=y;var ne=require("react/jsx-runtime"),$e="k-card",yo=[u.hover,u.focus,u.selected,u.disabled],Io={},So={},E=e=>{let{orientation:t,callout:o,hover:r,focus:n,selected:p,disabled:m,...s}=e;return(0,ne.jsxs)("div",{...s,className:a(e.className,$e,K($e,{hover:r,focus:n,disabled:m,selected:p}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,ne.jsx)(Re,{callout:o}),(0,ne.jsx)(ne.Fragment,{children:e.children})]})};E.states=yo;E.options=Io;E.className=$e;E.defaultOptions=So;E.moduleName=y;E.folderName=R;E.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 Le=require("react/jsx-runtime"),Ge="k-card-list",Oo=[],Do={},Ko={},Y=e=>{let{...t}=e;return(0,Le.jsx)("div",{...t,className:a(e.className,Ge,K(Ge,{})),role:"list",children:(0,Le.jsx)(Le.Fragment,{children:e.children})})};Y.states=Oo;Y.options=Do;Y.className=Ge;Y.defaultOptions=Ko;Y.moduleName=y;Y.folderName=R;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 Nt=require("react/jsx-runtime"),Tt="k-card-group",_o=[],Ro={},Ho={},pe=e=>{let{...t}=e;return(0,Nt.jsx)("div",{...t,className:a(e.className,Tt),children:e.children})};pe.states=_o;pe.options=Ro;pe.className=Tt;pe.defaultOptions=Ho;pe.moduleName=y;pe.folderName=R;var Ct=require("react/jsx-runtime"),Je="k-card-wrap",Bo=[u.focus,u.selected],wo={},Po={},ue=e=>{let{focus:t,selected:o,...r}=e;return(0,Ct.jsx)("div",{...r,className:a(e.className,Je,K(Je,{focus:t,selected:o})),children:e.children})};ue.states=Bo;ue.options=wo;ue.className=Je;ue.defaultOptions=Po;ue.moduleName=y;ue.folderName=R;var bt=require("react/jsx-runtime"),qe="k-card-title",Fo=[u.hover,u.focus],ie=e=>{let{hover:t,focus:o,...r}=e;return(0,bt.jsx)("div",{...r,className:a(e.className,qe,K(qe,{hover:t,focus:o})),children:e.children})};ie.states=Fo;ie.className=qe;var Et=require("react/jsx-runtime"),zo="k-card-subtitle",Z=e=>{let{...t}=e;return(0,Et.jsx)("div",{...t,className:a(e.className,zo),children:e.children})};var Q=require("react/jsx-runtime"),ht="k-card-media",Xe=e=>{let{src:t,...o}=e;return(0,Q.jsx)(Q.Fragment,{children:t?(0,Q.jsx)("img",{...o,className:a(e.className,ht),src:t}):(0,Q.jsx)("span",{...o,className:a(e.className,ht),children:(0,Q.jsx)(Q.Fragment,{children:e.children})})})};var Ae=require("react/jsx-runtime"),Ye="k-font-icon",Wo=[],Uo={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info]},Vo={},ge=e=>{let{size:t,themeColor:o,icon:r,rotate:n,flip:p,...m}=e;return r?(0,Ae.jsx)("span",{...m,className:a(e.className,Ye,oe(Ye,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):(0,Ae.jsx)(Ae.Fragment,{})};ge.states=Wo;ge.options=Uo;ge.className=Ye;ge.defaultOptions=Vo;var vt=ge;var le=require("react/jsx-runtime"),Ze="k-svg-icon",$o=[],Go={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[W.outline,W.solid,W.duotone]},Qe={viewBox:"0 0 24 24",variant:W.outline},ye=e=>{var ee,z;let{size:t,themeColor:o,rotate:r,flip:n,viewBox:p=Qe.viewBox,variant:m=Qe.variant,icon:s,...O}=e;if(!s)return(0,le.jsx)(le.Fragment,{});if(s==="none")return(0,le.jsx)("span",{...O,className:a(e.className,Ze,oe("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let A=typeof s=="object"&&s.name&&s.name,g=typeof s=="object"?m&&((ee=s.variants)==null?void 0:ee[m])||((z=s.variants)==null?void 0:z.outline)||s.content:void 0;return(0,le.jsx)("span",{...O,className:a(e.className,Ze,oe("k-icon",{size:t}),{[`k-svg-i-${A}`]:A,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,le.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:p,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:s?void 0:e.children})})};ye.states=$o;ye.options=Go;ye.className=Ze;ye.defaultOptions=Qe;var je=ye;var et=Mo(require("@progress/kendo-svg-icons"));var xt="icon",Mt="icons";var At=require("react");var kt=require("react"),Lt=(0,kt.createContext)({iconsType:"svg"});var J=require("react/jsx-runtime"),He="k-icon",Jo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),qo=[],Xo={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[W.outline,W.solid,W.duotone]},Be={viewBox:"0 0 24 24",type:"svg",variant:W.outline},H=e=>{let{iconsType:t}=(0,At.useContext)(Lt),{size:o,themeColor:r,icon:n,type:p=t||Be.type,rotate:m,flip:s,viewBox:O=Be.viewBox,variant:A=Be.variant,...g}=e;if(!n)return(0,J.jsx)(J.Fragment,{});if((t||p)==="svg"){if(n==="none")return(0,J.jsx)(je,{...g,className:a(e.className,He),icon:n,size:o,variant:A});let z=et[n]?n:Jo(`${n}-icon`);return et[z]?(0,J.jsx)(je,{...g,className:a(e.className,He),icon:et[z],size:o,themeColor:r,rotate:m,flip:s,viewBox:O,variant:A}):(0,J.jsx)(J.Fragment,{})}return(0,J.jsx)(vt,{...g,className:a(e.className,He),icon:n,size:o,themeColor:r,rotate:m,flip:s})};H.states=qo;H.options=Xo;H.defaultOptions=Be;H.className=He;H.moduleName=xt;H.folderName=Mt;H.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 tt="button",gt=tt;var I=require("react/jsx-runtime"),Ie="k-button",Yo=["icon-button"],Zo=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],Qo={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[ae.undefined,ae.none,ae.small,ae.medium,ae.large,ae.full],fillMode:[re.undefined,re.solid,re.flat,re.outline,re.clear,re.link],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.inverse]},ot={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:r,fillMode:n,themeColor:p,showArrow:m=ot.showArrow,arrowIconName:s=ot.arrowIconName,variant:O,hover:A,focus:g,active:ee,selected:z,disabled:De,togglable:Ue,ariaDisabled:ce,icon:D,iconSize:te,text:Ke,iconClassName:po,className:uo,...fo}=e,To=D!=null,No=e.children!==void 0;return(0,I.jsxs)(t,{className:a(uo,Ie,ct(Ie,O),oe(Ie,{size:o,rounded:r,fillMode:n,themeColor:p}),K(Ie,{hover:A,focus:g,active:ee,disabled:De||ce,selected:z}),{"k-icon-button":!Ke&&!No&&To}),"aria-pressed":Ue?z?"true":"false":void 0,...fo,"aria-disabled":ce?"true":void 0,disabled:De||void 0,children:[typeof D=="string"&&D&&(0,I.jsx)(H,{className:a(po,"k-button-icon"),icon:D,size:te}),D&&typeof D!="string"&&(0,I.jsx)(I.Fragment,{children:D}),Ke?(0,I.jsxs)(I.Fragment,{children:[Ke&&(0,I.jsx)("span",{className:"k-button-text",children:Ke}),e.children]}):e.children&&(0,I.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,I.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,I.jsx)(H,{icon:s})})]})};l.states=Zo;l.options=Qo;l.variants=Yo;l.className=Ie;l.defaultOptions=ot;l.moduleName=tt;l.folderName=gt;l.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 It=require("react/jsx-runtime"),yt=e=>(0,It.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ot=require("react/jsx-runtime"),St=e=>(0,Ot.jsx)(l,{icon:"folder",children:"Button",...e});var Kt=require("react/jsx-runtime"),Dt=e=>(0,Kt.jsx)(l,{children:"Button",...e});var we=require("react/jsx-runtime"),jo=l.options,ea=l.states,ta={...l.defaultOptions,variant:"text"},oa=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],aa=[],fe=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,we.jsx)(yt,{...o,icon:"star"});case"icon-and-text":return(0,we.jsx)(St,{...o,icon:"star",children:"Button"});default:return(0,we.jsx)(Dt,{...o,children:"Button"})}};fe.options=jo;fe.states=ea;fe.variants=oa;fe.defaultOptions=ta;fe.modifiers=aa;fe.className=l.className;var U=require("react/jsx-runtime"),ra="k-card-header",q=e=>{let{title:t,subtitle:o,details:r,...n}=e;return(0,U.jsxs)("div",{...n,className:a(e.className,ra),children:[t&&(0,U.jsx)(ie,{children:t}),o&&(0,U.jsx)(Z,{children:o}),(0,U.jsx)(U.Fragment,{children:e.children}),r&&(0,U.jsx)("span",{className:"k-card-header-actions",children:(0,U.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var _t=require("react/jsx-runtime"),na="k-card-footer",at=e=>{let{...t}=e;return(0,_t.jsx)("div",{...t,className:a(e.className,na),children:e.children})};var V=require("react/jsx-runtime"),ia="k-card-body",B=e=>{let{title:t,subtitle:o,details:r,...n}=e;return(0,V.jsxs)("div",{...n,className:a(e.className,ia),children:[t&&(0,V.jsx)(ie,{children:t}),o&&(0,V.jsx)(Z,{children:o}),(0,V.jsx)(V.Fragment,{children:e.children}),r&&(0,V.jsx)("span",{className:"k-card-header-actions",children:(0,V.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Ht=require("react/jsx-runtime"),Rt="k-card-deck",la=[],sa={},da={},Te=e=>{let{...t}=e;return(0,Ht.jsx)("div",{...t,className:a(e.className,Rt),children:e.children})};Te.states=la;Te.options=sa;Te.className=Rt;Te.defaultOptions=da;Te.moduleName=y;Te.folderName=R;var wt=require("react/jsx-runtime"),Bt="k-card-deck-scrollwrap",ma=[],ca={},pa={},Ne=e=>{let{...t}=e;return(0,wt.jsx)("div",{...t,className:a(e.className,Bt),children:e.children})};Ne.states=ma;Ne.options=ca;Ne.className=Bt;Ne.defaultOptions=pa;Ne.moduleName=y;Ne.folderName=R;var rt="action-buttons",Pt=rt;var Ft=require("react/jsx-runtime"),Pe="k-actions",ua=[],fa={},nt={alignment:"start",orientation:"horizontal"},M=e=>{let{alignment:t=nt.alignment,orientation:o=nt.orientation,...r}=e;return(0,Ft.jsx)("div",{...r,className:a(Pe,{[`${Pe}-${t}`]:t,[`${Pe}-${o}`]:o},e.className),children:e.children})};M.states=ua;M.options=fa;M.className=Pe;M.defaultOptions=nt;M.moduleName=rt;M.folderName=Pt;var w=require("react/jsx-runtime"),zt=e=>(0,w.jsx)(E,{orientation:"vertical",children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(q,{children:"Card Header"}),(0,w.jsx)(B,{children:(0,w.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,w.jsxs)(M,{className:"k-card-actions",children:[(0,w.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,w.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var P=require("react/jsx-runtime"),Wt=e=>(0,P.jsx)(E,{orientation:"horizontal",children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(B,{title:"Card Title",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."})}),(0,P.jsxs)(M,{orientation:"vertical",className:"k-card-actions",children:[(0,P.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,P.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var Ut=require("react/jsx-runtime");var N=require("react/jsx-runtime"),Ta=E.options,Na=E.states,Vt={...E.defaultOptions,variant:"vertical"},Ca=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ba=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Ce=e=>{let{variant:t,modifiers:o,...r}={...Vt,...e},n=!1,p=!1,m=!1;return Object.keys(o||{}).forEach(s=>{switch(s){case"media":{n=!!(o!=null&&o[s]);break}case"header":{p=!!(o!=null&&o[s]);break}case"footer":{m=!!(o!=null&&o[s]);break}}}),t==="horizontal"?(0,N.jsxs)(Wt,{style:{maxWidth:"420px"},...r,children:[n&&(0,N.jsx)(Xe,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,N.jsxs)("div",{children:[p&&(0,N.jsx)(q,{title:"Header Title",subtitle:"Header Subtitle"}),(0,N.jsx)(B,{title:"Title",subtitle:"Subtitle",children:(0,N.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,N.jsx)(at,{children:"Card Footer"})]}),(p||m)&&(0,N.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,N.jsxs)(M,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,N.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,N.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,N.jsxs)(zt,{style:{maxHeight:"450px",width:"300px"},...r,children:[p&&(0,N.jsx)(q,{title:"Header Title",subtitle:"Header Subtitle"}),n&&(0,N.jsx)(Xe,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,N.jsx)(B,{title:"Title",subtitle:"Subtitle",children:(0,N.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,N.jsx)(at,{children:"Card Footer"}),(0,N.jsxs)(M,{className:"k-card-actions",children:[(0,N.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,N.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Ce.options=Ta;Ce.states=Na;Ce.variants=Ca;Ce.defaultOptions=Vt;Ce.modifiers=ba;Ce.className=E.className;var k=require("react/jsx-runtime"),$t="k-timeline-event",Ea=[],ha={},be={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},h=e=>{let{date:t,content:o=be.content,collapsed:r=be.collapsed,reverse:n=be.reverse,title:p=be.title,subtitle:m=be.subtitle,showCollapseButton:s,id:O=_("timeline-event"),...A}=e,g=`${O}-date`;return(0,k.jsxs)("li",{...A,className:a(e.className,$t,{"k-reverse":n}),children:[t&&(0,k.jsx)("div",{className:"k-timeline-date-wrap",children:(0,k.jsx)("span",{className:"k-timeline-date",id:g,children:t})}),(0,k.jsx)(S,{}),o&&(0,k.jsx)("div",{className:a("k-timeline-card",{"k-collapsed":r}),children:(0,k.jsx)(Ee,{...n?{callout:"right"}:{callout:"left"},ariaRole:"button",ariaDescribedBy:t?g:void 0,ariaLive:"polite",cardTabIndex:0,ariaExpanded:s?!r:void 0,children:(0,k.jsxs)("div",{className:"k-card-inner",children:[(0,k.jsxs)(q,{children:[(0,k.jsx)(se,{collapsible:s,children:p}),(0,k.jsx)(Z,{children:m})]}),(0,k.jsx)(B,{children:(0,k.jsx)("div",{className:"k-card-description",children:o})})]})})}),e.children]})};h.states=Ea;h.options=ha;h.className=$t;h.defaultOptions=be;h.moduleName=f;h.folderName=T;var F=require("react/jsx-runtime"),Gt="k-timeline-event",va=[],xa={},Fe={title:"Event title",subtitle:"Event subtitle",content:"Event content"},$=e=>{let{content:t=Fe.content,title:o=Fe.title,subtitle:r=Fe.subtitle,ariaLabel:n,panelTabIndex:p,...m}=e;return(0,F.jsxs)("li",{...m,className:a(e.className,Gt),children:[t&&(0,F.jsx)("div",{className:a("k-timeline-card"),children:(0,F.jsx)(Ee,{orientation:"vertical",callout:"top",ariaRole:"tabpanel",ariaLabel:n,cardTabIndex:p,children:(0,F.jsxs)("div",{className:"k-card-inner",children:[(0,F.jsxs)(q,{children:[(0,F.jsx)(se,{children:o}),(0,F.jsx)(Z,{children:r})]}),(0,F.jsx)(B,{children:(0,F.jsx)("div",{className:"k-card-description",children:t})})]})})}),e.children]})};$.states=va;$.options=xa;$.className=Gt;$.defaultOptions=Fe;$.moduleName=f;$.folderName=T;var it=require("react/jsx-runtime"),Jt="k-timeline-events-list",de=e=>{let{...t}=e;return(0,it.jsx)("div",{...t,className:a(e.className,Jt),children:(0,it.jsx)("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};de.className=Jt;de.moduleName=f;de.folderName=T;var ze=require("react/jsx-runtime"),qt="k-timeline-flag-wrap",Ma=[u.focus,u.selected],ka={},Xt={year:"2020"},v=e=>{let{year:t=Xt.year,...o}=e;return(0,ze.jsxs)("li",{...o,className:a(e.className,qt),children:[(0,ze.jsx)("span",{className:"k-timeline-flag",children:t}),e.children]})};v.states=Ma;v.options=ka;v.className=qt;v.defaultOptions=Xt;v.moduleName=f;v.folderName=T;var Zt=require("react/jsx-runtime"),Yt="k-timeline-circle",S=e=>{let{...t}=e;return(0,Zt.jsx)("span",{...t,className:a(e.className,Yt)})};S.className=Yt;S.moduleName=f;S.folderName=T;var jt=require("react/jsx-runtime"),Qt="k-timeline-flag",X=e=>{let{content:t,...o}=e;return(0,jt.jsx)("span",{...o,className:a(e.className,Qt),children:t})};X.className=Qt;X.moduleName=f;X.folderName=T;var We=require("react/jsx-runtime"),La=[],Aa={},Ee=e=>{let{callout:t,children:o,ariaRole:r,ariaDescribedBy:n,ariaLive:p,ariaExpanded:m,ariaLabel:s,cardTabIndex:O,...A}=e;return(0,We.jsxs)(E,{className:a(e.className),orientation:"vertical",callout:"true",role:r,"aria-describedby":n,"aria-live":p,"aria-expanded":m!==void 0?m?"true":"false":void 0,"aria-label":s,tabIndex:O,...A,children:[t&&(0,We.jsx)(Se,{callout:t}),o]})};Ee.states=La;Ee.defaultOptions=Aa;var he=require("react/jsx-runtime"),eo="k-card-title",ga=[],ya={},se=e=>{let{collapsible:t,children:o,...r}=e;return(0,he.jsxs)("div",{className:a(e.className,eo),...r,children:[(0,he.jsx)("span",{className:"k-event-title",children:o}),t&&(0,he.jsx)("span",{className:"k-event-collapse k-button k-button-flat k-button-xs k-icon-button",children:(0,he.jsx)(H,{icon:"chevron-right",className:"k-button-icon"})})]})};se.states=ga;se.className=eo;se.defaultOptions=ya;var oo=require("react/jsx-runtime"),to="k-timeline-card-callout",Ia=[],Sa={},Se=e=>{let{...t}=e;return(0,oo.jsx)(Re,{className:a(e.className,to),...t})};Se.states=Ia;Se.className=to;Se.defaultOptions=Sa;var lt=require("react/jsx-runtime"),ao="k-timeline-date-wrap",Oa=[],Da={},ro={date:"May 25, 2008"},L=e=>{let{date:t=ro.date,...o}=e;return(0,lt.jsx)("div",{...o,className:a(e.className,ao),children:(0,lt.jsx)("span",{className:"k-timeline-date",children:t})})};L.states=Oa;L.options=Da;L.className=ao;L.defaultOptions=ro;L.moduleName=f;L.folderName=T;var ve=require("react/jsx-runtime"),no="k-timeline-track-wrap",me=e=>{let{...t}=e;return(0,ve.jsxs)("div",{...t,className:a(e.className,no),children:[(0,ve.jsx)(l,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"chevron-left",disabled:!0,"aria-hidden":"true",tabIndex:-1}),(0,ve.jsx)(l,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"chevron-right","aria-hidden":"true",tabIndex:-1}),(0,ve.jsx)(Oe,{children:e.children})]})};me.className=no;me.moduleName=f;me.folderName=T;var st=require("react/jsx-runtime"),io="k-timeline-track",Oe=e=>{let{...t}=e;return(0,st.jsx)("div",{...t,className:a(e.className,io),children:(0,st.jsx)("ul",{className:"k-timeline-scrollable-wrap",role:"tablist",children:e.children})})};Oe.className=io;Oe.moduleName=f;Oe.folderName=T;var lo=require("react/jsx-runtime"),dt="k-timeline-track-item",Ka=[u.focus],x=e=>{var s;let{content:t,focus:o,ariaSelected:r,ariaDescribedBy:n,...p}=e,m=(s=p.className)==null?void 0:s.includes("k-timeline-flag-wrap");return(0,lo.jsxs)("li",{...p,className:a(e.className,dt,K(dt,{focus:o})),role:m?"none":"tab","aria-hidden":m?"true":void 0,"aria-selected":!m&&r?"true":void 0,"aria-describedby":m?void 0:n,children:[t,e.children]})};x.states=Ka;x.className=dt;x.moduleName=f;x.folderName=T;var so=require("react/jsx-runtime");var G=require("react/jsx-runtime"),mo=e=>{let t=_("tl-ev"),o=_("tl-ev"),r=_("tl-ev"),n=_("tl-ev");return(0,G.jsx)(b,{alternatingMode:!0,children:(0,G.jsxs)("ul",{children:[(0,G.jsx)(v,{year:"2010"}),(0,G.jsx)(h,{id:t,date:"Apr 11, 2010",reverse:!0}),(0,G.jsx)(h,{id:o,date:"May 11, 2010"}),(0,G.jsx)(v,{year:"2011"}),(0,G.jsx)(h,{id:r,date:"Oct 11, 2011",reverse:!0}),(0,G.jsx)(h,{id:n,date:"Dec 11, 2011"})]}),...e})};var C=require("react/jsx-runtime"),co=e=>(0,C.jsx)(b,{orientation:"horizontal",children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(me,{children:[(0,C.jsx)(x,{className:"k-timeline-flag-wrap",children:(0,C.jsx)(X,{content:"2015"})}),(0,C.jsxs)(x,{children:[(0,C.jsx)(L,{date:"Jan 14, 2015"}),(0,C.jsx)(S,{})]}),(0,C.jsxs)(x,{focus:!0,ariaSelected:!0,ariaDescribedBy:"panel-1",children:[(0,C.jsx)(L,{date:"Jun 1, 2015"}),(0,C.jsx)(S,{})]}),(0,C.jsxs)(x,{children:[(0,C.jsx)(L,{date:"Sep 29, 2015"}),(0,C.jsx)(S,{})]}),(0,C.jsx)(x,{className:"k-timeline-flag-wrap",children:(0,C.jsx)(X,{content:"2016"})})]}),(0,C.jsx)(de,{children:(0,C.jsx)($,{ariaLabel:"Jun 1, 2015",panelTabIndex:0})})]}),...e});var c=require("react/jsx-runtime"),_a=b.options,Ra=b.states,Ha={...b.defaultOptions,variant:"vertical"},Ba=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],wa=[],Pa=`
    .k-timeline-events-list .k-timeline-scrollable-wrap {
        height: 115px !important;
    }
`,xe=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("style",{children:Pa}),(0,c.jsxs)(co,{...o,children:[(0,c.jsxs)(me,{children:[(0,c.jsx)(x,{className:"k-timeline-flag-wrap",children:(0,c.jsx)(X,{content:"Timeline Flag"})}),(0,c.jsxs)(x,{children:[(0,c.jsx)(L,{date:"Date"}),(0,c.jsx)(S,{})]}),(0,c.jsxs)(x,{className:"k-focus",children:[(0,c.jsx)(L,{date:"Current Date"}),(0,c.jsx)(S,{})]}),(0,c.jsxs)(x,{children:[(0,c.jsx)(L,{date:"Date"}),(0,c.jsx)(S,{})]}),(0,c.jsx)(x,{className:"k-timeline-flag-wrap",children:(0,c.jsx)(X,{content:"Timeline Flag"})})]}),(0,c.jsx)(de,{children:(0,c.jsx)($,{})})]})]}):(0,c.jsx)(mo,{...o,children:(0,c.jsxs)("ul",{children:[(0,c.jsx)(v,{year:"Timeline Flag"}),(0,c.jsx)(h,{title:"Header",subtitle:"Subheader",showCollapseButton:!0,date:"Timeline Date",reverse:!0}),(0,c.jsx)(v,{year:"Timeline Flag"}),(0,c.jsx)(h,{title:"Header",subtitle:"Subheader",showCollapseButton:!0,date:"Timeline Date"})]})})};xe.options=_a;xe.states=Ra;xe.variants=Ba;xe.defaultOptions=Ha;xe.modifiers=wa;xe.className=b.className;var j=require("react/jsx-runtime"),Fa=e=>{let t=_("tl-ev"),o=_("tl-ev");return(0,j.jsx)(b,{children:(0,j.jsxs)("ul",{children:[(0,j.jsx)(v,{year:"2010"}),(0,j.jsx)(h,{id:t,date:"May 11, 2010"}),(0,j.jsx)(v,{year:"2011"}),(0,j.jsx)(h,{id:o,date:"Oct 11, 2011"})]}),...e})};