@progress/kendo-themes-html/dist/esm/timeline/timeline-card-callout.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((a,n)=>e[n]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var h=(t,e)=>r({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),N=(t,e)=>{let{valid:a,invalid:n,hover:d,focus:c,checked:l,active:C,selected:u,disabled:v,indeterminate:q,loading:J,empty:X,readonly:_,highlighted:E,...K}=e;return r({"k-valid":a,"k-invalid":n,"k-hover":d,"k-focus":c,"k-checked":l,"k-active":C,"k-selected":u,"k-disabled":v,"k-indeterminate":q&&!l,"k-loading":J,"k-empty":X,"k-readonly":_,"k-highlighted":E},Object.keys(K).reduce((R,L)=>(L.startsWith("k-")?R[L]=K[L]:R[`k-${L}`]=K[L],R),{}))};function le(t,e){if(!e)return{};let a=Array.isArray(e)?e:[e];return Object.fromEntries(a.map(n=>[`k-${n}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},O={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},i={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"},ie={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as Oe}from"react/jsx-runtime";var Ee="k-card-callout",P=t=>{let{callout:e,...a}=t;return Oe("span",{...a,className:r(t.className,Ee,{[`k-callout-${ie.calloutMap[e]||e}`]:e})})};var p="card",f=p;import{Fragment as ke,jsx as de,jsxs as De}from"react/jsx-runtime";var U="k-card",Se=[i.hover,i.focus,i.selected,i.disabled],ge={themeColor:[o.primary,o.success,o.warning,o.error,o.info]},ye={},A=t=>{let{orientation:e,themeColor:a,callout:n,hover:d,focus:c,selected:l,disabled:C,...u}=t;return De("div",{...u,className:r(t.className,U,h(U,{themeColor:a}),N(U,{hover:d,focus:c,disabled:C,selected:l}),{[`k-card-${e}`]:e,"k-card-with-callout":n}),children:[n&&n!=="true"&&de(P,{callout:n}),de(ke,{children:t.children})]})};A.states=Se;A.options=ge;A.className=U;A.defaultOptions=ye;A.moduleName=p;A.folderName=f;import{Fragment as Be,jsx as ce}from"react/jsx-runtime";var Y="k-card-list",_e=[],Ke={},Re={},S=t=>{let{...e}=t;return ce("div",{...e,className:r(t.className,Y,N(Y,{})),children:ce(Be,{children:t.children})})};S.states=_e;S.options=Ke;S.className=Y;S.defaultOptions=Re;S.moduleName=p;S.folderName=f;import{jsx as ze}from"react/jsx-runtime";var me="k-card-group",He=[],Ie={},we={},g=t=>{let{...e}=t;return ze("div",{...e,className:r(t.className,me),children:t.children})};g.states=He;g.options=Ie;g.className=me;g.defaultOptions=we;g.moduleName=p;g.folderName=f;import{jsx as Fe}from"react/jsx-runtime";var Q="k-card-wrap",Pe=[i.focus,i.selected],Ue={},$e={},y=t=>{let{focus:e,selected:a,...n}=t;return Fe("div",{...n,className:r(t.className,Q,N(Q,{focus:e,selected:a})),children:t.children})};y.states=Pe;y.options=Ue;y.className=Q;y.defaultOptions=$e;y.moduleName=p;y.folderName=f;import{jsx as We}from"react/jsx-runtime";var Z="k-card-title",Ge=[i.hover,i.focus],$=t=>{let{hover:e,focus:a,...n}=t;return We("div",{...n,className:r(t.className,Z,N(Z,{hover:e,focus:a})),children:t.children})};$.states=Ge;$.className=Z;import{jsx as oo}from"react/jsx-runtime";import{Fragment as lo,jsx as so}from"react/jsx-runtime";import{Fragment as Xe,jsx as pe}from"react/jsx-runtime";var j="k-font-icon",Ve=[],qe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Je={},B=t=>{let{size:e,themeColor:a,icon:n,rotate:d,flip:c,...l}=t;return n?pe("span",{...l,className:r(t.className,j,h(j,{size:e}),{[`k-i-${n}`]:n,[`k-color-${a}`]:a,[`k-rotate-${d}`]:d,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):pe(Xe,{})};B.states=Ve;B.options=qe;B.className=j;B.defaultOptions=Je;var ue=B;import{Fragment as Ze,jsx as F}from"react/jsx-runtime";var ee="k-svg-icon",Ye=[],Qe={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},fe={viewBox:"0 0 24 24"},H=t=>{let{size:e,themeColor:a,rotate:n,flip:d,viewBox:c=fe.viewBox,icon:l,...C}=t;if(!l)return F(Ze,{});l==="none"&&{...C,className:r(t.className,ee,"k-none")};let u=typeof l=="object"&&l.name&&l.name;return F("span",{...C,className:r(t.className,ee,h("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${a}`]:a,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),children:F("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:t.children})})};H.states=Ye;H.options=Qe;H.className=ee;H.defaultOptions=fe;var te=H;import*as oe from"@progress/kendo-svg-icons";var Ce="icon",Ne="icons";import{Fragment as xe,jsx as I}from"react/jsx-runtime";var G="k-icon",je=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),et=[],tt={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},re={viewBox:"0 0 24 24",type:"svg"},x=t=>{let{size:e,themeColor:a,icon:n,type:d=re.type,rotate:c,flip:l,viewBox:C=re.viewBox,...u}=t;if(!n)return I(xe,{});if(d==="svg"){if(n==="none")return I(te,{...u,className:r(t.className,G),icon:n,size:e});let v=oe[n]?n:je(`${n}-icon`);return oe[v]?I(te,{...u,className:r(t.className,G),icon:oe[v],size:e,themeColor:a,rotate:c,flip:l,viewBox:C}):I(xe,{})}return I(ue,{...u,className:r(t.className,G),icon:n,size:e,themeColor:a,rotate:c,flip:l})};x.states=et;x.options=tt;x.defaultOptions=re;x.className=G;x.moduleName=Ce;x.folderName=Ne;var ne="button",he=ne;import{Fragment as at,jsx as w,jsxs as Ae}from"react/jsx-runtime";var z="k-button",ot=["icon-button"],rt=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],nt={size:[s.small,s.medium,s.large],rounded:[O.small,O.medium,O.large,O.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},T={size:s.medium,rounded:O.medium,fillMode:b.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=t=>{let{size:e=T.size,rounded:a=T.rounded,fillMode:n=T.fillMode,themeColor:d=T.themeColor,showArrow:c=T.showArrow,arrowIconName:l=T.arrowIconName,variant:C,hover:u,focus:v,active:q,selected:J,disabled:X,icon:_,text:E,iconClassName:K,...R}=t,L=_!==void 0,ve=t.children!==void 0;return Ae("button",{...R,className:r(t.className,z,le(z,C),h(z,{size:e,rounded:a,fillMode:n,themeColor:d}),N(z,{hover:u,focus:v,active:q,disabled:X,selected:J}),{"k-icon-button":!E&&!ve&&L}),children:[_&&w(x,{className:r(K,"k-button-icon"),icon:_}),E?Ae(at,{children:[E&&w("span",{className:"k-button-text",children:E}),t.children]}):t.children&&w("span",{className:"k-button-text",children:t.children}),c&&w("span",{className:"k-menu-button-arrow k-button-arrow",children:w(x,{icon:l})})]})};m.states=rt;m.options=nt;m.variants=ot;m.className=z;m.defaultOptions=T;m.moduleName=ne;m.folderName=he;import{jsx as Bo}from"react/jsx-runtime";import{jsx as zo}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";import{Fragment as or,jsx as tr,jsxs as rr}from"react/jsx-runtime";import{jsx as lr}from"react/jsx-runtime";import{Fragment as Cr,jsx as fr,jsxs as Nr}from"react/jsx-runtime";import{jsx as ct}from"react/jsx-runtime";var Me="k-card-deck",lt=[],it={},dt={},k=t=>{let{...e}=t;return ct("div",{...e,className:r(t.className,Me),children:t.children})};k.states=lt;k.options=it;k.className=Me;k.defaultOptions=dt;k.moduleName=p;k.folderName=f;import{jsx as ft}from"react/jsx-runtime";var Le="k-card-deck-scrollwrap",mt=[],pt={},ut={},D=t=>{let{...e}=t;return ft("div",{...e,className:r(t.className,Le),children:t.children})};D.states=mt;D.options=pt;D.className=Le;D.defaultOptions=ut;D.moduleName=p;D.folderName=f;var ae="action-buttons",be=ae;import{jsx as xt}from"react/jsx-runtime";var W="k-actions",Ct=[],Nt={},se={alignment:"start",orientation:"horizontal"},M=t=>{let{alignment:e=se.alignment,orientation:a=se.orientation,...n}=t;return xt("div",{...n,className:r(W,{[`${W}-${e}`]:e,[`${W}-${a}`]:a},t.className),children:t.children})};M.states=Ct;M.options=Nt;M.className=W;M.defaultOptions=se;M.moduleName=ae;M.folderName=be;import{Fragment as Pr,jsx as wr,jsxs as zr}from"react/jsx-runtime";import{Fragment as Jr,jsx as Vr,jsxs as qr}from"react/jsx-runtime";import{jsx as Lt}from"react/jsx-runtime";var Te="k-timeline-card-callout",At=[],Mt={},V=t=>{let{...e}=t;return Lt(P,{className:r(t.className,Te),...e})};V.states=At;V.className=Te;V.defaultOptions=Mt;var Nn=V;export{Te as TIMELINECARDCALLOUT_CLASSNAME,V as TimelineCardCallout,Nn as default};