@progress/kendo-themes-html/dist/esm/bottom-nav/templates/bottom-nav-normal.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,s)=>e[s]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var u=(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"}),M=(t,e)=>{let{valid:a,invalid:s,hover:i,focus:m,checked:n,active:p,selected:f,disabled:y,indeterminate:q,loading:j,empty:W,readonly:J,highlighted:Q,...T}=e;return l({"k-valid":a,"k-invalid":s,"k-hover":i,"k-focus":m,"k-checked":n,"k-active":p,"k-selected":f,"k-disabled":y,"k-indeterminate":q&&!n,"k-loading":j,"k-empty":W,"k-readonly":J,"k-highlighted":Q},Object.keys(T).reduce((_,N)=>(N.startsWith("k-")?_[N]=T[N]:_[`k-${N}`]=T[N],_),{}))};var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var O={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"},v={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"};var L="bottom-navigation",F=L;import{jsx as Z}from"react/jsx-runtime";var B="k-bottom-nav",X=[v.disabled],Y={fillMode:[O.solid,O.flat],themeColor:[o.primary,o.secondary,o.tertiary,o.info,o.success,o.warning,o.error,o.dark,o.light,o.inverse]},h={fillMode:O.flat,themeColor:o.primary,flow:"horizontal",border:!1},c=t=>{let{disabled:e,fillMode:a=h.fillMode,themeColor:s=h.themeColor,flow:i=h.flow,border:m=h.border,positionMode:n,dir:p}=t;return Z("nav",{className:l(t.className,B,u(B,{fillMode:a,themeColor:s}),{[`k-bottom-nav-item-flow-${i}`]:i,"k-bottom-nav-border":m,[`k-pos-${n}`]:n},M(B,{disabled:e})),dir:p,children:t.children})};c.states=X;c.options=Y;c.className=B;c.defaultOptions=h;c.moduleName=L;c.folderName=F;import{Fragment as ne,jsx as R}from"react/jsx-runtime";var z="k-font-icon",ee=[],oe={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},te={},g=t=>{let{size:e,themeColor:a,icon:s,rotate:i,flip:m,...n}=t;return s?R("span",{...n,className:l(t.className,z,u(z,{size:e}),{[`k-i-${s}`]:s,[`k-color-${a}`]:a,[`k-rotate-${i}`]:i,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):R(ne,{})};g.states=ee;g.options=oe;g.className=z;g.defaultOptions=te;var P=g;import{Fragment as ae,jsx as C}from"react/jsx-runtime";var E="k-svg-icon",re=[],se={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},V={viewBox:"0 0 24 24"},b=t=>{let{size:e,themeColor:a,rotate:s,flip:i,viewBox:m=V.viewBox,icon:n,...p}=t;if(!n)return C(ae,{});n==="none"&&{...p,className:l(t.className,E,"k-none")};let f=typeof n=="object"&&n.name&&n.name;return C("span",{...p,className:l(t.className,E,u("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:C("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof n=="object"?n.viewBox:m,dangerouslySetInnerHTML:typeof n=="object"?{__html:n.content}:void 0,children:n?void 0:t.children})})};b.states=re;b.options=se;b.className=E;b.defaultOptions=V;var w=b;import*as $ from"@progress/kendo-svg-icons";var D="icon",G="icons";import{Fragment as U,jsx as k}from"react/jsx-runtime";var I="k-icon",ie=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),le=[],me={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},K={viewBox:"0 0 24 24",type:"svg"},x=t=>{let{size:e,themeColor:a,icon:s,type:i=K.type,rotate:m,flip:n,viewBox:p=K.viewBox,...f}=t;if(!s)return k(U,{});if(i==="svg"){if(s==="none")return k(w,{...f,className:l(t.className,I),icon:s,size:e});let y=$[s]?s:ie(`${s}-icon`);return $[y]?k(w,{...f,className:l(t.className,I),icon:$[y],size:e,themeColor:a,rotate:m,flip:n,viewBox:p}):k(U,{})}return k(P,{...f,className:l(t.className,I),icon:s,size:e,themeColor:a,rotate:m,flip:n})};x.states=le;x.options=me;x.defaultOptions=K;x.className=I;x.moduleName=D;x.folderName=G;import{jsx as S,jsxs as fe}from"react/jsx-runtime";var H="k-bottom-nav-item",ce=[v.focus,v.selected,v.disabled],de={},pe={},d=t=>{let{focus:e,selected:a,disabled:s,icon:i,text:m,link:n}=t;return fe("span",{className:l(H,M(H,{focus:e,selected:a,disabled:s})),children:[i&&S(x,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),m&&S("span",{className:"k-bottom-nav-item-text",children:m}),n&&S("div",{className:"k-bottom-nav-link",children:S("span",{children:n})})]})};d.states=ce;d.options=de;d.className=H;d.defaultOptions=pe;import{Fragment as Ze,jsx as Ye,jsxs as eo}from"react/jsx-runtime";import{Fragment as so,jsx as ro,jsxs as ao}from"react/jsx-runtime";import{Fragment as xe,jsx as A,jsxs as ue}from"react/jsx-runtime";var vo=t=>A(c,{children:ue(xe,{children:[A(d,{icon:"envelope",text:"BottomNavItem"}),A(d,{icon:"envelope",text:"BottomNavItem"}),A(d,{icon:"envelope",text:"BottomNavItem"})]}),...t});export{vo as BottomNavNormal};