primevue 3.32.2 → 3.34.0

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import t from"primevue/button";import n from"primevue/icons/chevrondown";import e from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import u from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{resolveComponent as l,openBlock as r,createElementBlock as s,mergeProps as a,renderSlot as p,createVNode as d,createSlots as c,withCtx as b,normalizeClass as m,createElementVNode as f,createBlock as y,resolveDynamicComponent as v}from"vue";function x(t){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},x(t)}function h(t,n,e){return(n=B(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function B(t){var n=g(t,"string");return"symbol"===x(n)?n:String(n)}function g(t,n){if("object"!==x(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==x(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var S={root:function(t){var n,e=t.props;return["p-splitbutton p-component",(n={},h(n,"p-button-".concat(e.severity),e.severity),h(n,"p-button-raised",e.raised),h(n,"p-button-rounded",e.rounded),h(n,"p-button-text",e.text),h(n,"p-button-outlined",e.outlined),h(n,"p-button-sm","small"===e.size),h(n,"p-button-lg","large"===e.size),n)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},w=i("\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n",{name:"splitbutton",manual:!0}),I={name:"SplitButton",extends:{name:"BaseSplitButton",extends:u,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:S,loadStyle:w.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(n){t.isExpanded=n}))},methods:{onDropdownButtonClick:function(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:function(){return o()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:e,ChevronDownIcon:n}},C=["data-pc-severity"];I.render=function(t,n,e,o,u,i){var x=l("PVSButton"),h=l("PVSMenu");return r(),s("div",a({class:i.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[p(t.$slots,"default",{},(function(){return[d(x,a({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:i.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled,"data-pc-section":"button"}),c({_:2},[t.icon?{name:"icon",fn:b((function(n){return[p(t.$slots,"icon",{class:m(n.class)},(function(){return[f("span",a({class:[t.icon,n.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),d(x,a({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":i.ariaId+"_overlay",onClick:i.onDropdownButtonClick,onKeydown:i.onDropdownKeydown,pt:t.ptm("menuButton"),severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:b((function(n){return[p(t.$slots,"menubuttonicon",{class:m(n.class)},(function(){return[(r(),y(v(t.menuButtonIcon?"span":"ChevronDownIcon"),a({class:[t.menuButtonIcon,n.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","severity","text","outlined","size","unstyled"]),d(h,{ref:"menu",id:i.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,C)};export{I as default};
+import t from"primevue/button";import n from"primevue/icons/chevrondown";import e from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import u from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{resolveComponent as l,openBlock as r,createElementBlock as s,mergeProps as a,renderSlot as p,createVNode as d,withCtx as c,normalizeClass as b,createElementVNode as m,createBlock as f,resolveDynamicComponent as y,createSlots as v}from"vue";function x(t){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},x(t)}function h(t,n,e){return(n=B(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function B(t){var n=g(t,"string");return"symbol"===x(n)?n:String(n)}function g(t,n){if("object"!==x(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==x(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var S={root:function(t){var n,e=t.props;return["p-splitbutton p-component",(n={},h(n,"p-button-".concat(e.severity),e.severity),h(n,"p-button-raised",e.raised),h(n,"p-button-rounded",e.rounded),h(n,"p-button-text",e.text),h(n,"p-button-outlined",e.outlined),h(n,"p-button-sm","small"===e.size),h(n,"p-button-lg","large"===e.size),n)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},w=i("\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n",{name:"splitbutton",manual:!0}),I={name:"SplitButton",extends:{name:"BaseSplitButton",extends:u,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:S,loadStyle:w.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(n){t.isExpanded=n}))},methods:{onDropdownButtonClick:function(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:function(){return o()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:e,ChevronDownIcon:n}},$=["data-pc-severity"];I.render=function(t,n,e,o,u,i){var x=l("PVSButton"),h=l("PVSMenu");return r(),s("div",a({class:i.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[p(t.$slots,"default",{},(function(){return[d(x,a({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:i.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled,"data-pc-section":"button"}),{icon:c((function(n){return[p(t.$slots,"icon",{class:b(n.class)},(function(){return[m("span",a({class:[t.icon,n.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),_:3},16,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),d(x,a({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":i.ariaId+"_overlay",onClick:i.onDropdownButtonClick,onKeydown:i.onDropdownKeydown,pt:t.ptm("menuButton"),severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:c((function(n){return[p(t.$slots,"menubuttonicon",{class:b(n.class)},(function(){return[(r(),f(y(t.menuButtonIcon?"span":"ChevronDownIcon"),a({class:[t.menuButtonIcon,n.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","severity","text","outlined","size","unstyled"]),d(h,{ref:"menu",id:i.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},v({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:c((function(n){return[p(t.$slots,"menuitemicon",{item:n.item,class:b(n.class)})]})),key:"0"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,$)};export{I as default};

package/splitbutton/splitbutton.js

@@ -9,7 +9,7 @@ this.primevue.splitbutton = (function (Button, ChevronDownIcon, TieredMenu, util
     var TieredMenu__default = /*#__PURE__*/_interopDefaultLegacy(TieredMenu);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
     function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -197,11 +197,8 @@ this.primevue.splitbutton = (function (Button, ChevronDownIcon, TieredMenu, util
         }, _ctx.buttonProps, {
           unstyled: _ctx.unstyled,
           "data-pc-section": "button"
-        }), vue.createSlots({
-          _: 2
-        }, [_ctx.icon ? {
-          name: "icon",
-          fn: vue.withCtx(function (slotProps) {
+        }), {
+          icon: vue.withCtx(function (slotProps) {
             return [vue.renderSlot(_ctx.$slots, "icon", {
               "class": vue.normalizeClass(slotProps["class"])
             }, function () {
@@ -212,8 +209,8 @@ this.primevue.splitbutton = (function (Button, ChevronDownIcon, TieredMenu, util
               }), null, 16)];
             })];
           }),
-          key: "0"
-        } : undefined]), 1040, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"])];
+          _: 3
+        }, 16, ["class", "label", "disabled", "severity", "text", "outlined", "size", "aria-label", "onClick", "pt", "unstyled"])];
       }), vue.createVNode(_component_PVSButton, vue.mergeProps({
         ref: "button",
         type: "button",
@@ -255,7 +252,18 @@ this.primevue.splitbutton = (function (Button, ChevronDownIcon, TieredMenu, util
         appendTo: _ctx.appendTo,
         unstyled: _ctx.unstyled,
         pt: _ctx.ptm('menu')
-      }, null, 8, ["id", "model", "autoZIndex", "baseZIndex", "appendTo", "unstyled", "pt"])], 16, _hoisted_1);
+      }, vue.createSlots({
+        _: 2
+      }, [_ctx.$slots.menuitemicon ? {
+        name: "itemicon",
+        fn: vue.withCtx(function (slotProps) {
+          return [vue.renderSlot(_ctx.$slots, "menuitemicon", {
+            item: slotProps.item,
+            "class": vue.normalizeClass(slotProps["class"])
+          })];
+        }),
+        key: "0"
+      } : undefined]), 1032, ["id", "model", "autoZIndex", "baseZIndex", "appendTo", "unstyled", "pt"])], 16, _hoisted_1);
     }
 
     script.render = render;

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,e,n,o,u,l,i){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=r(t),a=r(e),p=r(n),d=r(u);function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function b(t,e,n){return(e=m(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m(t){var e=f(t,"string");return"symbol"===c(e)?e:String(e)}function f(t,e){if("object"!==c(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var y={root:function(t){var e,n=t.props;return["p-splitbutton p-component",(e={},b(e,"p-button-".concat(n.severity),n.severity),b(e,"p-button-raised",n.raised),b(e,"p-button-rounded",n.rounded),b(e,"p-button-text",n.text),b(e,"p-button-outlined",n.outlined),b(e,"p-button-sm","small"===n.size),b(e,"p-button-lg","large"===n.size),e)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},v=l.useStyle("\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n",{name:"splitbutton",manual:!0}),x={name:"SplitButton",extends:{name:"BaseSplitButton",extends:d.default,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:y,loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:function(){return o.UniqueComponentId()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:s.default,PVSMenu:p.default,ChevronDownIcon:a.default}},h=["data-pc-severity"];return x.render=function(t,e,n,o,u,l){var r=i.resolveComponent("PVSButton"),s=i.resolveComponent("PVSMenu");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[i.renderSlot(t.$slots,"default",{},(function(){return[i.createVNode(r,i.mergeProps({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled,"data-pc-section":"button"}),i.createSlots({_:2},[t.icon?{name:"icon",fn:i.withCtx((function(e){return[i.renderSlot(t.$slots,"icon",{class:i.normalizeClass(e.class)},(function(){return[i.createElementVNode("span",i.mergeProps({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),i.createVNode(r,i.mergeProps({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":l.ariaId+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,pt:t.ptm("menuButton"),severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:i.withCtx((function(e){return[i.renderSlot(t.$slots,"menubuttonicon",{class:i.normalizeClass(e.class)},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.menuButtonIcon?"span":"ChevronDownIcon"),i.mergeProps({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","severity","text","outlined","size","unstyled"]),i.createVNode(s,{ref:"menu",id:l.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,h)},x}(primevue.button,primevue.icons.chevrondown,primevue.tieredmenu,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,e,n,o,u,l,i){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=r(t),a=r(e),p=r(n),d=r(u);function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function b(t,e,n){return(e=m(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m(t){var e=f(t,"string");return"symbol"===c(e)?e:String(e)}function f(t,e){if("object"!==c(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var y={root:function(t){var e,n=t.props;return["p-splitbutton p-component",(e={},b(e,"p-button-".concat(n.severity),n.severity),b(e,"p-button-raised",n.raised),b(e,"p-button-rounded",n.rounded),b(e,"p-button-text",n.text),b(e,"p-button-outlined",n.outlined),b(e,"p-button-sm","small"===n.size),b(e,"p-button-lg","large"===n.size),e)]},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton"},v=l.useStyle("\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n    display: flex;\n}\n",{name:"splitbutton",manual:!0}),x={name:"SplitButton",extends:{name:"BaseSplitButton",extends:d.default,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:String,default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:y,loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["click"],data:function(){return{isExpanded:!1}},mounted:function(){var t=this;this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:function(){return o.UniqueComponentId()},containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:s.default,PVSMenu:p.default,ChevronDownIcon:a.default}},h=["data-pc-severity"];return x.render=function(t,e,n,o,u,l){var r=i.resolveComponent("PVSButton"),s=i.resolveComponent("PVSMenu");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:l.containerClass,style:t.style},t.ptm("root"),{"data-pc-name":"splitbutton","data-pc-severity":t.severity}),[i.renderSlot(t.$slots,"default",{},(function(){return[i.createVNode(r,i.mergeProps({type:"button",class:t.cx("button"),label:t.label,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick,pt:t.ptm("button")},t.buttonProps,{unstyled:t.unstyled,"data-pc-section":"button"}),{icon:i.withCtx((function(e){return[i.renderSlot(t.$slots,"icon",{class:i.normalizeClass(e.class)},(function(){return[i.createElementVNode("span",i.mergeProps({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),_:3},16,["class","label","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"])]})),i.createVNode(r,i.mergeProps({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":l.ariaId+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,pt:t.ptm("menuButton"),severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{unstyled:t.unstyled,"data-pc-section":"menubutton"}),{icon:i.withCtx((function(e){return[i.renderSlot(t.$slots,"menubuttonicon",{class:i.normalizeClass(e.class)},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.menuButtonIcon?"span":"ChevronDownIcon"),i.mergeProps({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","pt","severity","text","outlined","size","unstyled"]),i.createVNode(s,{ref:"menu",id:l.ariaId+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},i.createSlots({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:i.withCtx((function(e){return[i.renderSlot(t.$slots,"menuitemicon",{item:e.item,class:i.normalizeClass(e.class)})]})),key:"0"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,h)},x}(primevue.button,primevue.icons.chevrondown,primevue.tieredmenu,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/splitter/Splitter.d.ts

@@ -9,7 +9,8 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type SplitterPassThroughOptionType = SplitterPassThroughAttributes | ((options: SplitterPassThroughMethodOptions) => SplitterPassThroughAttributes | string) | string | null | undefined;
 
@@ -17,10 +18,26 @@ export declare type SplitterPassThroughOptionType = SplitterPassThroughAttribute
  * Custom passthrough(pt) option method.
  */
 export interface SplitterPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
     instance: any;
+    /**
+     * Defines valid properties.
+     */
     props: SplitterProps;
+    /**
+     * Defines current inline state.
+     */
     state: SplitterState;
+    /**
+     * Defines current options.
+     */
     context: SplitterContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -136,7 +153,12 @@ export interface SplitterProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {SplitterPassThroughOptions}
      */
-    pt?: PTOptions<SplitterPassThroughOptions>;
+    pt?: PassThrough<SplitterPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/splitterpanel/SplitterPanel.d.ts

@@ -9,7 +9,8 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type SplitterPanelPassThroughOptionType = SplitterPanelPassThroughAttributes | ((options: SplitterPanelPassThroughMethodOptions) => SplitterPanelPassThroughAttributes | string) | string | null | undefined;
 
@@ -17,9 +18,22 @@ export declare type SplitterPanelPassThroughOptionType = SplitterPanelPassThroug
  * Custom passthrough(pt) option method.
  */
 export interface SplitterPanelPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
     instance: any;
+    /**
+     * Defines valid properties.
+     */
     props: SplitterPanelProps;
+    /**
+     * Defines current options.
+     */
     context: SplitterPanelContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -71,7 +85,12 @@ export interface SplitterPanelProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {SplitterPanelPassThroughOptions}
      */
-    pt?: PTOptions<SplitterPanelPassThroughOptions>;
+    pt?: PassThrough<SplitterPanelPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/steps/Steps.d.ts

@@ -10,7 +10,8 @@
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { MenuItem } from '../menuitem';
-import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type StepsPassThroughOptionType = StepsPassThroughAttributes | ((options: StepsPassThroughMethodOptions) => StepsPassThroughAttributes | string) | string | null | undefined;
 
@@ -18,9 +19,22 @@ export declare type StepsPassThroughOptionType = StepsPassThroughAttributes | ((
  * Custom passthrough(pt) option method.
  */
 export interface StepsPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
     instance: any;
+    /**
+     * Defines valid properties.
+     */
     props: StepsProps;
+    /**
+     * Defines current options.
+     */
     context: StepsContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -90,6 +104,24 @@ export interface StepsContext {
     disabled: boolean;
 }
 
+/**
+ * Defines valid router binding props in Steps component.
+ */
+export interface StepsRouterBindProps {
+    /**
+     * Action element binding
+     */
+    action: object;
+    /**
+     * Icon element binding
+     */
+    icon: object;
+    /**
+     * Label element binding
+     */
+    label: object;
+}
+
 /**
  * Defines valid properties in Steps component.
  */
@@ -116,7 +148,12 @@ export interface StepsProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {StepsPassThroughOptions}
      */
-    pt?: PTOptions<StepsPassThroughOptions>;
+    pt?: PassThrough<StepsPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false
@@ -137,6 +174,18 @@ export interface StepsSlots {
          * Menuitem instance
          */
         item: MenuItem;
+        /**
+         * Label property of the menuitem
+         */
+        label: string | ((...args: any) => string) | undefined;
+        /**
+         * Order of the menuitem
+         */
+        index: number;
+        /**
+         * Binding properties of the menuitem
+         */
+        props: StepsRouterBindProps;
     }): VNode[];
 }
 

package/steps/Steps.vue

@@ -23,7 +23,7 @@
                             <span :class="cx('label')" v-bind="getPTOptions('label', item, index)">{{ label(item) }}</span>
                         </span>
                     </template>
-                    <component v-else :is="$slots.item" :item="item"></component>
+                    <component v-else :is="$slots.item" :item="item" :index="index" :label="label(item)" :props="getMenuItemProps(item, index)"></component>
                 </li>
             </template>
         </ol>
@@ -32,11 +32,17 @@
 
 <script>
 import { DomHandler } from 'primevue/utils';
+import { mergeProps } from 'vue';
 import BaseSteps from './BaseSteps.vue';
 
 export default {
     name: 'Steps',
     extends: BaseSteps,
+    beforeMount() {
+        if (!this.$slots.item) {
+            console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+        }
+    },
     mounted() {
         const firstItem = this.findFirstItem();
 
@@ -172,6 +178,30 @@ export default {
         },
         label(item) {
             return typeof item.label === 'function' ? item.label() : item.label;
+        },
+        getMenuItemProps(item, index) {
+            return {
+                action: mergeProps(
+                    {
+                        class: this.cx('action'),
+                        onClick: ($event) => this.onItemClick($event, item),
+                        onKeyDown: ($event) => this.onItemKeydown($event, item)
+                    },
+                    this.getPTOptions('action', item, index)
+                ),
+                step: mergeProps(
+                    {
+                        class: this.cx('step')
+                    },
+                    this.getPTOptions('step', item, index)
+                ),
+                label: mergeProps(
+                    {
+                        class: this.cx('label')
+                    },
+                    this.getPTOptions('label', item, index)
+                )
+            };
         }
     }
 };

package/steps/steps.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var utils = require('primevue/utils');
+var vue = require('vue');
 var BaseComponent = require('primevue/basecomponent');
 var usestyle = require('primevue/usestyle');
-var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -77,6 +77,11 @@ var script$1 = {
 var script = {
   name: 'Steps',
   "extends": script$1,
+  beforeMount: function beforeMount() {
+    if (!this.$slots.item) {
+      console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+    }
+  },
   mounted: function mounted() {
     var firstItem = this.findFirstItem();
     firstItem.tabIndex = '0';
@@ -196,6 +201,26 @@ var script = {
     },
     label: function label(item) {
       return typeof item.label === 'function' ? item.label() : item.label;
+    },
+    getMenuItemProps: function getMenuItemProps(item, index) {
+      var _this = this;
+      return {
+        action: vue.mergeProps({
+          "class": this.cx('action'),
+          onClick: function onClick($event) {
+            return _this.onItemClick($event, item);
+          },
+          onKeyDown: function onKeyDown($event) {
+            return _this.onItemKeydown($event, item);
+          }
+        }, this.getPTOptions('action', item, index)),
+        step: vue.mergeProps({
+          "class": this.cx('step')
+        }, this.getPTOptions('step', item, index)),
+        label: vue.mergeProps({
+          "class": this.cx('label')
+        }, this.getPTOptions('label', item, index))
+      };
     }
   }
 };
@@ -271,8 +296,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "class": _ctx.cx('label')
     }, $options.getPTOptions('label', item, index)), vue.toDisplayString($options.label(item)), 17)], 16, _hoisted_4))], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
       key: 1,
-      item: item
-    }, null, 8, ["item"]))], 16, _hoisted_2)) : vue.createCommentVNode("", true)], 64);
+      item: item,
+      index: index,
+      label: $options.label(item),
+      props: $options.getMenuItemProps(item, index)
+    }, null, 8, ["item", "index", "label", "props"]))], 16, _hoisted_2)) : vue.createCommentVNode("", true)], 64);
   }), 128))], 16)], 16, _hoisted_1);
 }
 

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),i=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),a=n.useStyle("\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n",{name:"steps",manual:!0}),r={name:"Steps",extends:{name:"BaseSteps",extends:o.default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},css:{classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,n=e.item;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(n)}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},step:"p-steps-number",label:"p-steps-title"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(t),disabled:this.isItemDisabled(t)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.DomHandler.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.DomHandler.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},isItemDisabled:function(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label}}},l=["id"],c=["data-p-highlight","data-p-disabled"],p=["href","aria-current","onClick","onKeydown"],m=["onKeydown"];r.render=function(e,t,n,s,o,a){var r=i.resolveComponent("router-link");return i.openBlock(),i.createElementBlock("nav",i.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[i.createElementVNode("ol",i.mergeProps({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.model,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:t.to},[a.visible(t)?(i.openBlock(),i.createElementBlock("li",i.mergeProps({key:0,class:[e.cx("menuitem",{item:t}),t.class],style:t.style},a.getPTOptions("menuitem",t,n),{"data-p-highlight":a.isActive(t),"data-p-disabled":a.isItemDisabled(t)}),[e.$slots.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[a.isItemDisabled(t)?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:1,class:e.cx("action"),onKeydown:function(e){return a.onItemKeydown(e,t)}},a.getPTOptions("action",t,n)),[i.createElementVNode("span",i.mergeProps({class:e.cx("step")},a.getPTOptions("step",t,n)),i.toDisplayString(n+1),17),i.createElementVNode("span",i.mergeProps({class:e.cx("label")},a.getPTOptions("label",t,n)),i.toDisplayString(a.label(t)),17)],16,m)):(i.openBlock(),i.createBlock(r,{key:0,to:t.to,custom:""},{default:i.withCtx((function(s){var o=s.navigate,r=s.isExactActive;return[i.createElementVNode("a",i.mergeProps({href:s.href,class:e.cx("action",{isActive:s.isActive,isExactActive:r}),tabindex:-1,"aria-current":r?"step":void 0,onClick:function(e){return a.onItemClick(e,t,o)},onKeydown:function(e){return a.onItemKeydown(e,t,o)}},a.getPTOptions("action",t,n)),[i.createElementVNode("span",i.mergeProps({class:e.cx("step")},a.getPTOptions("step",t,n)),i.toDisplayString(n+1),17),i.createElementVNode("span",i.mergeProps({class:e.cx("label")},a.getPTOptions("label",t,n)),i.toDisplayString(a.label(t)),17)],16,p)]})),_:2},1032,["to"]))],64))],16,c)):i.createCommentVNode("",!0)],64)})),128))],16)],16,l)},module.exports=r;
+"use strict";var e=require("primevue/utils"),t=require("vue"),n=require("primevue/basecomponent"),i=require("primevue/usestyle");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(n),r=i.useStyle("\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n",{name:"steps",manual:!0}),a={name:"Steps",extends:{name:"BaseSteps",extends:o.default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},css:{classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,n=e.item;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(n)}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},step:"p-steps-number",label:"p-steps-title"},loadStyle:r.load},provide:function(){return{$parentInstance:this}}},beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(t),disabled:this.isItemDisabled(t)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.DomHandler.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.DomHandler.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},isItemDisabled:function(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},getMenuItemProps:function(e,n){var i=this;return{action:t.mergeProps({class:this.cx("action"),onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeydown(t,e)}},this.getPTOptions("action",e,n)),step:t.mergeProps({class:this.cx("step")},this.getPTOptions("step",e,n)),label:t.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,n))}}}},l=["id"],c=["data-p-highlight","data-p-disabled"],p=["href","aria-current","onClick","onKeydown"],u=["onKeydown"];a.render=function(e,n,i,s,o,r){var a=t.resolveComponent("router-link");return t.openBlock(),t.createElementBlock("nav",t.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[t.createElementVNode("ol",t.mergeProps({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.model,(function(n,i){return t.openBlock(),t.createElementBlock(t.Fragment,{key:n.to},[r.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n}),n.class],style:n.style},r.getPTOptions("menuitem",n,i),{"data-p-highlight":r.isActive(n),"data-p-disabled":r.isItemDisabled(n)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,label:r.label(n),props:r.getMenuItemProps(n,i)},null,8,["item","index","label","props"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[r.isItemDisabled(n)?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:e.cx("action"),onKeydown:function(e){return r.onItemKeydown(e,n)}},r.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},r.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},r.getPTOptions("label",n,i)),t.toDisplayString(r.label(n)),17)],16,u)):(t.openBlock(),t.createBlock(a,{key:0,to:n.to,custom:""},{default:t.withCtx((function(s){var o=s.navigate,a=s.isExactActive;return[t.createElementVNode("a",t.mergeProps({href:s.href,class:e.cx("action",{isActive:s.isActive,isExactActive:a}),tabindex:-1,"aria-current":a?"step":void 0,onClick:function(e){return r.onItemClick(e,n,o)},onKeydown:function(e){return r.onItemKeydown(e,n,o)}},r.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},r.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},r.getPTOptions("label",n,i)),t.toDisplayString(r.label(n)),17)],16,p)]})),_:2},1032,["to"]))],64))],16,c)):t.createCommentVNode("",!0)],64)})),128))],16)],16,l)},module.exports=a;

package/steps/steps.esm.js

@@ -1,7 +1,7 @@
 import { DomHandler } from 'primevue/utils';
+import { mergeProps, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
 
 var styles = "\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n";
 var classes = {
@@ -71,6 +71,11 @@ var script$1 = {
 var script = {
   name: 'Steps',
   "extends": script$1,
+  beforeMount: function beforeMount() {
+    if (!this.$slots.item) {
+      console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+    }
+  },
   mounted: function mounted() {
     var firstItem = this.findFirstItem();
     firstItem.tabIndex = '0';
@@ -190,6 +195,26 @@ var script = {
     },
     label: function label(item) {
       return typeof item.label === 'function' ? item.label() : item.label;
+    },
+    getMenuItemProps: function getMenuItemProps(item, index) {
+      var _this = this;
+      return {
+        action: mergeProps({
+          "class": this.cx('action'),
+          onClick: function onClick($event) {
+            return _this.onItemClick($event, item);
+          },
+          onKeyDown: function onKeyDown($event) {
+            return _this.onItemKeydown($event, item);
+          }
+        }, this.getPTOptions('action', item, index)),
+        step: mergeProps({
+          "class": this.cx('step')
+        }, this.getPTOptions('step', item, index)),
+        label: mergeProps({
+          "class": this.cx('label')
+        }, this.getPTOptions('label', item, index))
+      };
     }
   }
 };
@@ -265,8 +290,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "class": _ctx.cx('label')
     }, $options.getPTOptions('label', item, index)), toDisplayString($options.label(item)), 17)], 16, _hoisted_4))], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
       key: 1,
-      item: item
-    }, null, 8, ["item"]))], 16, _hoisted_2)) : createCommentVNode("", true)], 64);
+      item: item,
+      index: index,
+      label: $options.label(item),
+      props: $options.getMenuItemProps(item, index)
+    }, null, 8, ["item", "index", "label", "props"]))], 16, _hoisted_2)) : createCommentVNode("", true)], 64);
   }), 128))], 16)], 16, _hoisted_1);
 }
 

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{resolveComponent as i,openBlock as s,createElementBlock as a,mergeProps as o,createElementVNode as r,Fragment as l,renderList as c,createBlock as p,withCtx as u,toDisplayString as m,resolveDynamicComponent as d,createCommentVNode as f}from"vue";var v=n("\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n",{name:"steps",manual:!0}),h={name:"Steps",extends:{name:"BaseSteps",extends:t,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},css:{classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,n=e.item;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(n)}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},step:"p-steps-number",label:"p-steps-title"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(t),disabled:this.isItemDisabled(t)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},isItemDisabled:function(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label}}},b=["id"],y=["data-p-highlight","data-p-disabled"],g=["href","aria-current","onClick","onKeydown"],x=["onKeydown"];h.render=function(e,t,n,v,h,I){var k=i("router-link");return s(),a("nav",o({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[r("ol",o({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(s(!0),a(l,null,c(e.model,(function(t,n){return s(),a(l,{key:t.to},[I.visible(t)?(s(),a("li",o({key:0,class:[e.cx("menuitem",{item:t}),t.class],style:t.style},I.getPTOptions("menuitem",t,n),{"data-p-highlight":I.isActive(t),"data-p-disabled":I.isItemDisabled(t)}),[e.$slots.item?(s(),p(d(e.$slots.item),{key:1,item:t},null,8,["item"])):(s(),a(l,{key:0},[I.isItemDisabled(t)?(s(),a("span",o({key:1,class:e.cx("action"),onKeydown:function(e){return I.onItemKeydown(e,t)}},I.getPTOptions("action",t,n)),[r("span",o({class:e.cx("step")},I.getPTOptions("step",t,n)),m(n+1),17),r("span",o({class:e.cx("label")},I.getPTOptions("label",t,n)),m(I.label(t)),17)],16,x)):(s(),p(k,{key:0,to:t.to,custom:""},{default:u((function(i){var s=i.navigate,a=i.isExactActive;return[r("a",o({href:i.href,class:e.cx("action",{isActive:i.isActive,isExactActive:a}),tabindex:-1,"aria-current":a?"step":void 0,onClick:function(e){return I.onItemClick(e,t,s)},onKeydown:function(e){return I.onItemKeydown(e,t,s)}},I.getPTOptions("action",t,n)),[r("span",o({class:e.cx("step")},I.getPTOptions("step",t,n)),m(n+1),17),r("span",o({class:e.cx("label")},I.getPTOptions("label",t,n)),m(I.label(t)),17)],16,g)]})),_:2},1032,["to"]))],64))],16,y)):f("",!0)],64)})),128))],16)],16,b)};export{h as default};
+import{DomHandler as e}from"primevue/utils";import{mergeProps as t,resolveComponent as n,openBlock as i,createElementBlock as s,createElementVNode as o,Fragment as a,renderList as l,createBlock as r,withCtx as c,toDisplayString as p,resolveDynamicComponent as u,createCommentVNode as m}from"vue";import d from"primevue/basecomponent";import{useStyle as f}from"primevue/usestyle";var v=f("\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n",{name:"steps",manual:!0}),h={name:"Steps",extends:{name:"BaseSteps",extends:d,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},css:{classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,n=e.item;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(n)}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},step:"p-steps-number",label:"p-steps-title"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(t),disabled:this.isItemDisabled(t)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},isItemDisabled:function(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},getMenuItemProps:function(e,n){var i=this;return{action:t({class:this.cx("action"),onClick:function(t){return i.onItemClick(t,e)},onKeyDown:function(t){return i.onItemKeydown(t,e)}},this.getPTOptions("action",e,n)),step:t({class:this.cx("step")},this.getPTOptions("step",e,n)),label:t({class:this.cx("label")},this.getPTOptions("label",e,n))}}}},b=["id"],g=["data-p-highlight","data-p-disabled"],x=["href","aria-current","onClick","onKeydown"],y=["onKeydown"];h.render=function(e,d,f,v,h,I){var k=n("router-link");return i(),s("nav",t({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[o("ol",t({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(i(!0),s(a,null,l(e.model,(function(n,l){return i(),s(a,{key:n.to},[I.visible(n)?(i(),s("li",t({key:0,class:[e.cx("menuitem",{item:n}),n.class],style:n.style},I.getPTOptions("menuitem",n,l),{"data-p-highlight":I.isActive(n),"data-p-disabled":I.isItemDisabled(n)}),[e.$slots.item?(i(),r(u(e.$slots.item),{key:1,item:n,index:l,label:I.label(n),props:I.getMenuItemProps(n,l)},null,8,["item","index","label","props"])):(i(),s(a,{key:0},[I.isItemDisabled(n)?(i(),s("span",t({key:1,class:e.cx("action"),onKeydown:function(e){return I.onItemKeydown(e,n)}},I.getPTOptions("action",n,l)),[o("span",t({class:e.cx("step")},I.getPTOptions("step",n,l)),p(l+1),17),o("span",t({class:e.cx("label")},I.getPTOptions("label",n,l)),p(I.label(n)),17)],16,y)):(i(),r(k,{key:0,to:n.to,custom:""},{default:c((function(i){var s=i.navigate,a=i.isExactActive;return[o("a",t({href:i.href,class:e.cx("action",{isActive:i.isActive,isExactActive:a}),tabindex:-1,"aria-current":a?"step":void 0,onClick:function(e){return I.onItemClick(e,n,s)},onKeydown:function(e){return I.onItemKeydown(e,n,s)}},I.getPTOptions("action",n,l)),[o("span",t({class:e.cx("step")},I.getPTOptions("step",n,l)),p(l+1),17),o("span",t({class:e.cx("label")},I.getPTOptions("label",n,l)),p(I.label(n)),17)],16,x)]})),_:2},1032,["to"]))],64))],16,g)):m("",!0)],64)})),128))],16)],16,b)};export{h as default};

package/steps/steps.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.steps = (function (utils, BaseComponent, usestyle, vue) {
+this.primevue.steps = (function (utils, vue, BaseComponent, usestyle) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -74,6 +74,11 @@ this.primevue.steps = (function (utils, BaseComponent, usestyle, vue) {
     var script = {
       name: 'Steps',
       "extends": script$1,
+      beforeMount: function beforeMount() {
+        if (!this.$slots.item) {
+          console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+        }
+      },
       mounted: function mounted() {
         var firstItem = this.findFirstItem();
         firstItem.tabIndex = '0';
@@ -193,6 +198,26 @@ this.primevue.steps = (function (utils, BaseComponent, usestyle, vue) {
         },
         label: function label(item) {
           return typeof item.label === 'function' ? item.label() : item.label;
+        },
+        getMenuItemProps: function getMenuItemProps(item, index) {
+          var _this = this;
+          return {
+            action: vue.mergeProps({
+              "class": this.cx('action'),
+              onClick: function onClick($event) {
+                return _this.onItemClick($event, item);
+              },
+              onKeyDown: function onKeyDown($event) {
+                return _this.onItemKeydown($event, item);
+              }
+            }, this.getPTOptions('action', item, index)),
+            step: vue.mergeProps({
+              "class": this.cx('step')
+            }, this.getPTOptions('step', item, index)),
+            label: vue.mergeProps({
+              "class": this.cx('label')
+            }, this.getPTOptions('label', item, index))
+          };
         }
       }
     };
@@ -268,8 +293,11 @@ this.primevue.steps = (function (utils, BaseComponent, usestyle, vue) {
           "class": _ctx.cx('label')
         }, $options.getPTOptions('label', item, index)), vue.toDisplayString($options.label(item)), 17)], 16, _hoisted_4))], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
           key: 1,
-          item: item
-        }, null, 8, ["item"]))], 16, _hoisted_2)) : vue.createCommentVNode("", true)], 64);
+          item: item,
+          index: index,
+          label: $options.label(item),
+          props: $options.getMenuItemProps(item, index)
+        }, null, 8, ["item", "index", "label", "props"]))], 16, _hoisted_2)) : vue.createCommentVNode("", true)], 64);
       }), 128))], 16)], 16, _hoisted_1);
     }
 
@@ -277,4 +305,4 @@ this.primevue.steps = (function (utils, BaseComponent, usestyle, vue) {
 
     return script;
 
-})(primevue.utils, primevue.basecomponent, primevue.usestyle, Vue);
+})(primevue.utils, Vue, primevue.basecomponent, primevue.usestyle);