@progress/kendo-themes-html/dist/esm/bottom-nav/bottom-nav-item.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,a)=>e[a]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${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"}),H=(o,e)=>{let{valid:r,invalid:a,hover:i,focus:c,checked:d,active:s,selected:x,disabled:f,indeterminate:p,loading:L,empty:N,readonly:j,highlighted:D,...M}=e;return l({"k-valid":r,"k-invalid":a,"k-hover":i,"k-focus":c,"k-checked":d,"k-active":s,"k-selected":x,"k-disabled":f,"k-indeterminate":p&&!d,"k-loading":L,"k-empty":N,"k-readonly":j,"k-highlighted":D},Object.keys(M).reduce((T,g)=>(g.startsWith("k-")?T[g]=M[g]:T[`k-${g}`]=M[g],T),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},t={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},C={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 J,jsx as R}from"react/jsx-runtime";var A="k-font-icon",U=[],q={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info]},W={},h=o=>{let{size:e,themeColor:r,icon:a,rotate:i,flip:c,...d}=o;return a?R("span",{...d,className:l(o.className,A,v(A,{size:e}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):R(J,{})};h.states=U;h.options=q;h.className=A;h.defaultOptions=W;var F=h;import{Fragment as Y,jsx as I}from"react/jsx-runtime";var w="k-svg-icon",Q=[],X={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[m.outline,m.solid,m.duotone]},$={viewBox:"0 0 24 24",variant:m.outline},y=o=>{let{size:e,themeColor:r,rotate:a,flip:i,viewBox:c=$.viewBox,variant:d=$.variant,icon:s,...x}=o;if(!s)return I(Y,{});if(s==="none")return I("span",{...x,className:l(o.className,w,v("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let f=typeof s=="object"&&s.name&&s.name,p=typeof s=="object"?d&&s.variants?.[d]||s.variants?.outline||s.content:void 0;return I("span",{...x,className:l(o.className,w,v("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:I("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:c,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:s?void 0:o.children})})};y.states=Q;y.options=X;y.className=w;y.defaultOptions=$;var B=y;import*as _ from"@progress/kendo-svg-icons";var V="icon",P="icons";import{useContext as ee}from"react";import{createContext as Z}from"react";var K=Z({iconsType:"svg"});import{Fragment as G,jsx as k}from"react/jsx-runtime";var S="k-icon",te=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[m.outline,m.solid,m.duotone]},O={viewBox:"0 0 24 24",type:"svg",variant:m.outline},u=o=>{let{iconsType:e}=ee(K),{size:r,themeColor:a,icon:i,type:c=e||O.type,rotate:d,flip:s,viewBox:x=O.viewBox,variant:f=O.variant,...p}=o;if(!i)return k(G,{});if((e||c)==="svg"){if(i==="none")return k(B,{...p,className:l(o.className,S),icon:i,size:r,variant:f});let N=_[i]?i:te(`${i}-icon`);return _[N]?k(B,{...p,className:l(o.className,S),icon:_[N],size:r,themeColor:a,rotate:d,flip:s,viewBox:x,variant:f}):k(G,{})}return k(F,{...p,className:l(o.className,S),icon:i,size:r,themeColor:a,rotate:d,flip:s})};u.states=oe;u.options=ne;u.defaultOptions=O;u.className=S;u.moduleName=V;u.folderName=P;u.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."}]};import{jsx as z,jsxs as ae}from"react/jsx-runtime";var E="k-bottom-nav-item",ie=[C.focus,C.selected,C.disabled],re={},se={},b=o=>{let{focus:e,selected:r,disabled:a,icon:i,text:c,link:d}=o;return ae("span",{className:l(E,H(E,{focus:e,selected:r,disabled:a})),role:"link",...r&&{"aria-current":"true"},...!c&&!d&&i&&{"aria-label":i},children:[i&&z(u,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),c&&z("span",{className:"k-bottom-nav-item-text",children:c}),d&&z("div",{className:"k-bottom-nav-link",children:z("span",{children:d})})]})};b.states=ie;b.options=re;b.className=E;b.defaultOptions=se;var Pe=b;export{b as BottomNavItem,Pe as default};