@progress/kendo-themes-html/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-auto.js

A collection of HTML helpers used for developing Kendo UI themes

var de=Object.create;var O=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var pe=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var fe=(t,e)=>{for(var n in e)O(t,n,{get:e[n],enumerable:!0})},J=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!xe.call(t,s)&&s!==n&&O(t,s,{get:()=>e[s],enumerable:!(o=ue(e,s))||o.enumerable});return t};var Be=(t,e,n)=>(n=t!=null?de(pe(t)):{},J(e||!t||!t.__esModule?O(n,"default",{value:t,enumerable:!0}):n,t)),he=t=>J(O({},"__esModule",{value:!0}),t);var Ue={};fe(Ue,{BreadcrumbCollapsingAuto:()=>Fe});module.exports=he(Ue);var m=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?m(...e):typeof e=="object"?Object.keys(e).map((n,o)=>e[o]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var T=(t,e)=>m({[`${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"}),D=(t,e)=>{let{valid:n,invalid:o,hover:s,focus:f,checked:B,active:u,selected:g,disabled:C,indeterminate:v,loading:A,empty:N,readonly:me,highlighted:le,...H}=e;return m({"k-valid":n,"k-invalid":o,"k-hover":s,"k-focus":f,"k-checked":B,"k-active":u,"k-selected":g,"k-disabled":C,"k-indeterminate":v&&!B,"k-loading":A,"k-empty":N,"k-readonly":me,"k-highlighted":le},Object.keys(H).reduce((K,S)=>(S.startsWith("k-")?K[S]=H[S]:K[`k-${S}`]=H[S],K),{}))};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"},c={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 P="breadcrumb",Q=P;var Z=require("react/jsx-runtime"),w="k-breadcrumb",ke=[L.focus],ge={size:[a.undefined,a.small,a.medium,a.large]},Y={collapsing:"auto"},p=t=>{let{size:e,collapsing:n=Y.collapsing,focus:o,...s}=t;return(0,Z.jsx)("nav",{...s,className:m(t.className,w,D(w,{focus:o}),T(w,{size:e}),{"k-breadcrumb-wrap":n==="wrap"}),"aria-label":"Breadcrumb",children:t.children})};p.states=ke;p.options=ge;p.className=w;p.defaultOptions=Y;p.moduleName=P;p.folderName=Q;p.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."}]};var ve=require("react/jsx-runtime");var Ie=require("react/jsx-runtime");var j=require("react/jsx-runtime"),Ce="k-breadcrumb-container",Ne={collapsing:"auto"},I=t=>{let{collapsing:e=Ne.collapsing,...n}=t;return(0,j.jsx)("ol",{...n,className:m(t.className,Ce,{"!k-flex-wrap":e==="wrap","k-flex-none":e==="none"}),children:t.children})};var ee=require("react/jsx-runtime"),Te="k-breadcrumb-item",b=t=>{let{root:e,last:n,...o}=t;return(0,ee.jsx)("li",{...o,className:m(t.className,Te,{"k-breadcrumb-root-item":e,"k-breadcrumb-last-item":n}),children:t.children})};var te=require("react/jsx-runtime"),ye="",Le=[L.hover,L.focus,L.disabled],d=t=>{let{root:e,icon:n,icontext:o,hover:s,focus:f,disabled:B,last:u,...g}=t;return(0,te.jsx)("a",{href:"#",...g,className:m(t.className,D(ye,{hover:s,focus:f,disabled:B}),{"k-breadcrumb-link":!e,"k-breadcrumb-root-link":e,"k-breadcrumb-icon-link":n,"k-breadcrumb-icontext-link":o}),...u&&{"aria-current":"page"},...u&&{"aria-disabled":"true"},children:t.children})};d.states=Le;var re=require("react/jsx-runtime"),Me="k-breadcrumb-item-text",x=t=>{let{text:e,...n}=t,o=e||t.children;return(0,re.jsx)("span",{...n,className:m(t.className,Me),children:o})};var E=require("react/jsx-runtime"),F="k-font-icon",Ae=[],Se={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.undefined,c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info]},Ee={},z=t=>{let{size:e,themeColor:n,icon:o,rotate:s,flip:f,...B}=t;return o?(0,E.jsx)("span",{...B,className:m(t.className,F,T(F,{size:e}),{[`k-i-${o}`]:o,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":f==="h"||f==="both","k-flip-v":f==="v"||f==="both"}),"aria-hidden":"true"}):(0,E.jsx)(E.Fragment,{})};z.states=Ae;z.options=Se;z.className=F;z.defaultOptions=Ee;var oe=z;var y=require("react/jsx-runtime"),U="k-svg-icon",ze=[],Re={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.undefined,c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info],variant:[h.outline,h.solid,h.duotone]},V={viewBox:"0 0 24 24",variant:h.outline},R=t=>{var A,N;let{size:e,themeColor:n,rotate:o,flip:s,viewBox:f=V.viewBox,variant:B=V.variant,icon:u,...g}=t;if(!u)return(0,y.jsx)(y.Fragment,{});if(u==="none")return(0,y.jsx)("span",{...g,className:m(t.className,U,T("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let C=typeof u=="object"&&u.name&&u.name,v=typeof u=="object"?B&&((A=u.variants)==null?void 0:A[B])||((N=u.variants)==null?void 0:N.outline)||u.content:void 0;return(0,y.jsx)("span",{...g,className:m(t.className,U,T("k-icon",{size:e}),{[`k-svg-i-${C}`]:C,[`k-color-${n}`]:n,[`k-rotate-${o}`]:o,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,y.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof u=="object"?u.viewBox:f,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:u?void 0:t.children})})};R.states=ze;R.options=Re;R.className=U;R.defaultOptions=V;var G=R;var q=Be(require("@progress/kendo-svg-icons"));var ne="icon",ae="icons";var se=require("react");var ie=require("react"),ce=(0,ie.createContext)({iconsType:"svg"});var k=require("react/jsx-runtime"),$="k-icon",Oe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),De=[],we={size:[a.undefined,a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.undefined,c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info],variant:[h.outline,h.solid,h.duotone]},_={viewBox:"0 0 24 24",type:"svg",variant:h.outline},i=t=>{let{iconsType:e}=(0,se.useContext)(ce),{size:n,themeColor:o,icon:s,type:f=e||_.type,rotate:B,flip:u,viewBox:g=_.viewBox,variant:C=_.variant,...v}=t;if(!s)return(0,k.jsx)(k.Fragment,{});if((e||f)==="svg"){if(s==="none")return(0,k.jsx)(G,{...v,className:m(t.className,$),icon:s,size:n,variant:C});let N=q[s]?s:Oe(`${s}-icon`);return q[N]?(0,k.jsx)(G,{...v,className:m(t.className,$),icon:q[N],size:n,themeColor:o,rotate:B,flip:u,viewBox:g,variant:C}):(0,k.jsx)(k.Fragment,{})}return(0,k.jsx)(oe,{...v,className:m(t.className,$),icon:s,size:n,themeColor:o,rotate:B,flip:u})};i.states=De;i.options=we;i.defaultOptions=_;i.className=$;i.moduleName=ne;i.folderName=ae;i.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."}]};var W=require("react/jsx-runtime");var X=require("react/jsx-runtime");var r=require("react/jsx-runtime"),$e=p.options,_e=p.states,He={...p.defaultOptions,variant:"text"},Ke=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Pe=[],M=t=>{let{variant:e,...n}=t;switch(e){case"icon":return(0,r.jsx)(p,{...n,children:(0,r.jsxs)(I,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsx)(d,{root:!0,icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(i,{icon:"cart"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(d,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(i,{icon:"js"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(d,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(i,{icon:"truck"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsx)(d,{icon:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(i,{icon:"wallet"})})})]})});case"icon-and-text":return(0,r.jsx)(p,{...n,children:(0,r.jsxs)(I,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsxs)(d,{root:!0,icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(i,{icon:"cart"}),(0,r.jsx)(x,{text:"Cart"})]}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsxs)(d,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(i,{icon:"js"}),(0,r.jsx)(x,{text:"Billing"})]}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsxs)(d,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(i,{icon:"truck"}),(0,r.jsx)(x,{text:"Shipping"})]}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsxs)(d,{icontext:!0,onClick:o=>o.preventDefault(),children:[(0,r.jsx)(i,{icon:"wallet"}),(0,r.jsx)(x,{text:"Payment"})]})})]})});default:return(0,r.jsx)(p,{...n,children:(0,r.jsxs)(I,{children:[(0,r.jsxs)(b,{root:!0,children:[(0,r.jsx)(d,{root:!0,onClick:o=>o.preventDefault(),children:(0,r.jsx)(x,{text:"Cart"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(d,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(x,{text:"Billing"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)(d,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(x,{text:"Shipping"})}),(0,r.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,r.jsx)(b,{last:!0,children:(0,r.jsx)(d,{onClick:o=>o.preventDefault(),children:(0,r.jsx)(x,{text:"Payment"})})})]})})}};M.options=$e;M.states=_e;M.variants=Ke;M.defaultOptions=He;M.modifiers=Pe;M.className=p.className;var l=require("react/jsx-runtime"),Fe=({dir:t,...e})=>(0,l.jsx)(p,{collapsing:"auto",children:(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(I,{collapsing:"auto",children:[(0,l.jsxs)(b,{root:!0,children:[(0,l.jsxs)(d,{root:!0,icontext:!0,children:[(0,l.jsx)(i,{icon:"home"}),(0,l.jsx)(x,{text:"Home"})]}),(0,l.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${t==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,l.jsxs)(b,{children:[(0,l.jsx)(d,{children:(0,l.jsx)(x,{text:"First item"})}),(0,l.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${t==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,l.jsxs)(b,{children:[(0,l.jsx)(d,{children:(0,l.jsx)(x,{text:"Second item"})}),(0,l.jsx)(i,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${t==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,l.jsx)(b,{last:!0,children:(0,l.jsx)(d,{last:!0,children:(0,l.jsx)(x,{text:"Third item"})})})]})}),...e});