primevue 3.48.0 → 3.49.0

package/stepper/stepper.js

@@ -7,7 +7,7 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var StepperStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepperStyle);
 
-    var script$1 = {
+    var script$4 = {
       name: 'BaseStepper',
       "extends": BaseComponent__default["default"],
       props: {
@@ -18,6 +18,10 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
         orientation: {
           type: String,
           "default": 'horizontal'
+        },
+        linear: {
+          type: Boolean,
+          "default": false
         }
       },
       style: StepperStyle__default["default"],
@@ -28,9 +32,153 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
       }
     };
 
+    var script$3 = {
+      name: 'StepperContent',
+      hostName: 'Stepper',
+      "extends": BaseComponent__default["default"],
+      props: {
+        id: null,
+        template: null,
+        ariaLabelledby: null,
+        stepperpanel: null,
+        index: null,
+        active: null,
+        highlighted: null,
+        clickCallback: null,
+        prevCallback: null,
+        nextCallback: null,
+        getStepPT: null
+      }
+    };
+
+    function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
+    function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(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$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : String(i); }
+    function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+    var _hoisted_1$2 = ["id", "aria-labelledby", "data-pc-index", "data-p-active"];
+    function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        id: $props.id,
+        "class": _ctx.cx('stepper.content', {
+          stepperpanel: $props.stepperpanel,
+          index: $props.index
+        }),
+        role: "tabpanel",
+        "aria-labelledby": $props.ariaLabelledby
+      }, _objectSpread$1(_objectSpread$1({}, $props.getStepPT($props.stepperpanel, 'root', $props.index)), $props.getStepPT($props.stepperpanel, 'content', $props.index)), {
+        "data-pc-name": "stepperpanel",
+        "data-pc-index": $props.index,
+        "data-p-active": $props.active
+      }), [$props.template ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
+        key: 0,
+        index: $props.index,
+        active: $props.active,
+        highlighted: $props.highlighted,
+        clickCallback: function clickCallback(event) {
+          return _ctx.onItemClick(event, $props.index);
+        },
+        prevCallback: function prevCallback(event) {
+          return $props.prevCallback(event, $props.index);
+        },
+        nextCallback: function nextCallback(event) {
+          return $props.nextCallback(event, $props.index);
+        }
+      }, null, 8, ["index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.stepperpanel), {
+        key: 1
+      }))], 16, _hoisted_1$2);
+    }
+
+    script$3.render = render$3;
+
+    var script$2 = {
+      name: 'StepperHeader',
+      hostName: 'Stepper',
+      "extends": BaseComponent__default["default"],
+      props: {
+        id: null,
+        template: null,
+        stepperpanel: null,
+        index: null,
+        disabled: null,
+        active: null,
+        highlighted: null,
+        ariaControls: null,
+        clickCallback: null,
+        getStepPT: null,
+        getStepProp: null
+      }
+    };
+
+    var _hoisted_1$1 = ["id", "tabindex", "aria-controls"];
+    function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+      return $props.template ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
+        key: 0,
+        index: $props.index,
+        active: $props.active,
+        highlighted: $props.highlighted,
+        "class": vue.normalizeClass(_ctx.cx('stepper.action')),
+        headerClass: _ctx.cx('stepper.action'),
+        numberClass: _ctx.cx('stepper.number'),
+        titleClass: _ctx.cx('stepper.title'),
+        clickCallback: function clickCallback(event) {
+          return $props.clickCallback(event, $props.index);
+        }
+      }, null, 8, ["index", "active", "highlighted", "class", "headerClass", "numberClass", "titleClass", "clickCallback"])) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+        key: 1,
+        id: $props.id,
+        "class": _ctx.cx('stepper.action'),
+        role: "tab",
+        tabindex: $props.disabled ? -1 : undefined,
+        "aria-controls": $props.ariaControls,
+        onClick: _cache[0] || (_cache[0] = function ($event) {
+          return $props.clickCallback($event, $props.index);
+        })
+      }, $props.getStepPT($props.stepperpanel, 'action', $props.index)), [vue.createElementVNode("span", vue.mergeProps({
+        "class": _ctx.cx('stepper.number')
+      }, $props.getStepPT($props.stepperpanel, 'number', $props.index)), vue.toDisplayString($props.index + 1), 17), vue.createElementVNode("span", vue.mergeProps({
+        "class": _ctx.cx('stepper.title')
+      }, $props.getStepPT($props.stepperpanel, 'title', $props.index)), vue.toDisplayString($props.getStepProp($props.stepperpanel, 'header')), 17)], 16, _hoisted_1$1));
+    }
+
+    script$2.render = render$2;
+
+    var script$1 = {
+      name: 'StepperSeparator',
+      hostName: 'Stepper',
+      "extends": BaseComponent__default["default"],
+      props: {
+        template: null,
+        separatorClass: null,
+        stepperpanel: null,
+        index: null,
+        active: null,
+        highlighted: null,
+        getStepPT: null
+      }
+    };
+
+    function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+      return $props.template ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
+        key: 0,
+        "class": vue.normalizeClass($props.separatorClass),
+        index: $props.index,
+        active: $props.active,
+        highlighted: $props.highlighted
+      }, null, 8, ["class", "index", "active", "highlighted"])) : (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+        key: 1,
+        "class": $props.separatorClass,
+        "aria-hidden": "true"
+      }, $props.getStepPT), null, 16));
+    }
+
+    script$1.render = render$1;
+
     var script = {
       name: 'Stepper',
-      "extends": script$1,
+      "extends": script$4,
+      inheritAttrs: false,
       emits: ['update:activeStep', 'step-change'],
       data: function data() {
         return {
@@ -51,7 +199,7 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
       },
       methods: {
         isStep: function isStep(child) {
-          return child.type.name === 'Step';
+          return child.type.name === 'StepperPanel';
         },
         isStepActive: function isStepActive(index) {
           return this.d_activeStep === index;
@@ -69,7 +217,7 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
           return "".concat(this.id, "_").concat(index, "_content");
         },
         getStepPT: function getStepPT(step, key, index) {
-          var count = this.steps.length;
+          var count = this.stepperpanels.length;
           var stepMetaData = {
             props: step.props,
             parent: {
@@ -82,115 +230,67 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
               count: count,
               first: index === 0,
               last: index === count - 1,
-              active: this.isStepActive(index)
+              active: this.isStepActive(index),
+              highlighted: index < this.d_activeStep,
+              disabled: this.isItemDisabled(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));
+          return vue.mergeProps(this.ptm("stepperpanel.".concat(key), {
+            stepperpanel: stepMetaData
+          }), this.ptm("stepperpanel.".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);
-          }
+        updateActiveStep: function updateActiveStep(event, index) {
+          this.d_activeStep = index;
+          this.$emit('update:activeStep', index);
           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;
-              }
+        onItemClick: function onItemClick(event, index) {
+          if (this.linear) {
+            event.preventDefault();
+            return;
+          }
+          if (index !== this.d_activeStep) {
+            this.updateActiveStep(event, index);
           }
         },
-        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;
+        isItemDisabled: function isItemDisabled(index) {
+          return this.linear && !this.isStepActive(index);
         },
-        findFirstItem: function findFirstItem() {
-          var firstSibling = DomHandler.findSingle(this.$refs.list, '[data-pc-section="header"]');
-          return firstSibling ? firstSibling.children[0] : null;
+        prevCallback: function prevCallback(event, index) {
+          if (index !== 0) {
+            this.updateActiveStep(event, index - 1);
+          }
         },
-        findLastItem: function findLastItem() {
-          var siblings = DomHandler.find(this.$refs.list, '[data-pc-section="header"]');
-          return siblings ? siblings[siblings.length - 1].children[0] : null;
+        nextCallback: function nextCallback(event, index) {
+          if (index !== this.stepperpanels.length - 1) {
+            this.updateActiveStep(event, index + 1);
+          }
         }
       },
       computed: {
-        steps: function steps() {
+        stepperpanels: function stepperpanels() {
           var _this = this;
-          return this.$slots["default"]().reduce(function (steps, child) {
+          return this.$slots["default"]().reduce(function (stepperpanels, child) {
             if (_this.isStep(child)) {
-              steps.push(child);
+              stepperpanels.push(child);
             } else if (child.children && child.children instanceof Array) {
               child.children.forEach(function (nestedChild) {
                 if (_this.isStep(nestedChild)) {
-                  steps.push(nestedChild);
+                  stepperpanels.push(nestedChild);
                 }
               });
             }
-            return steps;
+            return stepperpanels;
           }, []);
         }
+      },
+      components: {
+        StepperContent: script$3,
+        StepperHeader: script$2,
+        StepperSeparator: script$1
       }
     };
 
@@ -200,67 +300,185 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
     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"];
+    var _hoisted_1 = ["aria-current", "data-p-highlight", "data-p-disabled", "data-pc-index", "data-p-active"];
+    var _hoisted_2 = ["aria-current", "data-p-highlight", "data-p-disabled", "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')),
+      var _component_StepperHeader = vue.resolveComponent("StepperHeader");
+      var _component_StepperSeparator = vue.resolveComponent("StepperSeparator");
+      var _component_StepperContent = vue.resolveComponent("StepperContent");
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _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) {
+      }, _ctx.ptmi('root')), [_ctx.$slots.start ? vue.renderSlot(_ctx.$slots, "start", {
+        key: 0
+      }) : vue.createCommentVNode("", true), _ctx.orientation === 'horizontal' ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: 1
+      }, [vue.createElementVNode("ul", vue.mergeProps({
+        ref: "nav",
+        "class": _ctx.cx('nav')
+      }, _ctx.ptm('nav')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.stepperpanels, function (step, index) {
         return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
           key: $options.getStepKey(step, index),
-          "class": _ctx.cx('step.header', {
+          "class": _ctx.cx('stepper.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);
-          }
+          role: "presentation"
         }, _objectSpread(_objectSpread({}, $options.getStepPT(step, 'root', index)), $options.getStepPT(step, 'header', index)), {
-          "data-pc-name": "step",
+          "data-pc-name": "stepperpanel",
           "data-p-highlight": $options.isStepActive(index),
-          "data-p-disabled": $options.getStepProp(step, 'disabled'),
+          "data-p-disabled": $options.isItemDisabled(index),
           "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) {
+          var _step$children;
+          return [vue.createVNode(_component_StepperHeader, {
+            id: $options.getStepHeaderActionId(index),
+            template: (_step$children = step.children) === null || _step$children === void 0 ? void 0 : _step$children.header,
+            stepperpanel: step,
+            index: index,
+            disabled: $options.isItemDisabled(index),
+            active: $options.isStepActive(index),
+            highlighted: index < $data.d_activeStep,
+            "class": vue.normalizeClass(_ctx.cx('stepper.action')),
+            "aria-controls": $options.getStepContentId(index),
+            clickCallback: function clickCallback(event) {
+              return $options.onItemClick(event, index);
+            },
+            getStepPT: $options.getStepPT,
+            getStepProp: $options.getStepProp
+          }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp"])];
+        }), index !== $options.stepperpanels.length - 1 ? vue.renderSlot(_ctx.$slots, "separator", {
+          key: 0
+        }, function () {
+          var _step$children2;
+          return [index !== $options.stepperpanels.length - 1 ? (vue.openBlock(), vue.createBlock(_component_StepperSeparator, {
+            key: 0,
+            template: (_step$children2 = step.children) === null || _step$children2 === void 0 ? void 0 : _step$children2.separator,
+            separatorClass: _ctx.cx('stepper.separator'),
+            stepperpanel: step,
+            index: index,
+            active: $options.isStepActive(index),
+            highlighted: index < $data.d_activeStep,
+            getStepPT: $options.getStepPT(step, 'separator', index)
+          }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT"])) : vue.createCommentVNode("", true)];
+        }) : vue.createCommentVNode("", true)], 16, _hoisted_1);
+      }), 128))], 16), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('panelContainer')
+      }, _ctx.ptm('panelContainer')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.stepperpanels, function (step, index) {
+        var _step$children3;
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: $options.getStepKey(step, index)
-        }, [$options.isStepActive(index) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        }, [$options.isStepActive(index) ? (vue.openBlock(), vue.createBlock(_component_StepperContent, {
           key: 0,
           id: $options.getStepContentId(index),
-          "class": _ctx.cx('step.content', {
-            step: step
-          }),
-          style: $options.getStepProp(step, 'contentStyle'),
-          role: "tabpanel",
+          template: step === null || step === void 0 || (_step$children3 = step.children) === null || _step$children3 === void 0 ? void 0 : _step$children3.content,
+          stepperpanel: step,
+          index: index,
+          active: $options.isStepActive(index),
+          highlighted: index < $data.d_activeStep,
+          clickCallback: function clickCallback(event) {
+            return $options.onItemClick(event, index);
+          },
+          prevCallback: function prevCallback(event) {
+            return $options.prevCallback(event, index);
+          },
+          nextCallback: function nextCallback(event) {
+            return $options.nextCallback(event, index);
+          },
+          getStepPT: $options.getStepPT,
           "aria-labelledby": $options.getStepHeaderActionId(index)
-        }, _objectSpread(_objectSpread({}, $options.getStepPT(step, 'root', index)), $options.getStepPT(step, 'content', index)), {
-          "data-pc-name": "step",
+        }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby"])) : vue.createCommentVNode("", true)], 64);
+      }), 128))], 16)], 64)) : _ctx.orientation === 'vertical' ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        key: 2
+      }, vue.renderList($options.stepperpanels, function (step, index) {
+        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          ref_for: true,
+          ref: "nav",
+          key: $options.getStepKey(step, index),
+          "class": _ctx.cx('panel', {
+            step: step,
+            index: index
+          }),
+          "aria-current": $options.isStepActive(index) ? 'step' : undefined
+        }, _objectSpread(_objectSpread({}, $options.getStepPT(step, 'root', index)), $options.getStepPT(step, 'panel', index)), {
+          "data-pc-name": "stepperpanel",
+          "data-p-highlight": $options.isStepActive(index),
+          "data-p-disabled": $options.isItemDisabled(index),
           "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);
+        }), [vue.createElementVNode("div", vue.mergeProps({
+          "class": _ctx.cx('stepper.header', {
+            step: step,
+            index: index
+          })
+        }, $options.getStepPT(step, 'header', index)), [vue.renderSlot(_ctx.$slots, "header", {}, function () {
+          var _step$children4;
+          return [vue.createVNode(_component_StepperHeader, {
+            id: $options.getStepHeaderActionId(index),
+            template: (_step$children4 = step.children) === null || _step$children4 === void 0 ? void 0 : _step$children4.header,
+            stepperpanel: step,
+            index: index,
+            disabled: $options.isItemDisabled(index),
+            active: $options.isStepActive(index),
+            highlighted: index < $data.d_activeStep,
+            "class": vue.normalizeClass(_ctx.cx('stepper.action')),
+            "aria-controls": $options.getStepContentId(index),
+            clickCallback: function clickCallback(event) {
+              return $options.onItemClick(event, index);
+            },
+            getStepPT: $options.getStepPT,
+            getStepProp: $options.getStepProp
+          }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp"])];
+        })], 16), vue.createVNode(vue.Transition, vue.mergeProps({
+          name: "p-toggleable-content"
+        }, $options.getStepPT(step, 'transition', index)), {
+          "default": vue.withCtx(function () {
+            return [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
+              "class": _ctx.cx('stepper.toggleableContent')
+            }, $options.getStepPT(step, 'toggleableContent', index)), [index !== $options.stepperpanels.length - 1 ? vue.renderSlot(_ctx.$slots, "separator", {
+              key: 0
+            }, function () {
+              var _step$children5;
+              return [index !== $options.stepperpanels.length - 1 ? (vue.openBlock(), vue.createBlock(_component_StepperSeparator, {
+                key: 0,
+                template: (_step$children5 = step.children) === null || _step$children5 === void 0 ? void 0 : _step$children5.separator,
+                separatorClass: _ctx.cx('stepper.separator'),
+                stepperpanel: step,
+                index: index,
+                active: $options.isStepActive(index),
+                highlighted: index < $data.d_activeStep,
+                getStepPT: $options.getStepPT(step, 'separator', index)
+              }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT"])) : vue.createCommentVNode("", true)];
+            }) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "content", {}, function () {
+              var _step$children6;
+              return [vue.createVNode(_component_StepperContent, {
+                id: $options.getStepContentId(index),
+                template: step === null || step === void 0 || (_step$children6 = step.children) === null || _step$children6 === void 0 ? void 0 : _step$children6.content,
+                stepperpanel: step,
+                index: index,
+                active: $options.isStepActive(index),
+                highlighted: index < $data.d_activeStep,
+                clickCallback: function clickCallback(event) {
+                  return $options.onItemClick(event, index);
+                },
+                prevCallback: function prevCallback(event) {
+                  return $options.prevCallback(event, index);
+                },
+                nextCallback: function nextCallback(event) {
+                  return $options.nextCallback(event, index);
+                },
+                getStepPT: $options.getStepPT,
+                "aria-labelledby": $options.getStepHeaderActionId(index)
+              }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby"])];
+            })], 16), [[vue.vShow, $options.isStepActive(index)]])];
+          }),
+          _: 2
+        }, 1040)], 16, _hoisted_2);
+      }), 128)) : vue.createCommentVNode("", true), _ctx.$slots.end ? vue.renderSlot(_ctx.$slots, "end", {
+        key: 3
+      }) : vue.createCommentVNode("", true)], 16);
     }
 
     script.render = render;

package/stepper/stepper.min.js

@@ -1 +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);
+this.primevue=this.primevue||{},this.primevue.stepper=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n),l={name:"BaseStepper",extends:i.default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:a(r).default,provide:function(){return{$parentInstance:this}}},p={name:"StepperContent",hostName:"Stepper",extends:i.default,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};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 c(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){var r;return(t="symbol"==o(r=u(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(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 h=["id","aria-labelledby","data-pc-index","data-p-active"];p.render=function(e,n,r,a,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({id:r.id,class:e.cx("stepper.content",{stepperpanel:r.stepperpanel,index:r.index}),role:"tabpanel","aria-labelledby":r.ariaLabelledby},s(s({},r.getStepPT(r.stepperpanel,"root",r.index)),r.getStepPT(r.stepperpanel,"content",r.index)),{"data-pc-name":"stepperpanel","data-pc-index":r.index,"data-p-active":r.active}),[r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,clickCallback:function(t){return e.onItemClick(t,r.index)},prevCallback:function(e){return r.prevCallback(e,r.index)},nextCallback:function(e){return r.nextCallback(e,r.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.stepperpanel),{key:1}))],16,h)};var g={name:"StepperHeader",hostName:"Stepper",extends:i.default,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},m=["id","tabindex","aria-controls"];g.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,class:t.normalizeClass(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return r.clickCallback(e,r.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:1,id:r.id,class:e.cx("stepper.action"),role:"tab",tabindex:r.disabled?-1:void 0,"aria-controls":r.ariaControls,onClick:n[0]||(n[0]=function(e){return r.clickCallback(e,r.index)})},r.getStepPT(r.stepperpanel,"action",r.index)),[t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.number")},r.getStepPT(r.stepperpanel,"number",r.index)),t.toDisplayString(r.index+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.title")},r.getStepPT(r.stepperpanel,"title",r.index)),t.toDisplayString(r.getStepProp(r.stepperpanel,"header")),17)],16,m))};var v={name:"StepperSeparator",hostName:"Stepper",extends:i.default,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};v.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,class:t.normalizeClass(r.separatorClass),index:r.index,active:r.active,highlighted:r.highlighted},null,8,["class","index","active","highlighted"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:r.separatorClass,"aria-hidden":"true"},r.getStepPT),null,16))};var S={name:"Stepper",extends:l,inheritAttrs:!1,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"StepperPanel"===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 a=this.stepperpanels.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:a,first:0===r,last:r===a-1,active:this.isStepActive(r),highlighted:r<this.d_activeStep,disabled:this.isItemDisabled(r)}};return t.mergeProps(this.ptm("stepperpanel.".concat(n),{stepperpanel:i}),this.ptm("stepperpanel.".concat(n),i),this.ptmo(this.getStepProp(e,"pt"),n,i))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels: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}),[])}},components:{StepperContent:p,StepperHeader:g,StepperSeparator:v}};function b(e){return b="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},b(e)}function f(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){var r;return(t="symbol"==b(r=C(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var x=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];return S.render=function(e,n,r,a,i,l){var p=t.resolveComponent("StepperHeader"),o=t.resolveComponent("StepperSeparator"),c=t.resolveComponent("StepperContent");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.createCommentVNode("",!0),"horizontal"===e.orientation?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("ul",t.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:l.getStepKey(n,r),class:e.cx("stepper.header",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0,role:"presentation"},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]})),r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[r!==l.stepperpanels.length-1?(t.openBlock(),t.createBlock(o,{key:0,template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])):t.createCommentVNode("",!0)]})):t.createCommentVNode("",!0)],16,x)})),128))],16),t.createElementVNode("div",t.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(e,n){var r;return t.openBlock(),t.createElementBlock(t.Fragment,{key:l.getStepKey(e,n)},[l.isStepActive(n)?(t.openBlock(),t.createBlock(c,{key:0,id:l.getStepContentId(n),template:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:n,active:l.isStepActive(n),highlighted:n<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,n)},prevCallback:function(e){return l.prevCallback(e,n)},nextCallback:function(e){return l.nextCallback(e,n)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(n)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])):t.createCommentVNode("",!0)],64)})),128))],16)],64)):"vertical"===e.orientation?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_for:!0,ref:"nav",key:l.getStepKey(n,r),class:e.cx("panel",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.header",{step:n,index:r})},l.getStepPT(n,"header",r)),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),t.createVNode(t.Transition,t.mergeProps({name:"p-toggleable-content"},l.getStepPT(n,"transition",r)),{default:t.withCtx((function(){return[t.withDirectives(t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.toggleableContent")},l.getStepPT(n,"toggleableContent",r)),[r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[r!==l.stepperpanels.length-1?(t.openBlock(),t.createBlock(o,{key:0,template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])):t.createCommentVNode("",!0)]})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},(function(){var e;return[t.createVNode(c,{id:l.getStepContentId(r),template:null==n||null===(e=n.children)||void 0===e?void 0:e.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[t.vShow,l.isStepActive(r)]])]})),_:2},1040)],16,P)})),128)):t.createCommentVNode("",!0),e.$slots.end?t.renderSlot(e.$slots,"end",{key:3}):t.createCommentVNode("",!0)],16)},S}(primevue.utils,Vue,primevue.basecomponent,StepperStyle);

package/stepper/style/StepperStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface StepperStyle extends BaseStyle {}

package/stepper/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./stepperpanel.cjs.js",
+    "module": "./stepperpanel.esm.js",
+    "unpkg": "./stepperpanel.min.js",
+    "types": "./StepperPanel.d.ts"
+}