@progress/kendo-themes-html/dist/esm/filemanager/filemanager-breadcrumb.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((n,r)=>e[r]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var I=(t,e)=>s({[`${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.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"}),S=(t,e)=>{let{valid:n,invalid:r,hover:m,focus:x,checked:f,active:l,selected:k,disabled:v,indeterminate:g,loading:V,empty:R,readonly:oe,highlighted:ne,...w}=e;return s({"k-valid":n,"k-invalid":r,"k-hover":m,"k-focus":x,"k-checked":f,"k-active":l,"k-selected":k,"k-disabled":v,"k-indeterminate":g&&!f,"k-loading":V,"k-empty":R,"k-readonly":oe,"k-highlighted":ne},Object.keys(w).reduce((H,M)=>(M.startsWith("k-")?H[M]=w[M]:H[`k-${M}`]=w[M],H),{}))};var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var h={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"},L={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 $="breadcrumb",q=$;import{jsx as ce}from"react/jsx-runtime";var z="k-breadcrumb",ae=[L.focus],ie={size:[a.undefined,a.small,a.medium,a.large]},W={collapsing:"auto"},d=t=>{let{size:e,collapsing:n=W.collapsing,focus:r,...m}=t;return ce("nav",{...m,className:s(t.className,z,S(z,{focus:r}),I(z,{size:e}),{"k-breadcrumb-wrap":n==="wrap"}),"aria-label":"Breadcrumb",children:t.children})};d.states=ae;d.options=ie;d.className=z;d.defaultOptions=W;d.moduleName=$;d.folderName=q;d.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};import{jsx as rt}from"react/jsx-runtime";import{jsx as it}from"react/jsx-runtime";import{jsx as le}from"react/jsx-runtime";var se="k-breadcrumb-container",me={collapsing:"auto"},N=t=>{let{collapsing:e=me.collapsing,...n}=t;return le("ol",{...n,className:s(t.className,se,{"!k-flex-wrap":e==="wrap","k-flex-none":e==="none"}),children:t.children})};import{jsx as ue}from"react/jsx-runtime";var de="k-breadcrumb-item",b=t=>{let{root:e,last:n,...r}=t;return ue("li",{...r,className:s(t.className,de,{"k-breadcrumb-root-item":e,"k-breadcrumb-last-item":n}),children:t.children})};import{jsx as xe}from"react/jsx-runtime";var be="",pe=[L.hover,L.focus,L.disabled],u=t=>{let{root:e,icon:n,icontext:r,hover:m,focus:x,disabled:f,last:l,...k}=t;return xe("a",{href:"#",...k,className:s(t.className,S(be,{hover:m,focus:x,disabled:f}),{"k-breadcrumb-link":!e,"k-breadcrumb-root-link":e,"k-breadcrumb-icon-link":n,"k-breadcrumb-icontext-link":r}),...l&&{"aria-current":"page"},...l&&{"aria-disabled":"true"},children:t.children})};u.states=pe;import{jsx as Be}from"react/jsx-runtime";var fe="k-breadcrumb-item-text",B=t=>{let{text:e,...n}=t,r=e||t.children;return Be("span",{...n,className:s(t.className,fe),children:r})};import{Fragment as ve,jsx as X}from"react/jsx-runtime";var K="k-font-icon",he=[],ke={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info]},ge={},y=t=>{let{size:e,themeColor:n,icon:r,rotate:m,flip:x,...f}=t;return r?X("span",{...f,className:s(t.className,K,I(K,{size:e}),{[`k-i-${r}`]:r,[`k-color-${n}`]:n,[`k-rotate-${m}`]:m,"k-flip-h":x==="h"||x==="both","k-flip-v":x==="v"||x==="both"}),"aria-hidden":"true"}):X(ve,{})};y.states=he;y.options=ke;y.className=K;y.defaultOptions=ge;var J=y;import{Fragment as Ce,jsx as O}from"react/jsx-runtime";var P="k-svg-icon",Ie=[],Ne={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[h.outline,h.solid,h.duotone]},F={viewBox:"0 0 24 24",variant:h.outline},A=t=>{let{size:e,themeColor:n,rotate:r,flip:m,viewBox:x=F.viewBox,variant:f=F.variant,icon:l,...k}=t;if(!l)return O(Ce,{});if(l==="none")return O("span",{...k,className:s(t.className,P,I("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let v=typeof l=="object"&&l.name&&l.name,g=typeof l=="object"?f&&l.variants?.[f]||l.variants?.outline||l.content:void 0;return O("span",{...k,className:s(t.className,P,I("k-icon",{size:e}),{[`k-svg-i-${v}`]:v,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),"aria-hidden":"true",children:O("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:x,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:l?void 0:t.children})})};A.states=Ie;A.options=Ne;A.className=P;A.defaultOptions=F;var U=A;import*as G from"@progress/kendo-svg-icons";var Q="icon",Y="icons";import{useContext as Te}from"react";import{createContext as Le}from"react";var Z=Le({iconsType:"svg"});import{Fragment as j,jsx as E}from"react/jsx-runtime";var D="k-icon",Me=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ye=[],Ae={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[i.undefined,i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info],variant:[h.outline,h.solid,h.duotone]},_={viewBox:"0 0 24 24",type:"svg",variant:h.outline},c=t=>{let{iconsType:e}=Te(Z),{size:n,themeColor:r,icon:m,type:x=e||_.type,rotate:f,flip:l,viewBox:k=_.viewBox,variant:v=_.variant,...g}=t;if(!m)return E(j,{});if((e||x)==="svg"){if(m==="none")return E(U,{...g,className:s(t.className,D),icon:m,size:n,variant:v});let R=G[m]?m:Me(`${m}-icon`);return G[R]?E(U,{...g,className:s(t.className,D),icon:G[R],size:n,themeColor:r,rotate:f,flip:l,viewBox:k,variant:v}):E(j,{})}return E(J,{...g,className:s(t.className,D),icon:m,size:n,themeColor:r,rotate:f,flip:l})};c.states=ye;c.options=Ae;c.defaultOptions=_;c.className=D;c.moduleName=Q;c.folderName=Y;c.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{Fragment as qt,jsx as Gt,jsxs as Vt}from"react/jsx-runtime";import{Fragment as jt,jsx as Yt,jsxs as Zt}from"react/jsx-runtime";import{Fragment as cr,jsx as ar,jsxs as ir}from"react/jsx-runtime";import{jsx as o,jsxs as p}from"react/jsx-runtime";var Ee=d.options,Re=d.states,Se={...d.defaultOptions,variant:"text"},ze=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Oe=[],T=t=>{let{variant:e,...n}=t;switch(e){case"icon":return o(d,{...n,children:p(N,{children:[p(b,{root:!0,children:[o(u,{root:!0,icon:!0,onClick:r=>r.preventDefault(),children:o(c,{icon:"cart"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[o(u,{icon:!0,onClick:r=>r.preventDefault(),children:o(c,{icon:"js"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[o(u,{icon:!0,onClick:r=>r.preventDefault(),children:o(c,{icon:"truck"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),o(b,{last:!0,children:o(u,{icon:!0,onClick:r=>r.preventDefault(),children:o(c,{icon:"wallet"})})})]})});case"icon-and-text":return o(d,{...n,children:p(N,{children:[p(b,{root:!0,children:[p(u,{root:!0,icontext:!0,onClick:r=>r.preventDefault(),children:[o(c,{icon:"cart"}),o(B,{text:"Cart"})]}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[p(u,{icontext:!0,onClick:r=>r.preventDefault(),children:[o(c,{icon:"js"}),o(B,{text:"Billing"})]}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[p(u,{icontext:!0,onClick:r=>r.preventDefault(),children:[o(c,{icon:"truck"}),o(B,{text:"Shipping"})]}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),o(b,{last:!0,children:p(u,{icontext:!0,onClick:r=>r.preventDefault(),children:[o(c,{icon:"wallet"}),o(B,{text:"Payment"})]})})]})});default:return o(d,{...n,children:p(N,{children:[p(b,{root:!0,children:[o(u,{root:!0,onClick:r=>r.preventDefault(),children:o(B,{text:"Cart"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[o(u,{onClick:r=>r.preventDefault(),children:o(B,{text:"Billing"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),p(b,{children:[o(u,{onClick:r=>r.preventDefault(),children:o(B,{text:"Shipping"})}),o(c,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),o(b,{last:!0,children:o(u,{onClick:r=>r.preventDefault(),children:o(B,{text:"Payment"})})})]})})}};T.options=Ee;T.states=Re;T.variants=ze;T.defaultOptions=Se;T.modifiers=Oe;T.className=d.className;var ee="file-manager",te="filemanager";import{jsx as He}from"react/jsx-runtime";var re="k-filemanager-breadcrumb",De=[],_e={},we={},C=t=>{let{children:e,...n}=t;return He(d,{className:s(t.className,re),...n,children:e})};C.states=De;C.options=_e;C.className=re;C.defaultOptions=we;C.moduleName=ee;C.folderName=te;var Dr=C;export{re as FILEMANAGERBREADCRUMB_CLASSNAME,C as FileManagerBreadcrumb,Dr as default};