@progress/kendo-themes-html/dist/esm/calendar/calendar-header.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((a,r)=>e[r]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>l({[`${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"}),V=(t,e)=>{let{valid:a,invalid:r,hover:c,focus:i,checked:s,active:u,selected:m,disabled:f,indeterminate:C,loading:$,empty:H,readonly:T,highlighted:v,...M}=e;return l({"k-valid":a,"k-invalid":r,"k-hover":c,"k-focus":i,"k-checked":s,"k-active":u,"k-selected":m,"k-disabled":f,"k-indeterminate":C&&!s,"k-loading":$,"k-empty":H,"k-readonly":T,"k-highlighted":v},Object.keys(M).reduce((B,x)=>(x.startsWith("k-")?B[x]=M[x]:B[`k-${x}`]=M[x],B),{}))};function G(t,e){if(!e)return{};let a=Array.isArray(e)?e:[e];return Object.fromEntries(a.map(r=>[`k-${r}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={small:"small",medium:"medium",large:"large",full:"full"},h={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"},g={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"};import{Fragment as ae,jsx as q}from"react/jsx-runtime";var R="k-font-icon",ne=[],re={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},se={},w=t=>{let{size:e,themeColor:a,icon:r,rotate:c,flip:i,...s}=t;return r?q("span",{...s,className:l(t.className,R,y(R,{size:e}),{[`k-i-${r}`]:r,[`k-color-${a}`]:a,[`k-rotate-${c}`]:c,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):q(ae,{})};w.states=ne;w.options=re;w.className=R;w.defaultOptions=se;var j=w;import{Fragment as ce,jsx as E}from"react/jsx-runtime";var K="k-svg-icon",ie=[],le={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},W={viewBox:"0 0 24 24"},z=t=>{let{size:e,themeColor:a,rotate:r,flip:c,viewBox:i=W.viewBox,icon:s,...u}=t;if(!s)return E(ce,{});s==="none"&&{...u,className:l(t.className,K,"k-none")};let m=typeof s=="object"&&s.name&&s.name;return E("span",{...u,className:l(t.className,K,y("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:i,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};z.states=ie;z.options=le;z.className=K;z.defaultOptions=W;var F=z;import*as P from"@progress/kendo-svg-icons";var J="icon",Q="icons";import{Fragment as X,jsx as O}from"react/jsx-runtime";var L="k-icon",de=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),me=[],ue={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},U={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{size:e,themeColor:a,icon:r,type:c=U.type,rotate:i,flip:s,viewBox:u=U.viewBox,...m}=t;if(!r)return O(X,{});if(c==="svg"){if(r==="none")return O(F,{...m,className:l(t.className,L),icon:r,size:e});let f=P[r]?r:de(`${r}-icon`);return P[f]?O(F,{...m,className:l(t.className,L),icon:P[f],size:e,themeColor:a,rotate:i,flip:s,viewBox:u}):O(X,{})}return O(j,{...m,className:l(t.className,L),icon:r,size:e,themeColor:a,rotate:i,flip:s})};p.states=me;p.options=ue;p.defaultOptions=U;p.className=L;p.moduleName=J;p.folderName=Q;var D="button",Y=D;import{Fragment as he,jsx as A,jsxs as Z}from"react/jsx-runtime";var I="k-button",pe=["icon-button"],fe=[g.hover,g.focus,g.active,g.selected,g.disabled,g.generating],xe={size:[n.small,n.medium,n.large],rounded:[b.small,b.medium,b.large,b.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},N={size:n.medium,rounded:b.medium,fillMode:h.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=t=>{let{size:e=N.size,rounded:a=N.rounded,fillMode:r=N.fillMode,themeColor:c=N.themeColor,showArrow:i=N.showArrow,arrowIconName:s=N.arrowIconName,variant:u,hover:m,focus:f,active:C,selected:$,disabled:H,icon:T,text:v,iconClassName:M,...B}=t,x=T!==void 0,te=t.children!==void 0;return Z("button",{...B,className:l(t.className,I,G(I,u),y(I,{size:e,rounded:a,fillMode:r,themeColor:c}),V(I,{hover:m,focus:f,active:C,disabled:H,selected:$}),{"k-icon-button":!v&&!te&&x}),children:[T&&A(p,{className:l(M,"k-button-icon"),icon:T}),v?Z(he,{children:[v&&A("span",{className:"k-button-text",children:v}),t.children]}):t.children&&A("span",{className:"k-button-text",children:t.children}),i&&A("span",{className:"k-menu-button-arrow k-button-arrow",children:A(p,{icon:s})})]})};d.states=fe;d.options=xe;d.variants=pe;d.className=I;d.defaultOptions=N;d.moduleName=D;d.folderName=Y;import{jsx as Xe}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";import{jsx as S,jsxs as ee}from"react/jsx-runtime";var oe="k-calendar-header",ge={size:[n.small,n.medium,n.large]},k={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal",size:n.medium},_=t=>{let{calendarTitleText:e=k.calendarTitleText,showToday:a=k.showToday,showNavigationButtons:r=k.showNavigationButtons,orientation:c=k.orientation,size:i=k.size,calendarView:s,dir:u,...m}=t,f=u==="rtl"?"chevron-right":"chevron-left",C=u==="rtl"?"chevron-left":"chevron-right";return ee("div",{...m,className:l(t.className,oe,{"k-vstack":c==="vertical"}),children:[S(d,{disabled:s==="century",className:"k-calendar-title",text:e,size:i,fillMode:"flat",themeColor:"primary"}),S("span",{className:"k-spacer"}),ee("span",{className:"k-calendar-nav",children:[r&&S(d,{className:"k-calendar-nav-prev",icon:f,size:i,fillMode:"flat"}),a&&S(d,{size:i,fillMode:"flat",className:"k-calendar-nav-today",children:"Today"}),r&&S(d,{className:"k-calendar-nav-next",icon:C,size:i,fillMode:"flat"})]})]})};_.options=ge;_.className=oe;_.defaultOptions=k;var xo=_;export{_ as CalendarHeader,xo as default};