primevue 3.47.2 → 3.48.0

package/stepper/stepper.js

@@ -0,0 +1,270 @@
+this.primevue = this.primevue || {};
+this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var StepperStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepperStyle);
+
+    var script$1 = {
+      name: 'BaseStepper',
+      "extends": BaseComponent__default["default"],
+      props: {
+        activeStep: {
+          type: Number,
+          "default": 0
+        },
+        orientation: {
+          type: String,
+          "default": 'horizontal'
+        }
+      },
+      style: StepperStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    var script = {
+      name: 'Stepper',
+      "extends": script$1,
+      emits: ['update:activeStep', 'step-change'],
+      data: function data() {
+        return {
+          id: this.$attrs.id,
+          d_activeStep: this.activeStep
+        };
+      },
+      watch: {
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
+        },
+        activeStep: function activeStep(newValue) {
+          this.d_activeStep = newValue;
+        }
+      },
+      mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
+      },
+      methods: {
+        isStep: function isStep(child) {
+          return child.type.name === 'Step';
+        },
+        isStepActive: function isStepActive(index) {
+          return this.d_activeStep === index;
+        },
+        getStepProp: function getStepProp(step, name) {
+          return step.props ? step.props[name] : undefined;
+        },
+        getStepKey: function getStepKey(step, index) {
+          return this.getStepProp(step, 'header') || index;
+        },
+        getStepHeaderActionId: function getStepHeaderActionId(index) {
+          return "".concat(this.id, "_").concat(index, "_header_action");
+        },
+        getStepContentId: function getStepContentId(index) {
+          return "".concat(this.id, "_").concat(index, "_content");
+        },
+        getStepPT: function getStepPT(step, key, index) {
+          var count = this.steps.length;
+          var stepMetaData = {
+            props: step.props,
+            parent: {
+              instance: this,
+              props: this.$props,
+              state: this.$data
+            },
+            context: {
+              index: index,
+              count: count,
+              first: index === 0,
+              last: index === count - 1,
+              active: this.isStepActive(index)
+            }
+          };
+          return vue.mergeProps(this.ptm("step.".concat(key), {
+            step: stepMetaData
+          }), this.ptm("step.".concat(key), stepMetaData), this.ptmo(this.getStepProp(step, 'pt'), key, stepMetaData));
+        },
+        onItemClick: function onItemClick(event, step, index) {
+          if (this.getStepProp(step, 'disabled') || this.readonly) {
+            event.preventDefault();
+            return;
+          }
+          if (index !== this.d_activeStep) {
+            this.d_activeStep = index;
+            this.$emit('update:activeStep', this.d_activeStep);
+          }
+          this.$emit('step-change', {
+            originalEvent: event,
+            index: index
+          });
+        },
+        onItemKeydown: function onItemKeydown(event, tab) {
+          switch (event.code) {
+            case 'ArrowRight':
+              {
+                this.navigateToNextItem(event.target);
+                event.preventDefault();
+                break;
+              }
+            case 'ArrowLeft':
+              {
+                this.navigateToPrevItem(event.target);
+                event.preventDefault();
+                break;
+              }
+            case 'Home':
+              {
+                this.navigateToFirstItem(event.target);
+                event.preventDefault();
+                break;
+              }
+            case 'End':
+              {
+                this.navigateToLastItem(event.target);
+                event.preventDefault();
+                break;
+              }
+            case 'Tab':
+              //no op
+              break;
+            case 'Enter':
+            case 'NumpadEnter':
+            case 'Space':
+              {
+                this.onItemClick(event, step);
+                event.preventDefault();
+                break;
+              }
+          }
+        },
+        navigateToNextItem: function navigateToNextItem(target) {
+          var nextItem = this.findNextItem(target);
+          nextItem && this.setFocusToMenuitem(target, nextItem);
+        },
+        navigateToPrevItem: function navigateToPrevItem(target) {
+          var prevItem = this.findPrevItem(target);
+          prevItem && this.setFocusToMenuitem(target, prevItem);
+        },
+        navigateToFirstItem: function navigateToFirstItem(target) {
+          var firstItem = this.findFirstItem(target);
+          firstItem && this.setFocusToMenuitem(target, firstItem);
+        },
+        navigateToLastItem: function navigateToLastItem(target) {
+          var lastItem = this.findLastItem(target);
+          lastItem && this.setFocusToMenuitem(target, lastItem);
+        },
+        findNextItem: function findNextItem(item) {
+          var nextItem = item.parentElement.nextElementSibling;
+          return nextItem ? nextItem.children[0] : null;
+        },
+        findPrevItem: function findPrevItem(item) {
+          var prevItem = item.parentElement.previousElementSibling;
+          return prevItem ? prevItem.children[0] : null;
+        },
+        findFirstItem: function findFirstItem() {
+          var firstSibling = DomHandler.findSingle(this.$refs.list, '[data-pc-section="header"]');
+          return firstSibling ? firstSibling.children[0] : null;
+        },
+        findLastItem: function findLastItem() {
+          var siblings = DomHandler.find(this.$refs.list, '[data-pc-section="header"]');
+          return siblings ? siblings[siblings.length - 1].children[0] : null;
+        }
+      },
+      computed: {
+        steps: function steps() {
+          var _this = this;
+          return this.$slots["default"]().reduce(function (steps, child) {
+            if (_this.isStep(child)) {
+              steps.push(child);
+            } else if (child.children && child.children instanceof Array) {
+              child.children.forEach(function (nestedChild) {
+                if (_this.isStep(nestedChild)) {
+                  steps.push(nestedChild);
+                }
+              });
+            }
+            return steps;
+          }, []);
+        }
+      }
+    };
+
+    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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+    var _hoisted_1 = ["aria-current", "onClick", "onKeydown", "data-p-highlight", "data-p-disabled", "data-pc-index", "data-p-active"];
+    var _hoisted_2 = ["id", "aria-labelledby", "data-pc-index", "data-p-active"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        "class": vue.normalizeClass(_ctx.cx('root')),
+        role: "tablist"
+      }, [vue.createElementVNode("div", {
+        "class": vue.normalizeClass(_ctx.cx('navContent'))
+      }, [vue.createElementVNode("ul", {
+        ref: "list",
+        "class": vue.normalizeClass(_ctx.cx('nav'))
+      }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.steps, function (step, index) {
+        return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+          key: $options.getStepKey(step, index),
+          "class": _ctx.cx('step.header', {
+            step: step,
+            index: index
+          }),
+          style: $options.getStepProp(step, 'headerStyle'),
+          "aria-current": $options.isStepActive(index) ? 'step' : undefined,
+          onClick: function onClick($event) {
+            return $options.onItemClick($event, step, index);
+          },
+          onKeydown: function onKeydown($event) {
+            return $options.onItemKeydown($event, step, index);
+          }
+        }, _objectSpread(_objectSpread({}, $options.getStepPT(step, 'root', index)), $options.getStepPT(step, 'header', index)), {
+          "data-pc-name": "step",
+          "data-p-highlight": $options.isStepActive(index),
+          "data-p-disabled": $options.getStepProp(step, 'disabled'),
+          "data-pc-index": index,
+          "data-p-active": $options.isStepActive(index)
+        }), [vue.renderSlot(_ctx.$slots, "header", {}, function () {
+          return [vue.createElementVNode("span", {
+            "class": vue.normalizeClass(_ctx.cx('step.action'))
+          }, [vue.createElementVNode("span", {
+            "class": vue.normalizeClass(_ctx.cx('step.step'))
+          }, vue.toDisplayString(index + 1), 3), vue.createElementVNode("span", {
+            "class": vue.normalizeClass(_ctx.cx('step.title'))
+          }, vue.toDisplayString($options.getStepProp(step, 'header')), 3)], 2)];
+        })], 16, _hoisted_1);
+      }), 128))], 2)], 2), vue.createElementVNode("div", {
+        "class": vue.normalizeClass(_ctx.cx('stepContainer'))
+      }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.steps, function (step, index) {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          key: $options.getStepKey(step, index)
+        }, [$options.isStepActive(index) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          key: 0,
+          id: $options.getStepContentId(index),
+          "class": _ctx.cx('step.content', {
+            step: step
+          }),
+          style: $options.getStepProp(step, 'contentStyle'),
+          role: "tabpanel",
+          "aria-labelledby": $options.getStepHeaderActionId(index)
+        }, _objectSpread(_objectSpread({}, $options.getStepPT(step, 'root', index)), $options.getStepPT(step, 'content', index)), {
+          "data-pc-name": "step",
+          "data-pc-index": index,
+          "data-p-active": $options.isStepActive(index)
+        }), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(step)))], 16, _hoisted_2)) : vue.createCommentVNode("", true)], 64);
+      }), 128))], 2)], 2);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.utils, Vue, primevue.basecomponent, StepperStyle);

package/stepper/stepper.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.stepper=function(e,t,n,r){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Stepper",extends:{name:"BaseStepper",extends:i(n).default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"}},style:i(r).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":function(t){this.id=t||e.UniqueComponentId()},activeStep:function(e){this.d_activeStep=e}},mounted:function(){this.id=this.id||e.UniqueComponentId()},methods:{isStep:function(e){return"Step"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,n,r){var i=this.steps.length,a={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:i,first:0===r,last:r===i-1,active:this.isStepActive(r)}};return t.mergeProps(this.ptm("step.".concat(n),{step:a}),this.ptm("step.".concat(n),a),this.ptmo(this.getStepProp(e,"pt"),n,a))},onItemClick:function(e,t,n){this.getStepProp(t,"disabled")||this.readonly?e.preventDefault():(n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){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"NumpadEnter":case"Space":this.onItemClick(e,step),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 e=DomHandler.findSingle(this.$refs.list,'[data-pc-section="header"]');return e?e.children[0]:null},findLastItem:function(){var e=DomHandler.find(this.$refs.list,'[data-pc-section="header"]');return e?e[e.length-1].children[0]:null}},computed:{steps:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}}};function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(e,t,n){var r;return(t="symbol"==o(r=l(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var u=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],d=["id","aria-labelledby","data-pc-index","data-p-active"];return a.render=function(e,n,r,i,a,o){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cx("root")),role:"tablist"},[t.createElementVNode("div",{class:t.normalizeClass(e.cx("navContent"))},[t.createElementVNode("ul",{ref:"list",class:t.normalizeClass(e.cx("nav"))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.steps,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:o.getStepKey(n,r),class:e.cx("step.header",{step:n,index:r}),style:o.getStepProp(n,"headerStyle"),"aria-current":o.isStepActive(r)?"step":void 0,onClick:function(e){return o.onItemClick(e,n,r)},onKeydown:function(e){return o.onItemKeydown(e,n,r)}},c(c({},o.getStepPT(n,"root",r)),o.getStepPT(n,"header",r)),{"data-pc-name":"step","data-p-highlight":o.isStepActive(r),"data-p-disabled":o.getStepProp(n,"disabled"),"data-pc-index":r,"data-p-active":o.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){return[t.createElementVNode("span",{class:t.normalizeClass(e.cx("step.action"))},[t.createElementVNode("span",{class:t.normalizeClass(e.cx("step.step"))},t.toDisplayString(r+1),3),t.createElementVNode("span",{class:t.normalizeClass(e.cx("step.title"))},t.toDisplayString(o.getStepProp(n,"header")),3)],2)]}))],16,u)})),128))],2)],2),t.createElementVNode("div",{class:t.normalizeClass(e.cx("stepContainer"))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.steps,(function(n,r){return t.openBlock(),t.createElementBlock(t.Fragment,{key:o.getStepKey(n,r)},[o.isStepActive(r)?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,id:o.getStepContentId(r),class:e.cx("step.content",{step:n}),style:o.getStepProp(n,"contentStyle"),role:"tabpanel","aria-labelledby":o.getStepHeaderActionId(r)},c(c({},o.getStepPT(n,"root",r)),o.getStepPT(n,"content",r)),{"data-pc-name":"step","data-pc-index":r,"data-p-active":o.isStepActive(r)}),[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n)))],16,d)):t.createCommentVNode("",!0)],64)})),128))],2)],2)},a}(primevue.utils,Vue,primevue.basecomponent,StepperStyle);

package/stepper/style/stepperstyle.cjs.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+// .p-stepper {
+//     overflow-x: auto;
+// }
+var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-stepper p-component', {
+      'p-stepper-horizontal': props.orientation === 'horizontal',
+      'p-stepper-vertical': props.orientation === 'vertical'
+    }];
+  },
+  navcontent: 'p-stepper-nav-content',
+  nav: 'p-stepper-list',
+  step: {
+    header: function header(_ref2) {
+      var instance = _ref2.instance,
+        step = _ref2.step,
+        index = _ref2.index;
+      return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+        'p-highlight': instance.isStepActive(index),
+        'p-disabled': instance.getStepProp(step, 'disabled')
+      }];
+    },
+    action: 'p-stepper-action',
+    step: 'p-stepper-number',
+    title: 'p-stepper-title',
+    content: function content(_ref3) {
+      var instance = _ref3.instance,
+        step = _ref3.step;
+      return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+    }
+  },
+  stepContainer: 'p-stepper-steps'
+};
+var StepperStyle = BaseStyle__default["default"].extend({
+  name: 'stepper',
+  css: css,
+  classes: classes
+});
+
+module.exports = StepperStyle;

package/stepper/style/stepperstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,t=e.step,p=e.index;return["p-stepper-header",n.getStepProp(t,"headerClass"),{"p-highlight":n.isStepActive(p),"p-disabled":n.getStepProp(t,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}});module.exports=n;

package/stepper/style/stepperstyle.esm.js

@@ -0,0 +1,44 @@
+import BaseStyle from 'primevue/base/style';
+
+// .p-stepper {
+//     overflow-x: auto;
+// }
+var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-stepper p-component', {
+      'p-stepper-horizontal': props.orientation === 'horizontal',
+      'p-stepper-vertical': props.orientation === 'vertical'
+    }];
+  },
+  navcontent: 'p-stepper-nav-content',
+  nav: 'p-stepper-list',
+  step: {
+    header: function header(_ref2) {
+      var instance = _ref2.instance,
+        step = _ref2.step,
+        index = _ref2.index;
+      return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+        'p-highlight': instance.isStepActive(index),
+        'p-disabled': instance.getStepProp(step, 'disabled')
+      }];
+    },
+    action: 'p-stepper-action',
+    step: 'p-stepper-number',
+    title: 'p-stepper-title',
+    content: function content(_ref3) {
+      var instance = _ref3.instance,
+        step = _ref3.step;
+      return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+    }
+  },
+  stepContainer: 'p-stepper-steps'
+};
+var StepperStyle = BaseStyle.extend({
+  name: 'stepper',
+  css: css,
+  classes: classes
+});
+
+export { StepperStyle as default };

package/stepper/style/stepperstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var n=e.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,p=e.step,t=e.index;return["p-stepper-header",n.getStepProp(p,"headerClass"),{"p-highlight":n.isStepActive(t),"p-disabled":n.getStepProp(p,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}});export{n as default};

package/stepper/style/stepperstyle.js

@@ -0,0 +1,53 @@
+this.primevue = this.primevue || {};
+this.primevue.stepper = this.primevue.stepper || {};
+this.primevue.stepper.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    // .p-stepper {
+    //     overflow-x: auto;
+    // }
+    var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return ['p-stepper p-component', {
+          'p-stepper-horizontal': props.orientation === 'horizontal',
+          'p-stepper-vertical': props.orientation === 'vertical'
+        }];
+      },
+      navcontent: 'p-stepper-nav-content',
+      nav: 'p-stepper-list',
+      step: {
+        header: function header(_ref2) {
+          var instance = _ref2.instance,
+            step = _ref2.step,
+            index = _ref2.index;
+          return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+            'p-highlight': instance.isStepActive(index),
+            'p-disabled': instance.getStepProp(step, 'disabled')
+          }];
+        },
+        action: 'p-stepper-action',
+        step: 'p-stepper-number',
+        title: 'p-stepper-title',
+        content: function content(_ref3) {
+          var instance = _ref3.instance,
+            step = _ref3.step;
+          return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+        }
+      },
+      stepContainer: 'p-stepper-steps'
+    };
+    var StepperStyle = BaseStyle__default["default"].extend({
+      name: 'stepper',
+      css: css,
+      classes: classes
+    });
+
+    return StepperStyle;
+
+})(primevue.base.style);

package/stepper/style/stepperstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.stepper=this.primevue.stepper||{},this.primevue.stepper.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,t=e.step,p=e.index;return["p-stepper-header",n.getStepProp(t,"headerClass"),{"p-highlight":n.isStepActive(p),"p-disabled":n.getStepProp(t,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}})}();

package/steps/Steps.vue

@@ -1,5 +1,5 @@
 <template>
-    <nav :id="id" :class="cx('root')" v-bind="ptm('root')" data-pc-name="steps">
+    <nav :id="id" :class="cx('root')" v-bind="ptm('root')">
         <ol ref="list" :class="cx('menu')" v-bind="ptm('menu')">
             <template v-for="(item, index) of model" :key="label(item) + '_' + index.toString()">
                 <li

package/steps/steps.cjs.js

@@ -207,9 +207,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("nav", vue.mergeProps({
     id: _ctx.id,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "steps"
-  }), [vue.createElementVNode("ol", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("ol", vue.mergeProps({
     ref: "list",
     "class": _ctx.cx('menu')
   }, _ctx.ptm('menu')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, index) {

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),n=require("primevue/basecomponent"),i=require("primevue/steps/style");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Steps",extends:{name:"BaseSteps",extends:a(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:a(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){var e=this.findFirstItem();e&&(e.tabIndex="0")},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){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"NumpadEnter":case"Space":this.onItemClick(e,t),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===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},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))}}}},r=["id"],o=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];s.render=function(e,n,i,a,s,l){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:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,"aria-current":l.isActive(i)?"step":void 0,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===s.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,o)):t.createCommentVNode("",!0)],64)})),128))],16)],16,r)},module.exports=s;
+"use strict";var e=require("primevue/utils"),t=require("vue"),n=require("primevue/basecomponent"),i=require("primevue/steps/style");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Steps",extends:{name:"BaseSteps",extends:a(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:a(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){var e=this.findFirstItem();e&&(e.tabIndex="0")},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){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"NumpadEnter":case"Space":this.onItemClick(e,t),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===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},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))}}}},r=["id"],o=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];s.render=function(e,n,i,a,s,l){return t.openBlock(),t.createElementBlock("nav",t.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root")),[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:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,"aria-current":l.isActive(i)?"step":void 0,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===s.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,o)):t.createCommentVNode("",!0)],64)})),128))],16)],16,r)},module.exports=s;

package/steps/steps.esm.js

@@ -200,9 +200,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", mergeProps({
     id: _ctx.id,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "steps"
-  }), [createElementVNode("ol", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("ol", mergeProps({
     ref: "list",
     "class": _ctx.cx('menu')
   }, _ctx.ptm('menu')), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, function (item, index) {

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import{DomHandler as t}from"primevue/utils";import{mergeProps as e,openBlock as i,createElementBlock as n,createElementVNode as s,Fragment as a,renderList as o,toDisplayString as r,createBlock as l,resolveDynamicComponent as c,createCommentVNode as u}from"vue";import d from"primevue/basecomponent";import m from"primevue/steps/style";var p={name:"Steps",extends:{name:"BaseSteps",extends:d,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:m,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(t){this.d_activeStep=t}},mounted:function(){var t=this.findFirstItem();t&&(t.tabIndex="0")},methods:{getPTOptions:function(t,e,i){return this.ptm(t,{context:{item:e,index:i,active:this.isActive(i),disabled:this.isItemDisabled(e,i)}})},onItemClick:function(t,e,i){this.disabled(e)||this.readonly?t.preventDefault():(e.command&&e.command({originalEvent:t,item:e}),i!==this.d_activeStep&&(this.d_activeStep=i,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:t,index:i}))},onItemKeydown:function(t,e){switch(t.code){case"ArrowRight":this.navigateToNextItem(t.target),t.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(t.target),t.preventDefault();break;case"Home":this.navigateToFirstItem(t.target),t.preventDefault();break;case"End":this.navigateToLastItem(t.target),t.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(t,e),t.preventDefault()}},navigateToNextItem:function(t){var e=this.findNextItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToPrevItem:function(t){var e=this.findPrevItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToFirstItem:function(t){var e=this.findFirstItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToLastItem:function(t){var e=this.findLastItem(t);e&&this.setFocusToMenuitem(t,e)},findNextItem:function(t){var e=t.parentElement.nextElementSibling;return e?e.children[0]:null},findPrevItem:function(t){var e=t.parentElement.previousElementSibling;return e?e.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.list,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},setFocusToMenuitem:function(t,e){t.tabIndex="-1",e.tabIndex="0",e.focus()},isActive:function(t){return t===this.d_activeStep},isItemDisabled:function(t,e){return this.disabled(t)||this.readonly&&!this.isActive(e)},visible:function(t){return"function"==typeof t.visible?t.visible():!1!==t.visible},disabled:function(t){return"function"==typeof t.disabled?t.disabled():t.disabled},label:function(t){return"function"==typeof t.label?t.label():t.label},getMenuItemProps:function(t,i){var n=this;return{action:e({class:this.cx("action"),onClick:function(e){return n.onItemClick(e,t)},onKeyDown:function(e){return n.onItemKeydown(e,t)}},this.getPTOptions("action",t,i)),step:e({class:this.cx("step")},this.getPTOptions("step",t,i)),label:e({class:this.cx("label")},this.getPTOptions("label",t,i))}}}},f=["id"],v=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];p.render=function(t,d,m,p,h,b){return i(),n("nav",e({id:t.id,class:t.cx("root")},t.ptm("root"),{"data-pc-name":"steps"}),[s("ol",e({ref:"list",class:t.cx("menu")},t.ptm("menu")),[(i(!0),n(a,null,o(t.model,(function(o,d){return i(),n(a,{key:b.label(o)+"_"+d.toString()},[b.visible(o)?(i(),n("li",e({key:0,class:[t.cx("menuitem",{item:o,index:d}),o.class],style:o.style,"aria-current":b.isActive(d)?"step":void 0,onClick:function(t){return b.onItemClick(t,o,d)},onKeydown:function(t){return b.onItemKeydown(t,o,d)}},b.getPTOptions("menuitem",o,d),{"data-p-highlight":b.isActive(d),"data-p-disabled":b.isItemDisabled(o,d)}),[t.$slots.item?(i(),l(c(t.$slots.item),{key:1,item:o,index:d,active:d===h.d_activeStep,label:b.label(o),props:b.getMenuItemProps(o,d)},null,8,["item","index","active","label","props"])):(i(),n("span",e({key:0,class:t.cx("action")},b.getPTOptions("action",o,d)),[s("span",e({class:t.cx("step")},b.getPTOptions("step",o,d)),r(d+1),17),s("span",e({class:t.cx("label")},b.getPTOptions("label",o,d)),r(b.label(o)),17)],16))],16,v)):u("",!0)],64)})),128))],16)],16,f)};export{p as default};
+import{DomHandler as t}from"primevue/utils";import{mergeProps as e,openBlock as i,createElementBlock as n,createElementVNode as s,Fragment as a,renderList as o,toDisplayString as r,createBlock as l,resolveDynamicComponent as c,createCommentVNode as u}from"vue";import d from"primevue/basecomponent";import m from"primevue/steps/style";var p={name:"Steps",extends:{name:"BaseSteps",extends:d,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:m,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(t){this.d_activeStep=t}},mounted:function(){var t=this.findFirstItem();t&&(t.tabIndex="0")},methods:{getPTOptions:function(t,e,i){return this.ptm(t,{context:{item:e,index:i,active:this.isActive(i),disabled:this.isItemDisabled(e,i)}})},onItemClick:function(t,e,i){this.disabled(e)||this.readonly?t.preventDefault():(e.command&&e.command({originalEvent:t,item:e}),i!==this.d_activeStep&&(this.d_activeStep=i,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:t,index:i}))},onItemKeydown:function(t,e){switch(t.code){case"ArrowRight":this.navigateToNextItem(t.target),t.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(t.target),t.preventDefault();break;case"Home":this.navigateToFirstItem(t.target),t.preventDefault();break;case"End":this.navigateToLastItem(t.target),t.preventDefault();break;case"Tab":break;case"Enter":case"NumpadEnter":case"Space":this.onItemClick(t,e),t.preventDefault()}},navigateToNextItem:function(t){var e=this.findNextItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToPrevItem:function(t){var e=this.findPrevItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToFirstItem:function(t){var e=this.findFirstItem(t);e&&this.setFocusToMenuitem(t,e)},navigateToLastItem:function(t){var e=this.findLastItem(t);e&&this.setFocusToMenuitem(t,e)},findNextItem:function(t){var e=t.parentElement.nextElementSibling;return e?e.children[0]:null},findPrevItem:function(t){var e=t.parentElement.previousElementSibling;return e?e.children[0]:null},findFirstItem:function(){var e=t.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return e?e.children[0]:null},findLastItem:function(){var e=t.find(this.$refs.list,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},setFocusToMenuitem:function(t,e){t.tabIndex="-1",e.tabIndex="0",e.focus()},isActive:function(t){return t===this.d_activeStep},isItemDisabled:function(t,e){return this.disabled(t)||this.readonly&&!this.isActive(e)},visible:function(t){return"function"==typeof t.visible?t.visible():!1!==t.visible},disabled:function(t){return"function"==typeof t.disabled?t.disabled():t.disabled},label:function(t){return"function"==typeof t.label?t.label():t.label},getMenuItemProps:function(t,i){var n=this;return{action:e({class:this.cx("action"),onClick:function(e){return n.onItemClick(e,t)},onKeyDown:function(e){return n.onItemKeydown(e,t)}},this.getPTOptions("action",t,i)),step:e({class:this.cx("step")},this.getPTOptions("step",t,i)),label:e({class:this.cx("label")},this.getPTOptions("label",t,i))}}}},f=["id"],v=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];p.render=function(t,d,m,p,h,b){return i(),n("nav",e({id:t.id,class:t.cx("root")},t.ptm("root")),[s("ol",e({ref:"list",class:t.cx("menu")},t.ptm("menu")),[(i(!0),n(a,null,o(t.model,(function(o,d){return i(),n(a,{key:b.label(o)+"_"+d.toString()},[b.visible(o)?(i(),n("li",e({key:0,class:[t.cx("menuitem",{item:o,index:d}),o.class],style:o.style,"aria-current":b.isActive(d)?"step":void 0,onClick:function(t){return b.onItemClick(t,o,d)},onKeydown:function(t){return b.onItemKeydown(t,o,d)}},b.getPTOptions("menuitem",o,d),{"data-p-highlight":b.isActive(d),"data-p-disabled":b.isItemDisabled(o,d)}),[t.$slots.item?(i(),l(c(t.$slots.item),{key:1,item:o,index:d,active:d===h.d_activeStep,label:b.label(o),props:b.getMenuItemProps(o,d)},null,8,["item","index","active","label","props"])):(i(),n("span",e({key:0,class:t.cx("action")},b.getPTOptions("action",o,d)),[s("span",e({class:t.cx("step")},b.getPTOptions("step",o,d)),r(d+1),17),s("span",e({class:t.cx("label")},b.getPTOptions("label",o,d)),r(b.label(o)),17)],16))],16,v)):u("",!0)],64)})),128))],16)],16,f)};export{p as default};

package/steps/steps.js

@@ -204,9 +204,7 @@ this.primevue.steps = (function (utils, vue, BaseComponent, StepsStyle) {
       return vue.openBlock(), vue.createElementBlock("nav", vue.mergeProps({
         id: _ctx.id,
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "steps"
-      }), [vue.createElementVNode("ol", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("ol", vue.mergeProps({
         ref: "list",
         "class": _ctx.cx('menu')
       }, _ctx.ptm('menu')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, index) {

package/steps/steps.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.steps=function(e,t,n,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Steps",extends:{name:"BaseSteps",extends:s(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:s(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){var e=this.findFirstItem();e&&(e.tabIndex="0")},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){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"NumpadEnter":case"Space":this.onItemClick(e,t),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===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},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))}}}},o=["id"],r=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];return a.render=function(e,n,i,s,a,l){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:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,"aria-current":l.isActive(i)?"step":void 0,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===a.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,r)):t.createCommentVNode("",!0)],64)})),128))],16)],16,o)},a}(primevue.utils,Vue,primevue.basecomponent,primevue.steps.style);
+this.primevue=this.primevue||{},this.primevue.steps=function(e,t,n,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Steps",extends:{name:"BaseSteps",extends:s(n).default,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},activeStep:{type:Number,default:0}},style:s(i).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeStep","step-change"],data:function(){return{d_activeStep:this.activeStep}},watch:{activeStep:function(e){this.d_activeStep=e}},mounted:function(){var e=this.findFirstItem();e&&(e.tabIndex="0")},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n,active:this.isActive(n),disabled:this.isItemDisabled(t,n)}})},onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeStep&&(this.d_activeStep=n,this.$emit("update:activeStep",this.d_activeStep)),this.$emit("step-change",{originalEvent:e,index:n}))},onItemKeydown:function(e,t){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"NumpadEnter":case"Space":this.onItemClick(e,t),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===this.d_activeStep},isItemDisabled:function(e,t){return this.disabled(e)||this.readonly&&!this.isActive(t)},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))}}}},o=["id"],r=["aria-current","onClick","onKeydown","data-p-highlight","data-p-disabled"];return a.render=function(e,n,i,s,a,l){return t.openBlock(),t.createElementBlock("nav",t.mergeProps({id:e.id,class:e.cx("root")},e.ptm("root")),[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:l.label(n)+"_"+i.toString()},[l.visible(n)?(t.openBlock(),t.createElementBlock("li",t.mergeProps({key:0,class:[e.cx("menuitem",{item:n,index:i}),n.class],style:n.style,"aria-current":l.isActive(i)?"step":void 0,onClick:function(e){return l.onItemClick(e,n,i)},onKeydown:function(e){return l.onItemKeydown(e,n,i)}},l.getPTOptions("menuitem",n,i),{"data-p-highlight":l.isActive(i),"data-p-disabled":l.isItemDisabled(n,i)}),[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n,index:i,active:i===a.d_activeStep,label:l.label(n),props:l.getMenuItemProps(n,i)},null,8,["item","index","active","label","props"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:0,class:e.cx("action")},l.getPTOptions("action",n,i)),[t.createElementVNode("span",t.mergeProps({class:e.cx("step")},l.getPTOptions("step",n,i)),t.toDisplayString(i+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("label")},l.getPTOptions("label",n,i)),t.toDisplayString(l.label(n)),17)],16))],16,r)):t.createCommentVNode("",!0)],64)})),128))],16)],16,o)},a}(primevue.utils,Vue,primevue.basecomponent,primevue.steps.style);

package/steps/style/stepsstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\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        cursor: pointer;\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}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -30,7 +29,6 @@ var classes = {
 };
 var StepsStyle = BaseStyle__default["default"].extend({
   name: 'steps',
-  css: css,
   classes: classes
 });
 

package/steps/style/stepsstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"steps",css:"\n@layer primevue {\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        cursor: pointer;\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}\n",classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.props.readonly}]},menu:"p-steps-list",menuitem:function(e){var n=e.instance,t=e.item,s=e.index;return["p-steps-item",{"p-highlight p-steps-current":n.isActive(s),"p-disabled":n.isItemDisabled(t,s)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"steps",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,s=e.item,n=e.index;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(s,n)}]},action:"p-menuitem-link",step:"p-steps-number",label:"p-steps-title"}});module.exports=t;