@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.89 kB
JavaScript
"use strict";const l=require("./NeonBreadcrumbs.cjs.js"),e=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={class:"neon-breadcrumbs__container"},m={class:"neon-breadcrumbs__back-label"},b={key:1,ref:"linksRef",class:"neon-breadcrumbs__links"},k={key:2,class:"neon-breadcrumbs__link-text"};function _(n,r,p,B,y,h){const t=e.resolveComponent("neon-icon"),s=e.resolveComponent("neon-link"),a=e.resolveComponent("neon-swiper");return n.breadcrumbs.length!==0||n.backButton?(e.openBlock(),e.createBlock(a,{key:0,class:e.normalizeClass([[{"neon-breadcrumbs--breadcrumbs-only":!n.backButton},`neon-breadcrumbs--responsive-${n.responsiveStyle}`],"neon-breadcrumbs"])},{default:e.withCtx(()=>[e.createElementVNode("div",i,[n.backButton?(e.openBlock(),e.createBlock(s,{key:0,class:"neon-breadcrumbs__back","no-style":"",onClick:r[0]||(r[0]=o=>n.back())},{default:e.withCtx(()=>[e.createVNode(t,{class:"neon-breadcrumbs__back-icon",name:"arrow-left"}),e.createElementVNode("span",m,e.toDisplayString(n.backLabel),1)]),_:1})):e.createCommentVNode("",!0),n.breadcrumbs.length!==0?(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.breadcrumbs,(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c!==0?(e.openBlock(),e.createBlock(t,{key:0,class:"neon-breadcrumbs__separator",name:"chevron-right"})):e.createCommentVNode("",!0),o.url?(e.openBlock(),e.createBlock(s,{key:1,href:o.url,class:"neon-breadcrumbs__link","no-style":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["href"])):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.label),1))],64))),128))],512)):e.createCommentVNode("",!0)])]),_:1},8,["class"])):e.createCommentVNode("",!0)}const d=u(l,[["render",_]]);module.exports=d;
//# sourceMappingURL=NeonBreadcrumbs.vue.cjs.js.map