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

A collection of HTML helpers used for developing Kendo UI themes

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