UNPKG

primevue

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

2 lines (1 loc) 4.94 kB
import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{resolveComponent as i,openBlock as a,createElementBlock as r,mergeProps as m,Fragment as l,createBlock as o,withCtx as s,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as x,createVNode as f}from"vue";var v=n("\n.p-breadcrumb {\n overflow-x: auto;\n}\n\n.p-breadcrumb .p-breadcrumb-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.p-breadcrumb .p-menuitem-separator {\n display: flex;\n align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n",{name:"breadcrumb",manual:!0}),y={name:"BaseBreadcrumb",extends:t,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t=this.$router?this.$router.currentRoute.path:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,x,f){var v=i("router-link");return f.visible()?(a(),r("li",m({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",f.ptmOptions)),[n.templates&&n.templates.item?(a(),o(p(n.templates.item),{key:1,item:n.item},null,8,["item"])):(a(),r(l,{key:0},[n.item.to?(a(),o(v,{key:0,to:n.item.to,custom:""},{default:s((function(t){var i=t.navigate;return[c("a",m({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":f.isCurrentUrl(),onClick:function(e){return f.onClick(e,i)}},e.ptm("action",f.ptmOptions)),[n.templates.itemicon?(a(),o(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(a(),r("span",m({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",f.ptmOptions)),null,16)):d("",!0),n.item.label?(a(),r("span",m({key:2,class:e.cx("label")},e.ptm("label",f.ptmOptions)),b(f.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(a(),r("a",m({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":f.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return f.onClick&&f.onClick.apply(f,arguments)})},e.ptm("action",f.ptmOptions)),[n.templates&&n.templates.itemicon?(a(),o(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",f.ptmOptions))},null,8,["item","class"])):n.item.icon?(a(),r("span",m({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",f.ptmOptions)),null,16)):d("",!0),n.item.label?(a(),r("span",m({key:2,class:e.cx("label")},e.ptm("label",f.ptmOptions)),b(f.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:y,components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,s,p,u){var b=i("BreadcrumbItem"),v=i("ChevronRightIcon");return a(),r("nav",m({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",m({class:e.cx("menu")},e.ptm("menu")),[e.home?(a(),o(b,m({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt},e.ptm("home")),null,16,["item","class","templates","exact","pt"])):d("",!0),(a(!0),r(l,null,h(e.model,(function(t,n){return a(),r(l,{key:t.label},[e.home||0!==n?(a(),r("li",m({key:0,class:e.cx("separator")},e.ptm("separator")),[x(e.$slots,"separator",{},(function(){return[f(v,m({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),f(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)})),128))],16)],16)};export{O as default};