primevue 3.29.2 → 3.30.1

package/breadcrumb/breadcrumb.esm.js

@@ -1,241 +1,220 @@
-import BaseComponent from 'primevue/basecomponent';
 import ChevronRightIcon from 'primevue/icons/chevronright';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
+
+var styles = "\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";
+var classes = {
+  root: 'p-breadcrumb p-component',
+  menu: 'p-breadcrumb-list',
+  home: 'p-breadcrumb-home',
+  separator: 'p-menuitem-separator',
+  menuitem: function menuitem(_ref) {
+    var instance = _ref.instance;
+    return ['p-menuitem', {
+      'p-disabled': instance.disabled()
+    }];
+  },
+  action: function action(_ref2) {
+    var props = _ref2.props,
+      isActive = _ref2.isActive,
+      isExactActive = _ref2.isExactActive;
+    return ['p-menuitem-link', {
+      'router-link-active': isActive,
+      'router-link-active-exact': props.exact && isExactActive
+    }];
+  },
+  icon: 'p-menuitem-icon',
+  label: 'p-menuitem-text'
+};
+var _useStyle = useStyle(styles, {
+    name: 'breadcrumb',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+var script$2 = {
+  name: 'BaseBreadcrumb',
+  "extends": BaseComponent,
+  props: {
+    model: {
+      type: Array,
+      "default": null
+    },
+    home: {
+      type: null,
+      "default": null
+    },
+    exact: {
+      type: Boolean,
+      "default": true
+    }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
 
 var script$1 = {
-    name: 'BreadcrumbItem',
-    extends: BaseComponent,
-    props: {
-        item: null,
-        templates: null,
-        exact: null,
-        index: null
+  name: 'BreadcrumbItem',
+  hostName: 'Breadcrumb',
+  "extends": BaseComponent,
+  props: {
+    item: null,
+    templates: null,
+    exact: null,
+    index: null
+  },
+  methods: {
+    onClick: function onClick(event, navigate) {
+      if (this.item.command) {
+        this.item.command({
+          originalEvent: event,
+          item: this.item
+        });
+      }
+      if (this.item.to && navigate) {
+        navigate(event);
+      }
     },
-    methods: {
-        onClick(event, navigate) {
-            if (this.item.command) {
-                this.item.command({
-                    originalEvent: event,
-                    item: this.item
-                });
-            }
-
-            if (this.item.to && navigate) {
-                navigate(event);
-            }
-        },
-        containerClass() {
-            return ['p-menuitem', { 'p-disabled': this.disabled() }, this.item.class];
-        },
-        linkClass(routerProps) {
-            return [
-                'p-menuitem-link',
-                {
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }
-            ];
-        },
-        visible() {
-            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
-        },
-        disabled() {
-            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;
-        },
-        label() {
-            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
-        },
-        isCurrentUrl() {
-            const { to, url } = this.item;
-            let lastPath = this.$router ? this.$router.currentRoute.path : '';
-
-            return to === lastPath || url === lastPath ? 'page' : undefined;
-        }
+    visible: function visible() {
+      return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
+    },
+    disabled: function disabled() {
+      return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;
+    },
+    label: function label() {
+      return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
+    },
+    isCurrentUrl: function isCurrentUrl() {
+      var _this$item = this.item,
+        to = _this$item.to,
+        url = _this$item.url;
+      var lastPath = this.$router ? this.$router.currentRoute.path : '';
+      return to === lastPath || url === lastPath ? 'page' : undefined;
     }
+  }
 };
 
-const _hoisted_1 = ["href", "aria-current", "onClick"];
-const _hoisted_2 = ["href", "target", "aria-current"];
-
+var _hoisted_1 = ["href", "aria-current", "onClick"];
+var _hoisted_2 = ["href", "target", "aria-current"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_router_link = resolveComponent("router-link");
-
-  return ($options.visible())
-    ? (openBlock(), createElementBlock("li", mergeProps({
+  var _component_router_link = resolveComponent("router-link");
+  return $options.visible() ? (openBlock(), createElementBlock("li", mergeProps({
+    key: 0,
+    "class": [_ctx.cx('menuitem'), $props.item["class"]]
+  }, _ctx.ptm('menuitem')), [!$props.templates || !$props.templates.item ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [$props.item.to ? (openBlock(), createBlock(_component_router_link, {
+    key: 0,
+    to: $props.item.to,
+    custom: ""
+  }, {
+    "default": withCtx(function (_ref) {
+      var navigate = _ref.navigate,
+        href = _ref.href,
+        isActive = _ref.isActive,
+        isExactActive = _ref.isExactActive;
+      return [createElementVNode("a", mergeProps({
+        href: href,
+        "class": _ctx.cx('action', {
+          isActive: isActive,
+          isExactActive: isExactActive
+        }),
+        "aria-current": $options.isCurrentUrl(),
+        onClick: function onClick($event) {
+          return $options.onClick($event, navigate);
+        }
+      }, _ctx.ptm('action')), [$props.templates.itemicon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
         key: 0,
-        class: $options.containerClass()
-      }, _ctx.ptm('menuitem')), [
-        (!$props.templates || !$props.templates.item)
-          ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              ($props.item.to)
-                ? (openBlock(), createBlock(_component_router_link, {
-                    key: 0,
-                    to: $props.item.to,
-                    custom: ""
-                  }, {
-                    default: withCtx(({ navigate, href, isActive, isExactActive }) => [
-                      createElementVNode("a", mergeProps({
-                        href: href,
-                        class: $options.linkClass({ isActive, isExactActive }),
-                        "aria-current": $options.isCurrentUrl(),
-                        onClick: $event => ($options.onClick($event, navigate))
-                      }, _ctx.ptm('action')), [
-                        ($props.templates.itemicon)
-                          ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
-                              key: 0,
-                              item: $props.item,
-                              class: "p-menuitem-icon"
-                            }, null, 8, ["item"]))
-                          : ($props.item.icon)
-                            ? (openBlock(), createElementBlock("span", mergeProps({
-                                key: 1,
-                                class: ['p-menuitem-icon', $props.item.icon]
-                              }, _ctx.ptm('icon')), null, 16))
-                            : createCommentVNode("", true),
-                        ($props.item.label)
-                          ? (openBlock(), createElementBlock("span", mergeProps({
-                              key: 2,
-                              class: "p-menuitem-text"
-                            }, _ctx.ptm('label')), toDisplayString($options.label()), 17))
-                          : createCommentVNode("", true)
-                      ], 16, _hoisted_1)
-                    ]),
-                    _: 1
-                  }, 8, ["to"]))
-                : (openBlock(), createElementBlock("a", mergeProps({
-                    key: 1,
-                    href: $props.item.url || '#',
-                    class: $options.linkClass(),
-                    target: $props.item.target,
-                    "aria-current": $options.isCurrentUrl(),
-                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args)))
-                  }, _ctx.ptm('action')), [
-                    ($props.templates && $props.templates.itemicon)
-                      ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
-                          key: 0,
-                          item: $props.item,
-                          class: "p-menuitem-icon"
-                        }, null, 8, ["item"]))
-                      : ($props.item.icon)
-                        ? (openBlock(), createElementBlock("span", mergeProps({
-                            key: 1,
-                            class: ['p-menuitem-icon', $props.item.icon]
-                          }, _ctx.ptm('icon')), null, 16))
-                        : createCommentVNode("", true),
-                    ($props.item.label)
-                      ? (openBlock(), createElementBlock("span", mergeProps({
-                          key: 2,
-                          class: "p-menuitem-text"
-                        }, _ctx.ptm('label')), toDisplayString($options.label()), 17))
-                      : createCommentVNode("", true)
-                  ], 16, _hoisted_2))
-            ], 64))
-          : (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
-              key: 1,
-              item: $props.item
-            }, null, 8, ["item"]))
-      ], 16))
-    : createCommentVNode("", true)
+        item: $props.item,
+        "class": normalizeClass(_ctx.cx('icon'))
+      }, null, 8, ["item", "class"])) : $props.item.icon ? (openBlock(), createElementBlock("span", mergeProps({
+        key: 1,
+        "class": [_ctx.cx('icon'), $props.item.icon]
+      }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true), $props.item.label ? (openBlock(), createElementBlock("span", mergeProps({
+        key: 2,
+        "class": _ctx.cx('label')
+      }, _ctx.ptm('label')), toDisplayString($options.label()), 17)) : createCommentVNode("", true)], 16, _hoisted_1)];
+    }),
+    _: 1
+  }, 8, ["to"])) : (openBlock(), createElementBlock("a", mergeProps({
+    key: 1,
+    href: $props.item.url || '#',
+    "class": _ctx.cx('action'),
+    target: $props.item.target,
+    "aria-current": $options.isCurrentUrl(),
+    onClick: _cache[0] || (_cache[0] = function () {
+      return $options.onClick && $options.onClick.apply($options, arguments);
+    })
+  }, _ctx.ptm('action')), [$props.templates && $props.templates.itemicon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.itemicon), {
+    key: 0,
+    item: $props.item,
+    "class": normalizeClass(_ctx.cx('icon'))
+  }, null, 8, ["item", "class"])) : $props.item.icon ? (openBlock(), createElementBlock("span", mergeProps({
+    key: 1,
+    "class": [_ctx.cx('icon'), $props.item.icon]
+  }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true), $props.item.label ? (openBlock(), createElementBlock("span", mergeProps({
+    key: 2,
+    "class": _ctx.cx('label')
+  }, _ctx.ptm('label')), toDisplayString($options.label()), 17)) : createCommentVNode("", true)], 16, _hoisted_2))], 64)) : (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
+    key: 1,
+    item: $props.item
+  }, null, 8, ["item"]))], 16)) : createCommentVNode("", true);
 }
 
 script$1.render = render$1;
 
 var script = {
-    name: 'Breadcrumb',
-    extends: BaseComponent,
-    props: {
-        model: {
-            type: Array,
-            default: null
-        },
-        home: {
-            type: null,
-            default: null
-        },
-        exact: {
-            type: Boolean,
-            default: true
-        }
-    },
-    components: {
-        BreadcrumbItem: script$1,
-        ChevronRightIcon: ChevronRightIcon
-    }
+  name: 'Breadcrumb',
+  "extends": script$2,
+  components: {
+    BreadcrumbItem: script$1,
+    ChevronRightIcon: ChevronRightIcon
+  }
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_BreadcrumbItem = resolveComponent("BreadcrumbItem");
-  const _component_ChevronRightIcon = resolveComponent("ChevronRightIcon");
-
-  return (openBlock(), createElementBlock("nav", mergeProps({ class: "p-breadcrumb p-component" }, _ctx.ptm('root')), [
-    createElementVNode("ol", mergeProps({ class: "p-breadcrumb-list" }, _ctx.ptm('menu')), [
-      ($props.home)
-        ? (openBlock(), createBlock(_component_BreadcrumbItem, {
-            key: 0,
-            item: $props.home,
-            class: "p-breadcrumb-home",
-            templates: _ctx.$slots,
-            exact: $props.exact,
-            pt: _ctx.pt
-          }, null, 8, ["item", "templates", "exact", "pt"]))
-        : createCommentVNode("", true),
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, i) => {
-        return (openBlock(), createElementBlock(Fragment, {
-          key: item.label
-        }, [
-          ($props.home || i !== 0)
-            ? (openBlock(), createElementBlock("li", mergeProps({
-                key: 0,
-                class: "p-menuitem-separator"
-              }, _ctx.ptm('separator')), [
-                renderSlot(_ctx.$slots, "separator", {}, () => [
-                  createVNode(_component_ChevronRightIcon, mergeProps({ "aria-hidden": "true" }, _ctx.ptm('separatorIcon')), null, 16)
-                ])
-              ], 16))
-            : createCommentVNode("", true),
-          createVNode(_component_BreadcrumbItem, {
-            item: item,
-            index: i,
-            templates: _ctx.$slots,
-            exact: $props.exact,
-            pt: _ctx.pt
-          }, null, 8, ["item", "index", "templates", "exact", "pt"])
-        ], 64))
-      }), 128))
-    ], 16)
-  ], 16))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+  var _component_BreadcrumbItem = resolveComponent("BreadcrumbItem");
+  var _component_ChevronRightIcon = resolveComponent("ChevronRightIcon");
+  return openBlock(), createElementBlock("nav", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "breadcrumb"
+  }), [createElementVNode("ol", mergeProps({
+    "class": _ctx.cx('menu')
+  }, _ctx.ptm('menu')), [_ctx.home ? (openBlock(), createBlock(_component_BreadcrumbItem, mergeProps({
+    key: 0,
+    item: _ctx.home,
+    "class": _ctx.cx('home'),
+    templates: _ctx.$slots,
+    exact: _ctx.exact,
+    pt: _ctx.pt
+  }, _ctx.ptm('home')), null, 16, ["item", "class", "templates", "exact", "pt"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, function (item, i) {
+    return openBlock(), createElementBlock(Fragment, {
+      key: item.label
+    }, [_ctx.home || i !== 0 ? (openBlock(), createElementBlock("li", mergeProps({
+      key: 0,
+      "class": _ctx.cx('separator')
+    }, _ctx.ptm('separator')), [renderSlot(_ctx.$slots, "separator", {}, function () {
+      return [createVNode(_component_ChevronRightIcon, mergeProps({
+        "aria-hidden": "true"
+      }, _ctx.ptm('separatorIcon')), null, 16)];
+    })], 16)) : createCommentVNode("", true), createVNode(_component_BreadcrumbItem, {
+      item: item,
+      index: i,
+      templates: _ctx.$slots,
+      exact: _ctx.exact,
+      pt: _ctx.pt
+    }, null, 8, ["item", "index", "templates", "exact", "pt"])], 64);
+  }), 128))], 16)], 16);
 }
 
-var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\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.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 export { script as default };

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/icons/chevronright";import{resolveComponent as i,openBlock as n,createElementBlock as l,mergeProps as a,Fragment as m,createBlock as r,withCtx as s,createElementVNode as o,resolveDynamicComponent as c,createCommentVNode as p,toDisplayString as u,renderList as d,renderSlot as b,createVNode as h}from"vue";var f={name:"BreadcrumbItem",extends:e,props:{item:null,templates:null,exact:null,index:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(){return["p-menuitem",{"p-disabled":this.disabled()},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item;let i=this.$router?this.$router.currentRoute.path:"";return e===i||t===i?"page":void 0}}};const y=["href","aria-current","onClick"],x=["href","target","aria-current"];f.render=function(e,t,d,b,h,f){const k=i("router-link");return f.visible()?(n(),l("li",a({key:0,class:f.containerClass()},e.ptm("menuitem")),[d.templates&&d.templates.item?(n(),r(c(d.templates.item),{key:1,item:d.item},null,8,["item"])):(n(),l(m,{key:0},[d.item.to?(n(),r(k,{key:0,to:d.item.to,custom:""},{default:s((({navigate:t,href:i,isActive:m,isExactActive:s})=>[o("a",a({href:i,class:f.linkClass({isActive:m,isExactActive:s}),"aria-current":f.isCurrentUrl(),onClick:e=>f.onClick(e,t)},e.ptm("action")),[d.templates.itemicon?(n(),r(c(d.templates.itemicon),{key:0,item:d.item,class:"p-menuitem-icon"},null,8,["item"])):d.item.icon?(n(),l("span",a({key:1,class:["p-menuitem-icon",d.item.icon]},e.ptm("icon")),null,16)):p("",!0),d.item.label?(n(),l("span",a({key:2,class:"p-menuitem-text"},e.ptm("label")),u(f.label()),17)):p("",!0)],16,y)])),_:1},8,["to"])):(n(),l("a",a({key:1,href:d.item.url||"#",class:f.linkClass(),target:d.item.target,"aria-current":f.isCurrentUrl(),onClick:t[0]||(t[0]=(...e)=>f.onClick&&f.onClick(...e))},e.ptm("action")),[d.templates&&d.templates.itemicon?(n(),r(c(d.templates.itemicon),{key:0,item:d.item,class:"p-menuitem-icon"},null,8,["item"])):d.item.icon?(n(),l("span",a({key:1,class:["p-menuitem-icon",d.item.icon]},e.ptm("icon")),null,16)):p("",!0),d.item.label?(n(),l("span",a({key:2,class:"p-menuitem-text"},e.ptm("label")),u(f.label()),17)):p("",!0)],16,x))],64))],16)):p("",!0)};var k={name:"Breadcrumb",extends:e,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:f,ChevronRightIcon:t}};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\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.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),k.render=function(e,t,s,c,u,f){const y=i("BreadcrumbItem"),x=i("ChevronRightIcon");return n(),l("nav",a({class:"p-breadcrumb p-component"},e.ptm("root")),[o("ol",a({class:"p-breadcrumb-list"},e.ptm("menu")),[s.home?(n(),r(y,{key:0,item:s.home,class:"p-breadcrumb-home",templates:e.$slots,exact:s.exact,pt:e.pt},null,8,["item","templates","exact","pt"])):p("",!0),(n(!0),l(m,null,d(s.model,((t,i)=>(n(),l(m,{key:t.label},[s.home||0!==i?(n(),l("li",a({key:0,class:"p-menuitem-separator"},e.ptm("separator")),[b(e.$slots,"separator",{},(()=>[h(x,a({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]))],16)):p("",!0),h(y,{item:t,index:i,templates:e.$slots,exact:s.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)))),128))],16)],16)};export{k as default};
+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 l,Fragment as m,createBlock as c,withCtx as s,createElementVNode as o,resolveDynamicComponent as u,normalizeClass as p,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}}},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",l({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem")),[n.templates&&n.templates.item?(a(),c(u(n.templates.item),{key:1,item:n.item},null,8,["item"])):(a(),r(m,{key:0},[n.item.to?(a(),c(v,{key:0,to:n.item.to,custom:""},{default:s((function(t){var i=t.navigate;return[o("a",l({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")),[n.templates.itemicon?(a(),c(u(n.templates.itemicon),{key:0,item:n.item,class:p(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(a(),r("span",l({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon")),null,16)):d("",!0),n.item.label?(a(),r("span",l({key:2,class:e.cx("label")},e.ptm("label")),b(f.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(a(),r("a",l({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")),[n.templates&&n.templates.itemicon?(a(),c(u(n.templates.itemicon),{key:0,item:n.item,class:p(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(a(),r("span",l({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon")),null,16)):d("",!0),n.item.label?(a(),r("span",l({key:2,class:e.cx("label")},e.ptm("label")),b(f.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var B={name:"Breadcrumb",extends:y,components:{BreadcrumbItem:k,ChevronRightIcon:e}};B.render=function(e,t,n,s,u,p){var b=i("BreadcrumbItem"),v=i("ChevronRightIcon");return a(),r("nav",l({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[o("ol",l({class:e.cx("menu")},e.ptm("menu")),[e.home?(a(),c(b,l({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(m,null,h(e.model,(function(t,n){return a(),r(m,{key:t.label},[e.home||0!==n?(a(),r("li",l({key:0,class:e.cx("separator")},e.ptm("separator")),[x(e.$slots,"separator",{},(function(){return[f(v,l({"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{B as default};