primevue 4.3.2 → 4.3.4

package/step/index.mjs

@@ -1,4 +1,5 @@
-import { find } from '@primeuix/utils/dom';
+import { cn } from '@primeuix/utils';
+import { find, findSingle } from '@primeuix/utils/dom';
 import { findIndexInList } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
 import { createElementBlock, openBlock, mergeProps, resolveComponent, createBlock, renderSlot, resolveDynamicComponent, withCtx, createElementVNode, createCommentVNode, toDisplayString, normalizeClass } from 'vue';
@@ -7,13 +8,18 @@ import StepStyle from 'primevue/step/style';
 var script$2 = {
   name: 'StepperSeparator',
   hostName: 'Stepper',
-  "extends": BaseComponent
+  "extends": BaseComponent,
+  inject: {
+    $pcStepper: {
+      "default": null
+    }
+  }
 };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('separator')
-  }, _ctx.ptm('separator')), null, 16);
+  }, _ctx.ptmo($options.$pcStepper.pt, 'separator')), null, 16);
 }
 
 script$2.render = render$1;
@@ -65,16 +71,24 @@ var script = {
   },
   data: function data() {
     return {
-      isSeparatorVisible: false
+      isSeparatorVisible: false,
+      isCompleted: false
     };
   },
   mounted: function mounted() {
     if (this.$el && this.$pcStepList) {
       var index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
+      var activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
       var stepLen = find(this.$pcStepper.$el, '[data-pc-name="step"]').length;
       this.isSeparatorVisible = index !== stepLen - 1;
+      this.isCompleted = index < activeIndex;
     }
   },
+  updated: function updated() {
+    var index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]'));
+    var activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name="step"][data-p-active="true"]'), find(this.$pcStepper.$el, '[data-pc-name="step"]'));
+    this.isCompleted = index < activeIndex;
+  },
   methods: {
     getPTOptions: function getPTOptions(key) {
       var _ptm = key === 'root' ? this.ptmi : this.ptm;
@@ -102,11 +116,11 @@ var script = {
     },
     id: function id() {
       var _this$$pcStepper;
-      return "".concat((_this$$pcStepper = this.$pcStepper) === null || _this$$pcStepper === void 0 ? void 0 : _this$$pcStepper.id, "_step_").concat(this.activeValue);
+      return "".concat((_this$$pcStepper = this.$pcStepper) === null || _this$$pcStepper === void 0 ? void 0 : _this$$pcStepper.$id, "_step_").concat(this.activeValue);
     },
     ariaControls: function ariaControls() {
       var _this$$pcStepper2;
-      return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.id, "_steppanel_").concat(this.activeValue);
+      return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.$id, "_steppanel_").concat(this.activeValue);
     },
     a11yAttrs: function a11yAttrs() {
       return {
@@ -128,6 +142,15 @@ var script = {
           onClick: this.onStepClick
         }
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        disabled: this.isStepDisabled,
+        readonly: this.$pcStepper.linear,
+        active: this.active,
+        completed: this.isCompleted,
+        vertical: this.$pcStepItem != null
+      });
     }
   },
   components: {
@@ -135,7 +158,9 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["id", "tabindex", "aria-controls", "disabled"];
+var _hoisted_1 = ["id", "tabindex", "aria-controls", "disabled", "data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_StepperSeparator = resolveComponent("StepperSeparator");
   return !_ctx.asChild ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
@@ -144,7 +169,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-current": $options.active ? 'step' : undefined,
     role: "presentation",
     "data-p-active": $options.active,
-    "data-p-disabled": $options.isStepDisabled
+    "data-p-disabled": $options.isStepDisabled,
+    "data-p": $options.dataP
   }, $options.getPTOptions('root')), {
     "default": withCtx(function () {
       return [createElementVNode("button", mergeProps({
@@ -157,17 +183,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: $options.isStepDisabled,
         onClick: _cache[0] || (_cache[0] = function () {
           return $options.onStepClick && $options.onStepClick.apply($options, arguments);
-        })
+        }),
+        "data-p": $options.dataP
       }, $options.getPTOptions('header')), [createElementVNode("span", mergeProps({
-        "class": _ctx.cx('number')
-      }, $options.getPTOptions('number')), toDisplayString($options.activeValue), 17), createElementVNode("span", mergeProps({
-        "class": _ctx.cx('title')
-      }, $options.getPTOptions('title')), [renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_1), $data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
-        key: 0
-      })) : createCommentVNode("", true)];
+        "class": _ctx.cx('number'),
+        "data-p": $options.dataP
+      }, $options.getPTOptions('number')), toDisplayString($options.activeValue), 17, _hoisted_2), createElementVNode("span", mergeProps({
+        "class": _ctx.cx('title'),
+        "data-p": $options.dataP
+      }, $options.getPTOptions('title')), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)], 16, _hoisted_1), $data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
+        key: 0,
+        "data-p": $options.dataP
+      }, null, 8, ["data-p"])) : createCommentVNode("", true)];
     }),
     _: 3
-  }, 16, ["class", "aria-current", "data-p-active", "data-p-disabled"])) : renderSlot(_ctx.$slots, "default", {
+  }, 16, ["class", "aria-current", "data-p-active", "data-p-disabled", "data-p"])) : renderSlot(_ctx.$slots, "default", {
     key: 1,
     "class": normalizeClass(_ctx.cx('root')),
     active: $options.active,

package/step/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=131b32e8&lang.js","../../src/step/BaseStep.vue","../../src/step/Step.vue","../../src/step/Step.vue?vue&type=template&id=e408397c&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepStyle from 'primevue/step/style';\n\nexport default {\n    name: 'BaseStep',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepStyle,\n    provide() {\n        return {\n            $pcStep: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" v-bind=\"getPTOptions('header')\">\n            <span :class=\"cx('number')\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n            <span :class=\"cx('title')\" v-bind=\"getPTOptions('title')\">\n                <slot />\n            </span>\n        </button>\n        <StepperSeparator v-if=\"isSeparatorVisible\" />\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { find } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n    name: 'Step',\n    extends: BaseStep,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepList: { default: null },\n        $pcStepItem: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el && this.$pcStepList) {\n            let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n            this.isSeparatorVisible = index !== stepLen - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.isStepDisabled\n                }\n            });\n        },\n        onStepClick() {\n            this.$pcStepper.updateValue(this.activeValue);\n        }\n    },\n    computed: {\n        active() {\n            return this.$pcStepper.isStepActive(this.activeValue);\n        },\n        activeValue() {\n            return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n        },\n        isStepDisabled() {\n            return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);\n        },\n        id() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                root: {\n                    role: 'presentation',\n                    'aria-current': this.active ? 'step' : undefined,\n                    'data-pc-name': 'step',\n                    'data-pc-section': 'root',\n                    'data-p-disabled': this.isStepDisabled,\n                    'data-p-active': this.active\n                },\n                header: {\n                    id: this.id,\n                    role: 'tab',\n                    taindex: this.disabled ? -1 : undefined,\n                    'aria-controls': this.ariaControls,\n                    'data-pc-section': 'header',\n                    disabled: this.isStepDisabled,\n                    onClick: this.onStepClick\n                }\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" v-bind=\"getPTOptions('header')\">\n            <span :class=\"cx('number')\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n            <span :class=\"cx('title')\" v-bind=\"getPTOptions('title')\">\n                <slot />\n            </span>\n        </button>\n        <StepperSeparator v-if=\"isSeparatorVisible\" />\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { find } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n    name: 'Step',\n    extends: BaseStep,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepList: { default: null },\n        $pcStepItem: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el && this.$pcStepList) {\n            let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n            this.isSeparatorVisible = index !== stepLen - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.isStepDisabled\n                }\n            });\n        },\n        onStepClick() {\n            this.$pcStepper.updateValue(this.activeValue);\n        }\n    },\n    computed: {\n        active() {\n            return this.$pcStepper.isStepActive(this.activeValue);\n        },\n        activeValue() {\n            return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n        },\n        isStepDisabled() {\n            return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);\n        },\n        id() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                root: {\n                    role: 'presentation',\n                    'aria-current': this.active ? 'step' : undefined,\n                    'data-pc-name': 'step',\n                    'data-pc-section': 'root',\n                    'data-p-disabled': this.isStepDisabled,\n                    'data-p-active': this.active\n                },\n                header: {\n                    id: this.id,\n                    role: 'tab',\n                    taindex: this.disabled ? -1 : undefined,\n                    'aria-controls': this.ariaControls,\n                    'data-pc-section': 'header',\n                    disabled: this.isStepDisabled,\n                    onClick: this.onStepClick\n                }\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptm","props","value","type","String","Number","undefined","disabled","Boolean","asChild","as","Object","style","StepStyle","provide","$pcStep","$parentInstance","BaseStep","inheritAttrs","inject","$pcStepper","$pcStepList","$pcStepItem","data","isSeparatorVisible","mounted","$el","index","findIndexInList","find","stepLen","length","methods","getPTOptions","key","_ptm","ptmi","context","active","isStepDisabled","onStepClick","updateValue","activeValue","computed","isStepActive","_this$$pcStepItem","id","_this$$pcStepper","concat","ariaControls","_this$$pcStepper2","a11yAttrs","root","role","header","taindex","onClick","components","StepperSeparator","_createBlock","_resolveDynamicComponent","$options","_createElementVNode","tabindex","apply","arguments","_renderSlot","$slots","$data","_component_StepperSeparator","activateCallback"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=14656bfa&lang.js","../../src/step/BaseStep.vue","../../src/step/Step.vue","../../src/step/Step.vue?vue&type=template&id=b212245c&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepStyle from 'primevue/step/style';\n\nexport default {\n    name: 'BaseStep',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepStyle,\n    provide() {\n        return {\n            $pcStep: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" :data-p=\"dataP\" v-bind=\"getPTOptions('header')\">\n            <span :class=\"cx('number')\" :data-p=\"dataP\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n            <span :class=\"cx('title')\" :data-p=\"dataP\" v-bind=\"getPTOptions('title')\">\n                <slot />\n            </span>\n        </button>\n        <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n    name: 'Step',\n    extends: BaseStep,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepList: { default: null },\n        $pcStepItem: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false,\n            isCompleted: false\n        };\n    },\n    mounted() {\n        if (this.$el && this.$pcStepList) {\n            let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name=\"step\"][data-p-active=\"true\"]'), find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n            this.isSeparatorVisible = index !== stepLen - 1;\n            this.isCompleted = index < activeIndex;\n        }\n    },\n    updated() {\n        let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n        let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name=\"step\"][data-p-active=\"true\"]'), find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n        this.isCompleted = index < activeIndex;\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.isStepDisabled\n                }\n            });\n        },\n        onStepClick() {\n            this.$pcStepper.updateValue(this.activeValue);\n        }\n    },\n    computed: {\n        active() {\n            return this.$pcStepper.isStepActive(this.activeValue);\n        },\n        activeValue() {\n            return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n        },\n        isStepDisabled() {\n            return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);\n        },\n        id() {\n            return `${this.$pcStepper?.$id}_step_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.$id}_steppanel_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                root: {\n                    role: 'presentation',\n                    'aria-current': this.active ? 'step' : undefined,\n                    'data-pc-name': 'step',\n                    'data-pc-section': 'root',\n                    'data-p-disabled': this.isStepDisabled,\n                    'data-p-active': this.active\n                },\n                header: {\n                    id: this.id,\n                    role: 'tab',\n                    taindex: this.disabled ? -1 : undefined,\n                    'aria-controls': this.ariaControls,\n                    'data-pc-section': 'header',\n                    disabled: this.isStepDisabled,\n                    onClick: this.onStepClick\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                disabled: this.isStepDisabled,\n                readonly: this.$pcStepper.linear,\n                active: this.active,\n                completed: this.isCompleted,\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" :data-p=\"dataP\" v-bind=\"getPTOptions('header')\">\n            <span :class=\"cx('number')\" :data-p=\"dataP\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n            <span :class=\"cx('title')\" :data-p=\"dataP\" v-bind=\"getPTOptions('title')\">\n                <slot />\n            </span>\n        </button>\n        <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n    name: 'Step',\n    extends: BaseStep,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepList: { default: null },\n        $pcStepItem: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false,\n            isCompleted: false\n        };\n    },\n    mounted() {\n        if (this.$el && this.$pcStepList) {\n            let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name=\"step\"][data-p-active=\"true\"]'), find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n            this.isSeparatorVisible = index !== stepLen - 1;\n            this.isCompleted = index < activeIndex;\n        }\n    },\n    updated() {\n        let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n        let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name=\"step\"][data-p-active=\"true\"]'), find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n        this.isCompleted = index < activeIndex;\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.isStepDisabled\n                }\n            });\n        },\n        onStepClick() {\n            this.$pcStepper.updateValue(this.activeValue);\n        }\n    },\n    computed: {\n        active() {\n            return this.$pcStepper.isStepActive(this.activeValue);\n        },\n        activeValue() {\n            return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n        },\n        isStepDisabled() {\n            return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);\n        },\n        id() {\n            return `${this.$pcStepper?.$id}_step_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.$id}_steppanel_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                root: {\n                    role: 'presentation',\n                    'aria-current': this.active ? 'step' : undefined,\n                    'data-pc-name': 'step',\n                    'data-pc-section': 'root',\n                    'data-p-disabled': this.isStepDisabled,\n                    'data-p-active': this.active\n                },\n                header: {\n                    id: this.id,\n                    role: 'tab',\n                    taindex: this.disabled ? -1 : undefined,\n                    'aria-controls': this.ariaControls,\n                    'data-pc-section': 'header',\n                    disabled: this.isStepDisabled,\n                    onClick: this.onStepClick\n                }\n            };\n        },\n        dataP() {\n            return cn({\n                disabled: this.isStepDisabled,\n                readonly: this.$pcStepper.linear,\n                active: this.active,\n                completed: this.isCompleted,\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","inject","$pcStepper","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmo","$options","pt","props","value","type","String","Number","undefined","disabled","Boolean","asChild","as","Object","style","StepStyle","provide","$pcStep","$parentInstance","BaseStep","inheritAttrs","$pcStepList","$pcStepItem","data","isSeparatorVisible","isCompleted","mounted","$el","index","findIndexInList","find","activeIndex","findSingle","stepLen","length","updated","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","isStepDisabled","onStepClick","updateValue","activeValue","computed","isStepActive","_this$$pcStepItem","id","_this$$pcStepper","concat","$id","ariaControls","_this$$pcStepper2","a11yAttrs","root","role","header","taindex","onClick","dataP","cn","readonly","linear","completed","vertical","components","StepperSeparator","_createBlock","_resolveDynamicComponent","_createElementVNode","tabindex","apply","arguments","_hoisted_2","_renderSlot","$slots","$data","_component_StepperSeparator","activateCallback"],"mappings":"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"}

package/steppanel/StepPanel.vue

@@ -2,9 +2,9 @@
     <template v-if="isVertical">
         <template v-if="!asChild">
             <transition name="p-toggleable-content" v-bind="ptm('transition')">
-                <component v-show="active" :is="as" :id="id" :class="cx('root')" role="tabpanel" :aria-controls="ariaControls" v-bind="getPTOptions('root')">
-                    <StepperSeparator v-if="isSeparatorVisible" />
-                    <div :class="cx('content')" v-bind="getPTOptions('content')">
+                <component v-show="active" :is="as" :id="id" :class="cx('root')" role="tabpanel" :aria-controls="ariaControls" :data-p="dataP" v-bind="getPTOptions('root')">
+                    <StepperSeparator v-if="isSeparatorVisible" :data-p="dataP" />
+                    <div :class="cx('content')" :data-p="dataP" v-bind="getPTOptions('content')">
                         <slot :active="active" :activateCallback="(val) => updateValue(val)" />
                     </div>
                 </component>
@@ -23,6 +23,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { find, findSingle } from '@primeuix/utils/dom';
 import { findIndexInList } from '@primeuix/utils/object';
 import StepperSeparator from '../stepper/StepperSeparator.vue';
@@ -78,10 +79,10 @@ export default {
             return this.isVertical ? this.$pcStepItem?.value : this.value;
         },
         id() {
-            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;
+            return `${this.$pcStepper?.$id}_steppanel_${this.activeValue}`;
         },
         ariaControls() {
-            return `${this.$pcStepper?.id}_step_${this.activeValue}`;
+            return `${this.$pcStepper?.$id}_step_${this.activeValue}`;
         },
         a11yAttrs() {
             return {
@@ -91,6 +92,11 @@ export default {
                 'data-pc-name': 'steppanel',
                 'data-p-active': this.active
             };
+        },
+        dataP() {
+            return cn({
+                vertical: this.$pcStepItem != null
+            });
         }
     },
     components: {

package/steppanel/index.d.ts

@@ -49,6 +49,14 @@ export interface StepPanelPassThroughOptions {
      * Used to pass attributes to the root's DOM element.
      */
     root?: StepPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content DOM element.
+     */
+    content?: StepPanelPassThroughOptionType;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: StepPanelPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/steppanel/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { find, findSingle } from '@primeuix/utils/dom';
 import { findIndexInList } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
@@ -7,13 +8,18 @@ import StepPanelStyle from 'primevue/steppanel/style';
 var script$2 = {
   name: 'StepperSeparator',
   hostName: 'Stepper',
-  "extends": BaseComponent
+  "extends": BaseComponent,
+  inject: {
+    $pcStepper: {
+      "default": null
+    }
+  }
 };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('separator')
-  }, _ctx.ptm('separator')), null, 16);
+  }, _ctx.ptmo($options.$pcStepper.pt, 'separator')), null, 16);
 }
 
 script$2.render = render$1;
@@ -101,11 +107,11 @@ var script = {
     },
     id: function id() {
       var _this$$pcStepper2;
-      return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.id, "_steppanel_").concat(this.activeValue);
+      return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.$id, "_steppanel_").concat(this.activeValue);
     },
     ariaControls: function ariaControls() {
       var _this$$pcStepper3;
-      return "".concat((_this$$pcStepper3 = this.$pcStepper) === null || _this$$pcStepper3 === void 0 ? void 0 : _this$$pcStepper3.id, "_step_").concat(this.activeValue);
+      return "".concat((_this$$pcStepper3 = this.$pcStepper) === null || _this$$pcStepper3 === void 0 ? void 0 : _this$$pcStepper3.$id, "_step_").concat(this.activeValue);
     },
     a11yAttrs: function a11yAttrs() {
       return {
@@ -115,6 +121,11 @@ var script = {
         'data-pc-name': 'steppanel',
         'data-p-active': this.active
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        vertical: this.$pcStepItem != null
+      });
     }
   },
   components: {
@@ -122,6 +133,7 @@ var script = {
   }
 };
 
+var _hoisted_1 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_StepperSeparator = resolveComponent("StepperSeparator");
   return $options.isVertical ? (openBlock(), createElementBlock(Fragment, {
@@ -135,22 +147,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         id: $options.id,
         "class": _ctx.cx('root'),
         role: "tabpanel",
-        "aria-controls": $options.ariaControls
+        "aria-controls": $options.ariaControls,
+        "data-p": $options.dataP
       }, $options.getPTOptions('root')), {
         "default": withCtx(function () {
           return [$data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
-            key: 0
-          })) : createCommentVNode("", true), createElementVNode("div", mergeProps({
-            "class": _ctx.cx('content')
+            key: 0,
+            "data-p": $options.dataP
+          }, null, 8, ["data-p"])) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+            "class": _ctx.cx('content'),
+            "data-p": $options.dataP
           }, $options.getPTOptions('content')), [renderSlot(_ctx.$slots, "default", {
             active: $options.active,
             activateCallback: function activateCallback(val) {
               return $options.updateValue(val);
             }
-          })], 16)];
+          })], 16, _hoisted_1)];
         }),
         _: 3
-      }, 16, ["id", "class", "aria-controls"])), [[vShow, $options.active]])];
+      }, 16, ["id", "class", "aria-controls", "data-p"])), [[vShow, $options.active]])];
     }),
     _: 3
   }, 16)) : renderSlot(_ctx.$slots, "default", {

package/steppanel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=131b32e8&lang.js","../../src/steppanel/BaseStepPanel.vue","../../src/steppanel/StepPanel.vue","../../src/steppanel/StepPanel.vue?vue&type=template&id=9f44d2e0&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelStyle from 'primevue/steppanel/style';\n\nexport default {\n    name: 'BaseStepPanel',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepPanelStyle,\n    provide() {\n        return {\n            $pcStepPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" />\n                    <div :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" />\n                    <div :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptm","props","value","type","String","Number","undefined","asChild","Boolean","as","Object","style","StepPanelStyle","provide","$pcStepPanel","$parentInstance","BaseStepPanel","inheritAttrs","inject","$pcStepper","$pcStepItem","$pcStepList","data","isSeparatorVisible","mounted","$el","_this$$pcStepItem","_this$$pcStepList","stepElements","find","stepPanelEl","findSingle","isVertical","stepPanelIndex","findIndexInList","length","methods","getPTOptions","key","_ptm","ptmi","context","active","updateValue","val","computed","_this$$pcStepItem2","_this$$pcStepper","activeValue","d_value","_this$$pcStepItem3","id","_this$$pcStepper2","concat","ariaControls","_this$$pcStepper3","a11yAttrs","role","components","StepperSeparator","$options","_Fragment","_createBlock","_Transition","_resolveDynamicComponent","$data","_component_StepperSeparator","_createElementVNode","_renderSlot","$slots","activateCallback"],"mappings":";;;;;;AAOA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,QAAQ,EAAE,SAAS;EACnB,SAASC,EAAAA;AACb,CAAC;;;ECVG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAA0D,QAA1DC,UAA0D,CAAA;AAAnD,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA;KAAuBD,IAAG,CAAAE,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;ACG9C,eAAe;AACXR,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASE,aAAa;AACtBO,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAN,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAAC;MACtB,SAAS,EAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACED,aAAe;AACXvB,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASwB,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE;MAAE,SAAS,EAAA;KAAM;AAC7BC,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA;KAAM;AAC9BC,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA;AAAK;GAChC;EACDC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,kBAAkB,EAAE;KACvB;GACJ;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,IAAI,CAACC,GAAG,EAAE;MAAA,IAAAC,iBAAA,EAAAC,iBAAA;MACV,IAAIC,YAAW,GAAIC,IAAI,CAAC,IAAI,CAACV,UAAU,CAACM,GAAG,EAAE,uBAAuB,CAAC;AACrE,MAAA,IAAIK,cAAcC,UAAU,CAAC,IAAI,CAACC,UAAS,GAAAN,CAAAA,iBAAA,GAAI,IAAI,CAACN,WAAW,cAAAM,iBAAA,KAAA,MAAA,GAAA,MAAA,GAAhBA,iBAAA,CAAkBD,2BAAM,IAAI,CAACJ,WAAW,MAAAM,IAAAA,IAAAA,iBAAA,uBAAhBA,iBAAA,CAAkBF,GAAG,EAAE,uBAAuB,CAAC;AACtH,MAAA,IAAIQ,cAAa,GAAIC,eAAe,CAACJ,WAAW,EAAEF,YAAY,CAAC;AAE/D,MAAA,IAAI,CAACL,kBAAmB,GAAE,IAAI,CAACS,UAAS,IAAKC,cAAe,KAAIL,YAAY,CAACO,MAAK,GAAI,CAAC;AAC3F;GACH;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACxC,GAAG;MAElD,OAAOuC,IAAI,CAACD,GAAG,EAAE;AACbG,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACA;AACjB;AACJ,OAAC,CAAC;KACL;AACDC,IAAAA,WAAW,EAAXA,SAAAA,WAAWA,CAACC,GAAG,EAAE;AACb,MAAA,IAAI,CAACzB,UAAU,CAACwB,WAAW,CAACC,GAAG,CAAC;AACpC;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNH,MAAM,EAAA,SAANA,MAAMA,GAAG;MAAA,IAAAI,kBAAA,EAAAC,gBAAA;MACL,IAAIC,cAAc,CAAC,CAAC,IAAI,CAAC5B,WAAY,GAAA0B,CAAAA,kBAAA,GAAE,IAAI,CAAC1B,WAAW,MAAA,IAAA,IAAA0B,kBAAA,KAAhBA,MAAAA,GAAAA,MAAAA,GAAAA,kBAAA,CAAkB5C,KAAI,GAAI,IAAI,CAACA,KAAK;AAE3E,MAAA,OAAO8C,qCAAgB,IAAI,CAAC7B,UAAU,MAAA,IAAA,IAAA4B,gBAAA,KAAA,MAAA,GAAA,MAAA,GAAfA,gBAAA,CAAiBE,OAAO,CAAA;KAClD;IACDjB,UAAU,EAAA,SAAVA,UAAUA,GAAG;AACT,MAAA,OAAO,CAAC,CAAC,IAAI,CAACZ,WAAW;KAC5B;IACD4B,WAAW,EAAA,SAAXA,WAAWA,GAAG;AAAA,MAAA,IAAAE,kBAAA;AACV,MAAA,OAAO,IAAI,CAAClB,UAAW,IAAAkB,kBAAA,GAAE,IAAI,CAAC9B,WAAW,MAAA8B,IAAAA,IAAAA,kBAAA,uBAAhBA,kBAAA,CAAkBhD,KAAI,GAAI,IAAI,CAACA,KAAK;KAChE;IACDiD,EAAE,EAAA,SAAFA,EAAEA,GAAG;AAAA,MAAA,IAAAC,iBAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,iBAAA,GAAU,IAAI,CAACjC,UAAU,MAAAiC,IAAAA,IAAAA,iBAAA,KAAfA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAA,CAAiBD,EAAE,EAAA,aAAA,CAAA,CAAAE,MAAA,CAAc,IAAI,CAACL,WAAW,CAAA;KAC9D;IACDM,YAAY,EAAA,SAAZA,YAAYA,GAAG;AAAA,MAAA,IAAAC,iBAAA;AACX,MAAA,OAAA,EAAA,CAAAF,MAAA,CAAAE,CAAAA,iBAAA,GAAU,IAAI,CAACpC,UAAU,MAAAoC,IAAAA,IAAAA,iBAAA,KAAfA,MAAAA,GAAAA,MAAAA,GAAAA,iBAAA,CAAiBJ,EAAE,EAAA,QAAA,CAAA,CAAAE,MAAA,CAAS,IAAI,CAACL,WAAW,CAAA;KACzD;IACDQ,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACHL,EAAE,EAAE,IAAI,CAACA,EAAE;AACXM,QAAAA,IAAI,EAAE,UAAU;QAChB,eAAe,EAAE,IAAI,CAACH,YAAY;AAClC,QAAA,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE,IAAI,CAACZ;OACzB;AACL;GACH;AACDgB,EAAAA,UAAU,EAAE;AACRC,IAAAA,gBAAe,EAAfA;AACJ;AACJ,CAAC;;;;SCjGmBC,QAAU,CAAA5B,UAAA,iBAA1BpC,kBAYU,CAAAiE,QAAA,EAAA;AAAAvB,IAAAA,GAAA,EAAA;AAAA,GAAA,EAAA,EAXWxC,IAAO,CAAAS,OAAA,IACpBZ,SAAA,EAAA,EAAAmE,WAAA,CAOYC,YAPZlE,UAOY,CAAA;;AAPAL,IAAAA,IAAI,EAAC;KAA+BM,IAAG,CAAAE,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA;uBAC/C,YAAA;AAAA,MAAA,OAKW,8BALX8D,WAKW,CAAAE,uBAAA,CALqBlE,IAAE,CAAAW,EAAA,CAAA,EAAlCZ,UAKW,CAAA;QAL0BsD,EAAE,EAAES,QAAE,CAAAT,EAAA;AAAG,QAAA,OAAA,EAAOrD,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU0D,QAAAA,IAAI,EAAC,UAAW;QAAC,eAAa,EAAEG,QAAY,CAAAN;SAAUM,QAAY,CAAAvB,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA;2BAC/H,YAAA;AAAA,UAAA,OAA6C,CAArB4B,KAAkB,CAAA1C,kBAAA,iBAA1CuC,WAA6C,CAAAI,2BAAA,EAAA;AAAA5B,YAAAA,GAAA,EAAA;AAAA,WAAA,CAAA,kCAC7C6B,kBAAA,CAEK,OAFLtE,UAEK,CAAA;AAFC,YAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,SAAA;aAAqB6D,QAAY,CAAAvB,YAAA,CAAA,SAAA,CAAA,CAAA,EAAA,CAC5C+B,UAAsE,CAAAtE,IAAA,CAAAuE,MAAA,EAAA,SAAA,EAAA;YAA/D3B,MAAM,EAAEkB,QAAM,CAAAlB,MAAA;AAAG4B,YAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG1B,GAAG,EAAA;AAAA,cAAA,OAAKgB,QAAA,CAAAjB,WAAW,CAACC,GAAG,CAAA;AAAA;;;;0DAHvDgB,QAAM,CAAAlB,MAAA,CAAA;;;YAQjC0B,UAAoG,CAAAtE,IAAA,CAAAuE,MAAA,EAAA,SAAA,EAAA;;IAAtF3B,MAAM,EAAEkB,QAAM,CAAAlB,MAAA;IAAGc,SAAS,EAAEI,QAAS,CAAAJ,SAAA;AAAGc,IAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG1B,GAAG,EAAA;AAAA,MAAA,OAAKgB,QAAA,CAAAjB,WAAW,CAACC,GAAG,CAAA;AAAA;4BAEpGhD,kBAOU,CAAAiE,QAAA,EAAA;AAAAvB,IAAAA,GAAA,EAAA;GAAA,EAAA,EANWxC,IAAO,CAAAS,OAAA,gCACpBuD,WAEW,CAAAE,uBAAA,CAFqBlE,IAAE,CAAAW,EAAA,CAAA,EAAlCZ,UAEW,CAAA;;IAF0BsD,EAAE,EAAES,QAAE,CAAAT,EAAA;AAAG,IAAA,OAAA,EAAOrD,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAU0D,IAAAA,IAAI,EAAC,UAAW;IAAC,eAAa,EAAEG,QAAY,CAAAN;KAAUM,QAAY,CAAAvB,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA;uBAC/H,YAAA;MAAA,OAAsE,CAAtE+B,UAAsE,CAAAtE,IAAA,CAAAuE,MAAA,EAAA,SAAA,EAAA;QAA/D3B,MAAM,EAAEkB,QAAM,CAAAlB,MAAA;AAAG4B,QAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG1B,GAAG,EAAA;AAAA,UAAA,OAAKgB,QAAA,CAAAjB,WAAW,CAACC,GAAG,CAAA;AAAA;;;;sDADnDgB,QAAM,CAAAlB,MAAA,CAAA,KAIZ5C,IAAA,CAAAS,OAAQ,IAAGqD,QAAM,CAAAlB,MAAA,GAAlC0B,UAA2H,CAAAtE,IAAA,CAAAuE,MAAA,EAAA,SAAA,EAAA;;IAAtF3B,MAAM,EAAEkB,QAAM,CAAAlB,MAAA;IAAGc,SAAS,EAAEI,QAAS,CAAAJ,SAAA;AAAGc,IAAAA,gBAAgB,EAAG,SAAnBA,gBAAgBA,CAAG1B,GAAG,EAAA;AAAA,MAAA,OAAKgB,QAAA,CAAAjB,WAAW,CAACC,GAAG,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=14656bfa&lang.js","../../src/steppanel/BaseStepPanel.vue","../../src/steppanel/StepPanel.vue","../../src/steppanel/StepPanel.vue?vue&type=template&id=4886721a&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent,\n    inject: {\n        $pcStepper: { default: null }\n    }\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepPanelStyle from 'primevue/steppanel/style';\n\nexport default {\n    name: 'BaseStepPanel',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Number],\n            default: undefined\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: [String, Object],\n            default: 'DIV'\n        }\n    },\n    style: StepPanelStyle,\n    provide() {\n        return {\n            $pcStepPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n                    <div :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.$id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.$id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        },\n        dataP() {\n            return cn({\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n","<template>\n    <template v-if=\"isVertical\">\n        <template v-if=\"!asChild\">\n            <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n                <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n                    <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n                    <div :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"getPTOptions('content')\">\n                        <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n                    </div>\n                </component>\n            </transition>\n        </template>\n        <slot v-else :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-show=\"active\" :is=\"as\" :id=\"id\" :class=\"cx('root')\" role=\"tabpanel\" :aria-controls=\"ariaControls\" v-bind=\"getPTOptions('root')\">\n                <slot :active=\"active\" :activateCallback=\"(val) => updateValue(val)\" />\n            </component>\n        </template>\n        <slot v-else-if=\"asChild && active\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"(val) => updateValue(val)\" />\n    </template>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStepPanel from './BaseStepPanel.vue';\n\nexport default {\n    name: 'StepPanel',\n    extends: BaseStepPanel,\n    inheritAttrs: false,\n    inject: {\n        $pcStepper: { default: null },\n        $pcStepItem: { default: null },\n        $pcStepList: { default: null }\n    },\n    data() {\n        return {\n            isSeparatorVisible: false\n        };\n    },\n    mounted() {\n        if (this.$el) {\n            let stepElements = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]');\n            let stepPanelEl = findSingle(this.isVertical ? this.$pcStepItem?.$el : this.$pcStepList?.$el, '[data-pc-name=\"step\"]');\n            let stepPanelIndex = findIndexInList(stepPanelEl, stepElements);\n\n            this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active\n                }\n            });\n        },\n        updateValue(val) {\n            this.$pcStepper.updateValue(val);\n        }\n    },\n    computed: {\n        active() {\n            let activeValue = !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n\n            return activeValue === this.$pcStepper?.d_value;\n        },\n        isVertical() {\n            return !!this.$pcStepItem;\n        },\n        activeValue() {\n            return this.isVertical ? this.$pcStepItem?.value : this.value;\n        },\n        id() {\n            return `${this.$pcStepper?.$id}_steppanel_${this.activeValue}`;\n        },\n        ariaControls() {\n            return `${this.$pcStepper?.$id}_step_${this.activeValue}`;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                role: 'tabpanel',\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'steppanel',\n                'data-p-active': this.active\n            };\n        },\n        dataP() {\n            return cn({\n                vertical: this.$pcStepItem != null\n            });\n        }\n    },\n    components: {\n        StepperSeparator\n    }\n};\n</script>\n"],"names":["name","hostName","BaseComponent","inject","$pcStepper","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmo","$options","pt","props","value","type","String","Number","undefined","asChild","Boolean","as","Object","style","StepPanelStyle","provide","$pcStepPanel","$parentInstance","BaseStepPanel","inheritAttrs","$pcStepItem","$pcStepList","data","isSeparatorVisible","mounted","$el","_this$$pcStepItem","_this$$pcStepList","stepElements","find","stepPanelEl","findSingle","isVertical","stepPanelIndex","findIndexInList","length","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","updateValue","val","computed","_this$$pcStepItem2","_this$$pcStepper","activeValue","d_value","_this$$pcStepItem3","id","_this$$pcStepper2","concat","$id","ariaControls","_this$$pcStepper3","a11yAttrs","role","dataP","cn","vertical","components","StepperSeparator","_Fragment","_createBlock","_Transition","_resolveDynamicComponent","$data","_component_StepperSeparator","_createElementVNode","_renderSlot","$slots","activateCallback"],"mappings":"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"}

package/stepper/StepperSeparator.vue

@@ -1,5 +1,5 @@
 <template>
-    <span :class="cx('separator')" v-bind="ptm('separator')" />
+    <span :class="cx('separator')" v-bind="ptmo($pcStepper.pt, 'separator')" />
 </template>
 
 <script>
@@ -8,6 +8,9 @@ import BaseComponent from '@primevue/core/basecomponent';
 export default {
     name: 'StepperSeparator',
     hostName: 'Stepper',
-    extends: BaseComponent
+    extends: BaseComponent,
+    inject: {
+        $pcStepper: { default: null }
+    }
 };
 </script>

package/tab/Tab.vue

@@ -100,18 +100,18 @@ export default {
         findNextTab(tabElement, selfCheck = false) {
             const element = selfCheck ? tabElement : tabElement.nextElementSibling;
 
-            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
         },
         findPrevTab(tabElement, selfCheck = false) {
             const element = selfCheck ? tabElement : tabElement.previousElementSibling;
 
-            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
+            return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]')) : null;
         },
         findFirstTab() {
-            return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);
+            return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);
         },
         findLastTab() {
-            return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);
+            return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);
         },
         changeActiveValue() {
             this.$pcTabs.updateValue(this.value);

package/tab/index.mjs

@@ -110,18 +110,18 @@ var script = {
     findNextTab: function findNextTab(tabElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? tabElement : tabElement.nextElementSibling;
-      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
+      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
     },
     findPrevTab: function findPrevTab(tabElement) {
       var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var element = selfCheck ? tabElement : tabElement.previousElementSibling;
-      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'inkbar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
+      return element ? getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name="tab"]') : null;
     },
     findFirstTab: function findFirstTab() {
-      return this.findNextTab(this.$pcTabList.$refs.content.firstElementChild, true);
+      return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);
     },
     findLastTab: function findLastTab() {
-      return this.findPrevTab(this.$pcTabList.$refs.content.lastElementChild, true);
+      return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);
     },
     changeActiveValue: function changeActiveValue() {
       this.$pcTabs.updateValue(this.value);