primevue 3.48.1 → 3.49.0

package/stepper/style/stepperstyle.js

@@ -0,0 +1,59 @@
+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);
+
+    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',
+          'p-readonly': props.linear
+        }];
+      },
+      nav: 'p-stepper-nav',
+      stepper: {
+        header: function header(_ref2) {
+          var instance = _ref2.instance;
+            _ref2.step;
+            var index = _ref2.index;
+          return ['p-stepper-header', {
+            'p-highlight': instance.isStepActive(index),
+            'p-disabled': instance.isItemDisabled(index)
+          }];
+        },
+        action: 'p-stepper-action',
+        number: 'p-stepper-number',
+        title: 'p-stepper-title',
+        separator: 'p-stepper-separator',
+        toggleableContent: 'p-stepper-toggleable-content',
+        content: function content(_ref3) {
+          var props = _ref3.props;
+          return ['p-stepper-content', {
+            'p-toggleable-content': props.orientation === 'vertical'
+          }];
+        }
+      },
+      panelContainer: 'p-stepper-panels',
+      panel: function panel(_ref4) {
+        var instance = _ref4.instance,
+          props = _ref4.props,
+          index = _ref4.index;
+        return ['p-stepper-panel', {
+          'p-stepper-panel-active': props.orientation === 'vertical' && instance.isStepActive(index)
+        }];
+      }
+    };
+    var StepperStyle = BaseStyle__default["default"].extend({
+      name: 'stepper',
+      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 t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"stepper",classes:{root:function(e){var t=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear}]},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.instance,p=e.index;return["p-stepper-header",{"p-highlight":t.isStepActive(p),"p-disabled":t.isItemDisabled(p)}]},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return["p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation}]}},panelContainer:"p-stepper-panels",panel:function(e){return["p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&e.instance.isStepActive(e.index)}]}}})}();

package/stepperpanel/BaseStepperPanel.vue

@@ -0,0 +1,18 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import StepperPanelStyle from 'primevue/stepperpanel/style';
+
+export default {
+    name: 'BaseStepperPanel',
+    extends: BaseComponent,
+    props: {
+        header: null
+    },
+    style: StepperPanelStyle,
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/stepperpanel/StepperPanel.d.ts

@@ -0,0 +1,286 @@
+/**
+ *
+ * StepperPanel is a helper component for StepperPanel component.
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ *
+ * @module stepperpanel
+ *
+ */
+import { TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type StepperPanelPassThroughOptionType = StepperPanelPassThroughAttributes | ((options: StepperPanelPassThroughMethodOptions) => StepperPanelPassThroughAttributes | string) | string | null | undefined;
+
+export declare type StepperPanelPassThroughTransitionType = TransitionProps | ((options: StepperPanelPassThroughMethodOptions) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface StepperPanelPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: StepperPanelProps;
+    /**
+     * Defines current options.
+     */
+    context: StepperPanelContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link StepperPanelProps.pt}
+ */
+export interface StepperPanelPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the action's DOM element.
+     */
+    action?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the number's DOM element.
+     */
+    number?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the panel's DOM element.
+     */
+    panel?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the toggleable content's DOM element.
+     */
+    toggleableContent?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: StepperPanelPassThroughTransitionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface StepperPanelPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in StepperPanel component.
+ */
+export interface StepperPanelProps {
+    /**
+     * Orientation of tab headers.
+     */
+    header?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {StepperPanelPassThroughOptions}
+     */
+    pt?: PassThrough<StepperPanelPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in StepperPanel component.
+ */
+export interface StepperPanelContext {
+    /**
+     * Current index of the stepperpanel.
+     */
+    index: number;
+    /**
+     * Count of stepperpanels
+     */
+    count: number;
+    /**
+     * Whether the stepperpanel is first.
+     */
+    first: boolean;
+    /**
+     * Whether the stepperpanel is last.
+     */
+    last: boolean;
+    /**
+     * Whether the stepperpanel is active.
+     */
+    active: boolean;
+    /**
+     * Whether the stepperpanel is highlighted.
+     */
+    highlighted: boolean;
+    /**
+     * Whether the stepperpanel is disabled.
+     */
+    disabled: boolean;
+}
+
+/**
+ * Defines valid slots in StepperPanel slots.
+ */
+export interface StepperPanelSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+    /**
+     * Custom header template.
+     */
+    header(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+        /**
+         * Style class of the stepperpanel
+         */
+        headerClass: string;
+        /**
+         * Style class of the number content container
+         */
+        numberClass: string;
+        /**
+         * Style class of the title content container
+         */
+        titleClass: string;
+        /**
+         * Header click function.
+         * @param {Event} event - Browser event
+         */
+        clickCallback: (event: Event) => void;
+    }): VNode[];
+    /**
+     * Custom content template.
+     */
+    content(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+        /**
+         * Content click function.
+         * @param {Event} event - Browser event
+         */
+        clickCallback: (event: Event) => void;
+        /**
+         * Content previous panel click function.
+         * @param {Event} event - Browser event
+         */
+        prevCallback: (event: Event) => void;
+        /**
+         * Content next panel click function.
+         * @param {Event} event - Browser event
+         */
+        nextCallback: (event: Event) => void;
+    }): VNode[];
+    /**
+     * Custom separator template.
+     */
+    separator(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+    }): VNode[];
+}
+
+export interface StepperPanelEmits {}
+
+/**
+ * **PrimeVue - StepperPanel**
+ *
+ * _StepperPanel is a helper component for Stepper component._
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare class StepperPanel extends ClassComponent<StepperPanelProps, StepperPanelSlots, StepperPanelEmits> {}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        StepperPanel: GlobalComponentConstructor<StepperPanel>;
+    }
+}
+
+export default StepperPanel;

package/stepperpanel/StepperPanel.vue

@@ -0,0 +1,12 @@
+<template>
+    <slot />
+</template>
+
+<script>
+import BaseStepperPanel from './BaseStepperPanel.vue';
+
+export default {
+    name: 'StepperPanel',
+    extends: BaseStepperPanel
+};
+</script>

package/stepperpanel/package.json

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

package/stepperpanel/stepperpanel.cjs.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var BaseComponent = require('primevue/basecomponent');
+var StepperPanelStyle = require('primevue/stepperpanel/style');
+var vue = require('vue');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var StepperPanelStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepperPanelStyle);
+
+var script$1 = {
+  name: 'BaseStepperPanel',
+  "extends": BaseComponent__default["default"],
+  props: {
+    header: null
+  },
+  style: StepperPanelStyle__default["default"],
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'StepperPanel',
+  "extends": script$1
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.renderSlot(_ctx.$slots, "default");
+}
+
+script.render = render;
+
+module.exports = script;

package/stepperpanel/stepperpanel.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("primevue/basecomponent"),r=require("primevue/stepperpanel/style"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u={name:"StepperPanel",extends:{name:"BaseStepperPanel",extends:n(e).default,props:{header:null},style:n(r).default,provide:function(){return{$parentInstance:this}}}};u.render=function(e,r,n,u,a,p){return t.renderSlot(e.$slots,"default")},module.exports=u;

package/stepperpanel/stepperpanel.esm.js

@@ -0,0 +1,30 @@
+import BaseComponent from 'primevue/basecomponent';
+import StepperPanelStyle from 'primevue/stepperpanel/style';
+import { renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseStepperPanel',
+  "extends": BaseComponent,
+  props: {
+    header: null
+  },
+  style: StepperPanelStyle,
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'StepperPanel',
+  "extends": script$1
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+
+script.render = render;
+
+export { script as default };

package/stepperpanel/stepperpanel.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/basecomponent";import r from"primevue/stepperpanel/style";import{renderSlot as t}from"vue";var n={name:"StepperPanel",extends:{name:"BaseStepperPanel",extends:e,props:{header:null},style:r,provide:function(){return{$parentInstance:this}}}};n.render=function(e,r,n,p,a,o){return t(e.$slots,"default")};export{n as default};

package/stepperpanel/stepperpanel.js

@@ -0,0 +1,37 @@
+this.primevue = this.primevue || {};
+this.primevue.stepperpanel = (function (BaseComponent, StepperPanelStyle, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var StepperPanelStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepperPanelStyle);
+
+    var script$1 = {
+      name: 'BaseStepperPanel',
+      "extends": BaseComponent__default["default"],
+      props: {
+        header: null
+      },
+      style: StepperPanelStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    var script = {
+      name: 'StepperPanel',
+      "extends": script$1
+    };
+
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.renderSlot(_ctx.$slots, "default");
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.basecomponent, StepperPanelStyle, Vue);

package/stepperpanel/stepperpanel.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.stepperpanel=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u={name:"StepperPanel",extends:{name:"BaseStepperPanel",extends:r(e).default,props:{header:null},style:r(t).default,provide:function(){return{$parentInstance:this}}}};return u.render=function(e,t,r,u,p,a){return n.renderSlot(e.$slots,"default")},u}(primevue.basecomponent,StepperPanelStyle,Vue);

package/stepperpanel/style/StepperPanelStyle.d.ts

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

package/stepperpanel/style/package.json

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

package/stepperpanel/style/stepperpanelstyle.cjs.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var StepperPanelStyle = {};
+
+module.exports = StepperPanelStyle;

package/stepperpanel/style/stepperpanelstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";module.exports={};

package/stepperpanel/style/stepperpanelstyle.esm.js

@@ -0,0 +1,3 @@
+var StepperPanelStyle = {};
+
+export { StepperPanelStyle as default };

package/stepperpanel/style/stepperpanelstyle.esm.min.js

@@ -0,0 +1 @@
+var a={};export{a as default};

package/stepperpanel/style/stepperpanelstyle.js

@@ -0,0 +1,10 @@
+this.primevue = this.primevue || {};
+this.primevue.stepperpanel = this.primevue.stepperpanel || {};
+this.primevue.stepperpanel.style = (function () {
+	'use strict';
+
+	var StepperPanelStyle = {};
+
+	return StepperPanelStyle;
+
+})();

package/stepperpanel/style/stepperpanelstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.stepperpanel=this.primevue.stepperpanel||{},this.primevue.stepperpanel.style=function(){"use strict";return{}}();

package/steps/Steps.vue

@@ -1,5 +1,5 @@
 <template>
-    <nav :id="id" :class="cx('root')" v-bind="ptm('root')">
+    <nav :id="id" :class="cx('root')" v-bind="ptmi('root')">
         <ol ref="list" :class="cx('menu')" v-bind="ptm('menu')">
             <template v-for="(item, index) of model" :key="label(item) + '_' + index.toString()">
                 <li
@@ -34,6 +34,7 @@ import BaseSteps from './BaseSteps.vue';
 export default {
     name: 'Steps',
     extends: BaseSteps,
+    inheritAttrs: false,
     emits: ['update:activeStep', 'step-change'],
     data() {
         return {

package/steps/steps.cjs.js

@@ -41,6 +41,7 @@ var script$1 = {
 var script = {
   name: 'Steps',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:activeStep', 'step-change'],
   data: function data() {
     return {
@@ -207,7 +208,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')), [vue.createElementVNode("ol", vue.mergeProps({
+  }, _ctx.ptmi('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")),[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}}},inheritAttrs:!1,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.ptmi("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

@@ -34,6 +34,7 @@ var script$1 = {
 var script = {
   name: 'Steps',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:activeStep', 'step-change'],
   data: function data() {
     return {
@@ -200,7 +201,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", mergeProps({
     id: _ctx.id,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root')), [createElementVNode("ol", mergeProps({
+  }, _ctx.ptmi('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")),[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}}},inheritAttrs:!1,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.ptmi("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};