primevue 4.0.0 → 4.0.2

package/splitbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/splitbutton/BaseSplitButton.vue","../../src/splitbutton/SplitButton.vue","../../src/splitbutton/SplitButton.vue?vue&type=template&id=cc05ec44&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitButtonStyle from 'primevue/splitbutton/style';\n\nexport default {\n    name: 'BaseSplitButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: false\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        buttonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonIcon: {\n            type: String,\n            default: undefined\n        },\n        dropdownIcon: {\n            type: String,\n            default: undefined\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: SplitButtonStyle,\n    provide() {\n        return {\n            $pcSplitButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('ptMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('ptMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","model","Array","autoZIndex","Boolean","baseZIndex","Number","appendTo","Object","disabled","fluid","style","buttonProps","menuButtonProps","menuButtonIcon","undefined","dropdownIcon","severity","raised","rounded","text","outlined","size","plain","SplitButtonStyle","provide","$pcSplitButton","$parentInstance","BaseSplitButton","inheritAttrs","emits","data","id","$attrs","isExpanded","watch","$attrsId","newValue","UniqueComponentId","mounted","_this","$watch","methods","onDropdownButtonClick","event","preventDefault","$refs","menu","toggle","currentTarget","$el","relatedTarget","button","visible","onDropdownKeydown","code","onDefaultButtonClick","hide","$emit","computed","containerClass","cx","components","PVSButton","Button","PVSMenu","TieredMenu","ChevronDownIcon","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_createVNode","_component_PVSButton","onClick","pt","ptm","unstyled","_renderSlot","$slots","fn","_withCtx","slotProps","_normalizeClass","_createElementVNode","ref","$data","onKeydown","dropdownicon","_createBlock","_resolveDynamicComponent","_component_PVSMenu","popup","menuitemicon","item","hasSubmenu"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/splitbutton/BaseSplitButton.vue","../../src/splitbutton/SplitButton.vue","../../src/splitbutton/SplitButton.vue?vue&type=template&id=27a31422&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SplitButtonStyle from 'primevue/splitbutton/style';\n\nexport default {\n    name: 'BaseSplitButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        appendTo: {\n            type: [String, Object],\n            default: 'body'\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        buttonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonProps: {\n            type: null,\n            default: null\n        },\n        menuButtonIcon: {\n            type: String,\n            default: undefined\n        },\n        dropdownIcon: {\n            type: String,\n            default: undefined\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: SplitButtonStyle,\n    provide() {\n        return {\n            $pcSplitButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\" :data-p-severity=\"severity\">\n        <PVSButton\n            type=\"button\"\n            :class=\"cx('pcButton')\"\n            :label=\"label\"\n            :disabled=\"disabled\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :icon=\"icon\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :fluid=\"fluid\"\n            :aria-label=\"label\"\n            @click=\"onDefaultButtonClick\"\n            v-bind=\"buttonProps\"\n            :pt=\"ptm('pcButton')\"\n            :unstyled=\"unstyled\"\n        >\n            <template v-if=\"$slots.icon\" #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"slotProps.class\">\n                    <span :class=\"[icon, slotProps.class]\" v-bind=\"ptm('pcButton')['icon']\" data-pc-section=\"buttonicon\" />\n                </slot>\n            </template>\n            <template #default>\n                <slot></slot>\n            </template>\n        </PVSButton>\n        <PVSButton\n            ref=\"button\"\n            type=\"button\"\n            :class=\"cx('pcDropdown')\"\n            :disabled=\"disabled\"\n            aria-haspopup=\"true\"\n            :aria-expanded=\"isExpanded\"\n            :aria-controls=\"id + '_overlay'\"\n            @click=\"onDropdownButtonClick\"\n            @keydown=\"onDropdownKeydown\"\n            :severity=\"severity\"\n            :text=\"text\"\n            :outlined=\"outlined\"\n            :size=\"size\"\n            :unstyled=\"unstyled\"\n            v-bind=\"menuButtonProps\"\n            :pt=\"ptm('pcDropdown')\"\n        >\n            <template #icon=\"slotProps\">\n                <!--TODO: menubuttonicon and menuButtonIcon deprecated since v4.0-->\n                <slot :name=\"$slots.dropdownicon ? 'dropdownicon' : 'menubuttonicon'\" :class=\"slotProps.class\">\n                    <component :is=\"menuButtonIcon || dropdownIcon ? 'span' : 'ChevronDownIcon'\" :class=\"[dropdownIcon || menuButtonIcon, slotProps.class]\" v-bind=\"ptm('pcDropdown')['icon']\" data-pc-section=\"menubuttonicon\" />\n                </slot>\n            </template>\n        </PVSButton>\n        <PVSMenu ref=\"menu\" :id=\"id + '_overlay'\" :model=\"model\" :popup=\"true\" :autoZIndex=\"autoZIndex\" :baseZIndex=\"baseZIndex\" :appendTo=\"appendTo\" :unstyled=\"unstyled\" :pt=\"ptm('pcMenu')\">\n            <template v-if=\"$slots.menuitemicon\" #itemicon=\"slotProps\">\n                <slot name=\"menuitemicon\" :item=\"slotProps.item\" :class=\"slotProps.class\" />\n            </template>\n            <template v-if=\"$slots.item\" #item=\"slotProps\">\n                <slot name=\"item\" :item=\"slotProps.item\" :hasSubmenu=\"slotProps.hasSubmenu\" :label=\"slotProps.label\" :props=\"slotProps.props\"></slot>\n            </template>\n        </PVSMenu>\n    </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport Button from 'primevue/button';\nimport TieredMenu from 'primevue/tieredmenu';\nimport BaseSplitButton from './BaseSplitButton.vue';\n\nexport default {\n    name: 'SplitButton',\n    extends: BaseSplitButton,\n    inheritAttrs: false,\n    emits: ['click'],\n    inject: {\n        $pcFluid: { default: null }\n    },\n    data() {\n        return {\n            id: this.$attrs.id,\n            isExpanded: false\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        this.$watch('$refs.menu.visible', (newValue) => {\n            this.isExpanded = newValue;\n        });\n    },\n    methods: {\n        onDropdownButtonClick(event) {\n            if (event) {\n                event.preventDefault();\n            }\n\n            this.$refs.menu.toggle({ currentTarget: this.$el, relatedTarget: this.$refs.button.$el });\n            this.isExpanded = this.$refs.menu.visible;\n        },\n        onDropdownKeydown(event) {\n            if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n                this.onDropdownButtonClick();\n                event.preventDefault();\n            }\n        },\n        onDefaultButtonClick(event) {\n            if (this.isExpanded) {\n                this.$refs.menu.hide(event);\n            }\n\n            this.$emit('click', event);\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        PVSButton: Button,\n        PVSMenu: TieredMenu,\n        ChevronDownIcon: ChevronDownIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","model","Array","autoZIndex","Boolean","baseZIndex","Number","appendTo","Object","disabled","fluid","style","buttonProps","menuButtonProps","menuButtonIcon","undefined","dropdownIcon","severity","raised","rounded","text","outlined","size","plain","SplitButtonStyle","provide","$pcSplitButton","$parentInstance","BaseSplitButton","inheritAttrs","emits","inject","$pcFluid","data","id","$attrs","isExpanded","watch","$attrsId","newValue","UniqueComponentId","mounted","_this","$watch","methods","onDropdownButtonClick","event","preventDefault","$refs","menu","toggle","currentTarget","$el","relatedTarget","button","visible","onDropdownKeydown","code","onDefaultButtonClick","hide","$emit","computed","containerClass","cx","hasFluid","isEmpty","components","PVSButton","Button","PVSMenu","TieredMenu","ChevronDownIcon","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_createVNode","_component_PVSButton","onClick","pt","ptm","unstyled","_renderSlot","$slots","fn","_withCtx","slotProps","_normalizeClass","_createElementVNode","ref","$data","onKeydown","dropdownicon","_createBlock","_resolveDynamicComponent","_component_PVSMenu","popup","menuitemicon","item","hasSubmenu"],"mappings":"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"}

package/splitbutton/style/index.mjs

@@ -6,11 +6,12 @@ var theme = function theme(_ref) {
 };
 var classes = {
   root: function root(_ref2) {
-    var props = _ref2.props;
+    var instance = _ref2.instance,
+      props = _ref2.props;
     return ['p-splitbutton p-component', {
       'p-splitbutton-raised': props.raised,
       'p-splitbutton-rounded': props.rounded,
-      'p-splitbutton-fluid': props.fluid
+      'p-splitbutton-fluid': instance.hasFluid
     }];
   },
   pcButton: 'p-splitbutton-button',

package/splitbutton/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/splitbutton/style/SplitButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n    border-radius: ${dt('splitbutton.border.radius')};\n}\n\n.p-splitbutton-button {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-button:focus-visible,\n.p-splitbutton-dropdown:focus-visible {\n    z-index: 1;\n}\n\n.p-splitbutton-button:not(:disabled):hover,\n.p-splitbutton-button:not(:disabled):active {\n    border-right: 0 none;\n}\n\n.p-splitbutton-dropdown {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-splitbutton-fluid {\n    display: flex;\n}\n\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-top-right-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-right-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-top-left-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-left-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-raised {\n    box-shadow: ${dt('splitbutton.raised.shadow')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-splitbutton p-component',\n        {\n            'p-splitbutton-raised': props.raised,\n            'p-splitbutton-rounded': props.rounded,\n            'p-splitbutton-fluid': props.fluid\n        }\n    ],\n    pcButton: 'p-splitbutton-button',\n    pcDropdown: 'p-splitbutton-dropdown'\n};\n\nexport default BaseStyle.extend({\n    name: 'splitbutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","raised","rounded","fluid","pcButton","pcDropdown","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,6FAAA,CAAAC,MAAA,CAIED,EAAE,CAAC,2BAA2B,CAAC,qoBAAAC,MAAA,CAiCrBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,sFAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,mDAAAA,CAAAA,CAAAA,MAAA,CAItDD,EAAE,CAAC,2BAA2B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEhD,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,KAAK,CAACC,MAAM;MACpC,uBAAuB,EAAED,KAAK,CAACE,OAAO;MACtC,qBAAqB,EAAEF,KAAK,CAACG,KAAAA;AACjC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,sBAAsB;AAChCC,EAAAA,UAAU,EAAE,wBAAA;AAChB,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBf,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/splitbutton/style/SplitButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-splitbutton {\n    display: inline-flex;\n    position: relative;\n    border-radius: ${dt('splitbutton.border.radius')};\n}\n\n.p-splitbutton-button {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n\n.p-splitbutton-button:focus-visible,\n.p-splitbutton-dropdown:focus-visible {\n    z-index: 1;\n}\n\n.p-splitbutton-button:not(:disabled):hover,\n.p-splitbutton-button:not(:disabled):active {\n    border-right: 0 none;\n}\n\n.p-splitbutton-dropdown {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n    min-width: 100%;\n}\n\n.p-splitbutton-fluid {\n    display: flex;\n}\n\n.p-splitbutton-rounded .p-splitbutton-dropdown {\n    border-top-right-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-right-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-rounded .p-splitbutton-button {\n    border-top-left-radius: ${dt('splitbutton.rounded.border.radius')};\n    border-bottom-left-radius: ${dt('splitbutton.rounded.border.radius')};\n}\n\n.p-splitbutton-raised {\n    box-shadow: ${dt('splitbutton.raised.shadow')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-splitbutton p-component',\n        {\n            'p-splitbutton-raised': props.raised,\n            'p-splitbutton-rounded': props.rounded,\n            'p-splitbutton-fluid': instance.hasFluid\n        }\n    ],\n    pcButton: 'p-splitbutton-button',\n    pcDropdown: 'p-splitbutton-dropdown'\n};\n\nexport default BaseStyle.extend({\n    name: 'splitbutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","raised","rounded","hasFluid","pcButton","pcDropdown","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,6FAAA,CAAAC,MAAA,CAIED,EAAE,CAAC,2BAA2B,CAAC,qoBAAAC,MAAA,CAiCrBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,sFAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,mDAAAA,CAAAA,CAAAA,MAAA,CAItDD,EAAE,CAAC,2BAA2B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEhD,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,KAAK,CAACC,MAAM;MACpC,uBAAuB,EAAED,KAAK,CAACE,OAAO;MACtC,qBAAqB,EAAEH,QAAQ,CAACI,QAAAA;AACpC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,sBAAsB;AAChCC,EAAAA,UAAU,EAAE,wBAAA;AAChB,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBhB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/step/Step.vue

@@ -1,6 +1,6 @@
 <template>
-    <component v-if="!asChild" :is="as" :class="cx('root')" :aria-current="active ? 'step' : undefined" role="presentation" :data-p-active="active" :data-p-disabled="disabled" v-bind="getPTOptions('root')">
-        <button :id="id" :class="cx('header')" role="tab" type="button" :tabindex="disabled ? -1 : undefined" :aria-controls="ariaControls" :disabled="disabled" @click="onStepClick" v-bind="getPTOptions('header')">
+    <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')">
+        <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')">
             <span :class="cx('number')" v-bind="getPTOptions('number')">{{ activeValue }}</span>
             <span :class="cx('title')" v-bind="getPTOptions('title')">
                 <slot />
@@ -46,13 +46,10 @@ export default {
             return _ptm(key, {
                 context: {
                     active: this.active,
-                    disabled: this.disabled
+                    disabled: this.isStepDisabled
                 }
             });
         },
-        isStepDisabled() {
-            return this.$pcStepper.isStepDisabled();
-        },
         onStepClick() {
             this.$pcStepper.updateValue(this.activeValue);
         }
@@ -64,6 +61,9 @@ export default {
         activeValue() {
             return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;
         },
+        isStepDisabled() {
+            return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);
+        },
         id() {
             return `${this.$pcStepper?.id}_step_${this.activeValue}`;
         },

package/step/index.mjs

@@ -81,13 +81,10 @@ var script = {
       return _ptm(key, {
         context: {
           active: this.active,
-          disabled: this.disabled
+          disabled: this.isStepDisabled
         }
       });
     },
-    isStepDisabled: function isStepDisabled() {
-      return this.$pcStepper.isStepDisabled();
-    },
     onStepClick: function onStepClick() {
       this.$pcStepper.updateValue(this.activeValue);
     }
@@ -100,6 +97,9 @@ var script = {
       var _this$$pcStepItem;
       return !!this.$pcStepItem ? (_this$$pcStepItem = this.$pcStepItem) === null || _this$$pcStepItem === void 0 ? void 0 : _this$$pcStepItem.value : this.value;
     },
+    isStepDisabled: function isStepDisabled() {
+      return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);
+    },
     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);
@@ -144,7 +144,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-current": $options.active ? 'step' : undefined,
     role: "presentation",
     "data-p-active": $options.active,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": $options.isStepDisabled
   }, $options.getPTOptions('root')), {
     "default": withCtx(function () {
       return [createElementVNode("button", mergeProps({
@@ -152,9 +152,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": _ctx.cx('header'),
         role: "tab",
         type: "button",
-        tabindex: _ctx.disabled ? -1 : undefined,
+        tabindex: $options.isStepDisabled ? -1 : undefined,
         "aria-controls": $options.ariaControls,
-        disabled: _ctx.disabled,
+        disabled: $options.isStepDisabled,
         onClick: _cache[0] || (_cache[0] = function () {
           return $options.onStepClick && $options.onStepClick.apply($options, arguments);
         })

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=213a4438&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,\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=\"disabled\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"disabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"disabled\" @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.disabled\n                }\n            });\n        },\n        isStepDisabled() {\n            return this.$pcStepper.isStepDisabled();\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        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.disabled,\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.disabled,\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=\"disabled\" v-bind=\"getPTOptions('root')\">\n        <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"disabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"disabled\" @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.disabled\n                }\n            });\n        },\n        isStepDisabled() {\n            return this.$pcStepper.isStepDisabled();\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        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.disabled,\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.disabled,\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","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=131b32e8&lang.js","../../src/step/BaseStep.vue","../../src/step/Step.vue","../../src/step/Step.vue?vue&type=template&id=7c679b82&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,\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.disabled,\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.disabled,\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.disabled,\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.disabled,\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","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":";;;;;;AAOA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxBC,EAAAA,QAAQ,EAAE,SAAS;EACnB,SAASC,EAAAA,aAAAA;AACb,CAAC;;;ECVG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAA0D,QAA1DC,UAA0D,CAAA;AAAnD,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA;KAAuBD,IAAG,CAAAE,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;;;;ACG9C,eAAe;AACXR,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASE,aAAa;AACtBO,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLN,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDE,IAAAA,EAAE,EAAE;AACAP,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDO,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACbD,aAAe;AACXvB,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,SAAA,EAASwB,QAAQ;AACjBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE;MAAE,SAAS,EAAA,IAAA;KAAM;AAC7BC,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA,IAAA;KAAM;AAC9BC,IAAAA,WAAW,EAAE;MAAE,SAAS,EAAA,IAAA;AAAK,KAAA;GAChC;EACDC,IAAI,EAAA,SAAAA,OAAG;IACH,OAAO;AACHC,MAAAA,kBAAkB,EAAE,KAAA;KACvB,CAAA;GACJ;EACDC,OAAO,EAAA,SAAAA,UAAG;AACN,IAAA,IAAI,IAAI,CAACC,GAAE,IAAK,IAAI,CAACL,WAAW,EAAE;AAC9B,MAAA,IAAIM,KAAM,GAAEC,eAAe,CAAC,IAAI,CAACF,GAAG,EAAEG,IAAI,CAAC,IAAI,CAACT,UAAU,CAACM,GAAG,EAAE,uBAAuB,CAAC,CAAC,CAAA;AACzF,MAAA,IAAII,OAAQ,GAAED,IAAI,CAAC,IAAI,CAACT,UAAU,CAACM,GAAG,EAAE,uBAAuB,CAAC,CAACK,MAAM,CAAA;AAEvE,MAAA,IAAI,CAACP,qBAAqBG,UAAUG,OAAM,GAAI,CAAC,CAAA;AACnD,KAAA;GACH;AACDE,EAAAA,OAAO,EAAE;IACLC,YAAY,EAAA,SAAAA,YAACC,CAAAA,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACnC,GAAG,CAAA;MAElD,OAAOkC,IAAI,CAACD,GAAG,EAAE;AACbG,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACA,MAAM;UACnB9B,QAAQ,EAAE,IAAI,CAAC+B,cAAAA;AACnB,SAAA;AACJ,OAAC,CAAC,CAAA;KACL;IACDC,WAAW,EAAA,SAAAA,cAAG;MACV,IAAI,CAACpB,UAAU,CAACqB,WAAW,CAAC,IAAI,CAACC,WAAW,CAAC,CAAA;AACjD,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNL,MAAM,EAAA,SAAAA,SAAG;MACL,OAAO,IAAI,CAAClB,UAAU,CAACwB,YAAY,CAAC,IAAI,CAACF,WAAW,CAAC,CAAA;KACxD;IACDA,WAAW,EAAA,SAAAA,cAAG;AAAA,MAAA,IAAAG,iBAAA,CAAA;MACV,OAAO,CAAC,CAAC,IAAI,CAACvB,WAAY,GAAAuB,CAAAA,iBAAA,GAAE,IAAI,CAACvB,WAAW,MAAAuB,IAAAA,IAAAA,iBAAA,uBAAhBA,iBAAA,CAAkB1C,KAAI,GAAI,IAAI,CAACA,KAAK,CAAA;KACnE;IACDoC,cAAc,EAAA,SAAAA,iBAAG;AACb,MAAA,OAAO,CAAC,IAAI,CAACD,MAAK,KAAM,IAAI,CAAClB,UAAU,CAACmB,cAAc,EAAG,IAAG,IAAI,CAAC/B,QAAQ,CAAC,CAAA;KAC7E;IACDsC,EAAE,EAAA,SAAAA,KAAG;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACD,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAAD,CAAAA,gBAAA,GAAU,IAAI,CAAC3B,UAAU,MAAA2B,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiBD,EAAE,EAAA,QAAA,CAAA,CAAAE,MAAA,CAAS,IAAI,CAACN,WAAW,CAAA,CAAA;KACzD;IACDO,YAAY,EAAA,SAAAA,eAAG;AAAA,MAAA,IAAAC,iBAAA,CAAA;AACX,MAAA,OAAA,EAAA,CAAAF,MAAA,CAAAE,CAAAA,iBAAA,GAAU,IAAI,CAAC9B,UAAU,MAAA8B,IAAAA,IAAAA,iBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAA,CAAiBJ,EAAE,EAAA,aAAA,CAAA,CAAAE,MAAA,CAAc,IAAI,CAACN,WAAW,CAAA,CAAA;KAC9D;IACDS,SAAS,EAAA,SAAAA,YAAG;MACR,OAAO;AACHC,QAAAA,IAAI,EAAE;AACFC,UAAAA,IAAI,EAAE,cAAc;AACpB,UAAA,cAAc,EAAE,IAAI,CAACf,MAAK,GAAI,SAAS/B,SAAS;AAChD,UAAA,cAAc,EAAE,MAAM;AACtB,UAAA,iBAAiB,EAAE,MAAM;UACzB,iBAAiB,EAAE,IAAI,CAACC,QAAQ;UAChC,eAAe,EAAE,IAAI,CAAC8B,MAAAA;SACzB;AACDgB,QAAAA,MAAM,EAAE;UACJR,EAAE,EAAE,IAAI,CAACA,EAAE;AACXO,UAAAA,IAAI,EAAE,KAAK;UACXE,OAAO,EAAE,IAAI,CAAC/C,QAAO,GAAI,CAAC,IAAID,SAAS;UACvC,eAAe,EAAE,IAAI,CAAC0C,YAAY;AAClC,UAAA,iBAAiB,EAAE,QAAQ;UAC3BzC,QAAQ,EAAE,IAAI,CAACA,QAAQ;UACvBgD,OAAO,EAAE,IAAI,CAAChB,WAAAA;AAClB,SAAA;OACH,CAAA;AACL,KAAA;GACH;AACDiB,EAAAA,UAAU,EAAE;AACRC,IAAAA,gBAAe,EAAfA,QAAAA;AACJ,GAAA;AACJ,CAAC;;;;;UChGqB3D,IAAO,CAAAW,OAAA,iBAAzBiD,WAQW,CAAAC,uBAAA,CARqB7D,IAAE,CAAAY,EAAA,CAAA,EAAlCb,UAQW,CAAA;;AAR0B,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAW,IAAA,cAAY,EAAE6D,2BAAkBtD,SAAS;AAAE8C,IAAAA,IAAI,EAAC;IAAgB,eAAa,EAAEQ,QAAM,CAAAvB,MAAA;IAAG,iBAAe,EAAEuB,QAAc,CAAAtB,cAAAA;KAAUsB,QAAY,CAAA5B,YAAA,CAAA,MAAA,CAAA,CAAA,EAAA;uBAClM,YAAA;AAAA,MAAA,OAKQ,CALR6B,kBAAA,CAKQ,UALRhE,UAKQ,CAAA;QALCgD,EAAE,EAAEe,QAAE,CAAAf,EAAA;AAAG,QAAA,OAAA,EAAO/C,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;AAAYqD,QAAAA,IAAI,EAAC,KAAI;AAAEjD,QAAAA,IAAI,EAAC,QAAO;QAAG2D,QAAQ,EAAEF,QAAe,CAAAtB,cAAA,GAAA,CAAA,CAAA,GAAOhC,SAAS;QAAG,eAAa,EAAEsD,QAAY,CAAAZ,YAAA;QAAGzC,QAAQ,EAAEqD,QAAc,CAAAtB,cAAA;QAAGiB,OAAK;iBAAEK,QAAW,CAAArB,WAAA,IAAAqB,QAAA,CAAArB,WAAA,CAAAwB,KAAA,CAAAH,QAAA,EAAAI,SAAA,CAAA,CAAA;SAAA,CAAA;SAAUJ,QAAY,CAAA5B,YAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAC1M6B,kBAAA,CAAmF,QAAnFhE,UAAmF,CAAA;AAA5E,QAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA;OAAoB,EAAA6D,QAAA,CAAA5B,YAAY,6BAAe4B,QAAU,CAAAnB,WAAA,CAAA,EAAA,EAAA,CAAA,EACzEoB,kBAAA,CAEM,QAFNhE,UAEM,CAAA;AAFC,QAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;SAAmB6D,QAAY,CAAA5B,YAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAC3CiC,UAAO,CAAAnE,IAAA,CAAAoE,MAAA,EAAA,SAAA,CAAA,0BAGSC,KAAkB,CAAA5C,kBAAA,iBAA1CmC,WAA6C,CAAAU,2BAAA,EAAA;AAAAnC,QAAAA,GAAA,EAAA,CAAA;OAAA,CAAA;;;2EAEjDgC,UAAyH,CAAAnE,IAAA,CAAAoE,MAAA,EAAA,SAAA,EAAA;;IAA3G,wBAAOpE,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,CAAA;IAAWsC,MAAM,EAAEuB,QAAM,CAAAvB,MAAA;IAAGnC,KAAK,EAAEJ,IAAK,CAAAI,KAAA;IAAGgD,SAAS,EAAEU,QAAS,CAAAV,SAAA;IAAGmB,gBAAgB,EAAET,QAAW,CAAArB,WAAAA;;;;;;;;"}

package/step/style/index.mjs

@@ -2,11 +2,10 @@ import BaseStyle from '@primevue/core/base/style';
 
 var classes = {
   root: function root(_ref) {
-    var instance = _ref.instance,
-      props = _ref.props;
+    var instance = _ref.instance;
     return ['p-step', {
       'p-step-active': instance.active,
-      'p-disabled': !instance.active && (instance.isStepDisabled() || props.disabled)
+      'p-disabled': instance.isStepDisabled
     }];
   },
   header: 'p-step-header',

package/step/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/step/style/StepStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-step',\n        {\n            'p-step-active': instance.active,\n            'p-disabled': !instance.active && (instance.isStepDisabled() || props.disabled)\n        }\n    ],\n    header: 'p-step-header',\n    number: 'p-step-number',\n    title: 'p-step-title'\n};\n\nexport default BaseStyle.extend({\n    name: 'step',\n    classes\n});\n"],"names":["classes","root","_ref","instance","props","active","isStepDisabled","disabled","header","number","title","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,QAAQ,EACR;MACI,eAAe,EAAED,QAAQ,CAACE,MAAM;AAChC,MAAA,YAAY,EAAE,CAACF,QAAQ,CAACE,MAAM,KAAKF,QAAQ,CAACG,cAAc,EAAE,IAAIF,KAAK,CAACG,QAAQ,CAAA;AAClF,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,KAAK,EAAE,cAAA;AACX,CAAC,CAAA;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZb,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/step/style/StepStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-step',\n        {\n            'p-step-active': instance.active,\n            'p-disabled': instance.isStepDisabled\n        }\n    ],\n    header: 'p-step-header',\n    number: 'p-step-number',\n    title: 'p-step-title'\n};\n\nexport default BaseStyle.extend({\n    name: 'step',\n    classes\n});\n"],"names":["classes","root","_ref","instance","active","isStepDisabled","header","number","title","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACpB,QAAQ,EACR;MACI,eAAe,EAAEA,QAAQ,CAACC,MAAM;MAChC,YAAY,EAAED,QAAQ,CAACE,cAAAA;AAC3B,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,MAAM,EAAE,eAAe;AACvBC,EAAAA,KAAK,EAAE,cAAA;AACX,CAAC,CAAA;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZX,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/steppanel/StepPanel.vue

@@ -14,7 +14,7 @@
     </template>
     <template v-else>
         <template v-if="!asChild">
-            <component v-if="active" :is="as" :id="id" :class="cx('root')" role="tabpanel" :aria-controls="ariaControls" v-bind="getPTOptions('root')">
+            <component v-show="active" :is="as" :id="id" :class="cx('root')" role="tabpanel" :aria-controls="ariaControls" v-bind="getPTOptions('root')">
                 <slot :active="active" :activateCallback="(val) => updateValue(val)" />
             </component>
         </template>

package/steppanel/index.mjs

@@ -162,9 +162,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }
   })], 64)) : (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [!_ctx.asChild ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [$options.active ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
+  }, [!_ctx.asChild ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
     key: 0,
     id: $options.id,
     "class": _ctx.cx('root'),
@@ -180,7 +178,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 3
-  }, 16, ["id", "class", "aria-controls"])) : createCommentVNode("", true)], 64)) : _ctx.asChild && $options.active ? renderSlot(_ctx.$slots, "default", {
+  }, 16, ["id", "class", "aria-controls"])), [[vShow, $options.active]]) : _ctx.asChild && $options.active ? renderSlot(_ctx.$slots, "default", {
     key: 1,
     active: $options.active,
     a11yAttrs: $options.a11yAttrs,

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=4118e1a0&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,\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-if=\"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-if=\"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","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":"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"}
+{"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,\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","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":"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"}

package/stepper/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-steplist {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow-x: auto;\n}\n\n.p-step {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    align-items: center;\n    gap: ".concat(dt('stepper.step.gap'), ";\n    padding: ").concat(dt('stepper.step.padding'), ";\n}\n\n.p-step:last-of-type {\n    flex: initial;\n}\n\n.p-step-header {\n    border: 0 none;\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ";\n    border-radius: ").concat(dt('stepper.step.header.border.radius'), ";\n    outline-color: transparent;\n    background: transparent;\n    padding: ").concat(dt('stepper.step.header.padding'), ";\n    gap: ").concat(dt('stepper.step.header.gap'), ";\n}\n\n.p-step-header:focus-visible {\n    box-shadow: ").concat(dt('stepper.step.header.focus.ring.shadow'), ";\n    outline: ").concat(dt('stepper.step.header.focus.ring.width'), " ").concat(dt('stepper.step.header.focus.ring.style'), " ").concat(dt('stepper.step.header.focus.ring.color'), ";\n    outline-offset: ").concat(dt('stepper.step.header.focus.ring.offset'), ";\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n    cursor: auto;\n}\n\n.p-step-title {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    color: ").concat(dt('stepper.step.title.color'), ";\n    font-weight: ").concat(dt('stepper.step.title.font.weight'), ";\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ";\n}\n\n.p-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ").concat(dt('stepper.step.number.color'), ";\n    border: 2px solid ").concat(dt('stepper.step.number.border.color'), ";\n    background: ").concat(dt('stepper.step.number.background'), ";\n    min-width: ").concat(dt('stepper.step.number.size'), ";\n    height: ").concat(dt('stepper.step.number.size'), ";\n    line-height: ").concat(dt('stepper.step.number.size'), ";\n    font-size: ").concat(dt('stepper.step.number.font.size'), ";\n    z-index: 1;\n    border-radius: ").concat(dt('stepper.step.number.border.radius'), ";\n    position: relative;\n    font-weight: ").concat(dt('stepper.step.number.font.weight'), ";\n}\n\n.p-step-number::after {\n    content: \" \";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ").concat(dt('stepper.step.number.border.radius'), ";\n    box-shadow: ").concat(dt('stepper.step.number.shadow'), ";\n}\n\n.p-step-active .p-step-header {\n    cursor: default;\n}\n\n.p-step-active .p-step-number {\n    background: ").concat(dt('stepper.step.number.active.background'), ";\n    border-color: ").concat(dt('stepper.step.number.active.border.color'), ";\n    color: ").concat(dt('stepper.step.number.active.color'), ";\n}\n\n.p-step-active .p-step-title {\n    color: ").concat(dt('stepper.step.title.active.color'), ";\n}\n\n.p-step:not(.p-disabled):focus-visible {\n    outline: ").concat(dt('focus.ring.width'), " ").concat(dt('focus.ring.style'), " ").concat(dt('focus.ring.color'), ";\n    outline-offset: ").concat(dt('focus.ring.offset'), ";\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ").concat(dt('stepper.separator.active.background'), ";\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ").concat(dt('stepper.separator.active.background'), ";\n}\n\n.p-stepper-separator {\n    flex: 1 1 0;\n    background: ").concat(dt('stepper.separator.background'), ";\n    width: 100%;\n    height: ").concat(dt('stepper.separator.size'), ";\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ";\n}\n\n.p-steppanels {\n    padding: ").concat(dt('stepper.steppanels.padding'), ";\n}\n\n.p-steppanel {\n    background: ").concat(dt('stepper.steppanel.content.background'), ";\n    color: ").concat(dt('stepper.steppanel.content.color'), ";\n}\n\n.p-stepper:has(.p-stepitem) {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-stepitem {\n    display: flex;\n    flex-direction: column;\n    flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n    flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n    width: 100%;\n    padding: ").concat(dt('stepper.steppanel.padding'), ";\n}\n\n.p-stepitem .p-steppanel {\n    display: flex;\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n    flex: 0 0 auto;\n    width: ").concat(dt('stepper.separator.size'), ";\n    height: auto;\n    margin: ").concat(dt('stepper.separator.margin'), ";\n    position: relative;\n    left: calc(-1 * ").concat(dt('stepper.separator.size'), ");\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n    background: ").concat(dt('stepper.separator.active.background'), ";\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n    padding-inline-start: ").concat(dt('stepper.step.number.size'), ";\n}\n");
+  return "\n.p-steplist {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow-x: auto;\n}\n\n.p-step {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    align-items: center;\n    gap: ".concat(dt('stepper.step.gap'), ";\n    padding: ").concat(dt('stepper.step.padding'), ";\n}\n\n.p-step:last-of-type {\n    flex: initial;\n}\n\n.p-step-header {\n    border: 0 none;\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ";\n    border-radius: ").concat(dt('stepper.step.header.border.radius'), ";\n    outline-color: transparent;\n    background: transparent;\n    padding: ").concat(dt('stepper.step.header.padding'), ";\n    gap: ").concat(dt('stepper.step.header.gap'), ";\n}\n\n.p-step-header:focus-visible {\n    box-shadow: ").concat(dt('stepper.step.header.focus.ring.shadow'), ";\n    outline: ").concat(dt('stepper.step.header.focus.ring.width'), " ").concat(dt('stepper.step.header.focus.ring.style'), " ").concat(dt('stepper.step.header.focus.ring.color'), ";\n    outline-offset: ").concat(dt('stepper.step.header.focus.ring.offset'), ";\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n    cursor: auto;\n}\n\n.p-step-title {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    color: ").concat(dt('stepper.step.title.color'), ";\n    font-weight: ").concat(dt('stepper.step.title.font.weight'), ";\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ";\n}\n\n.p-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ").concat(dt('stepper.step.number.color'), ";\n    border: 2px solid ").concat(dt('stepper.step.number.border.color'), ";\n    background: ").concat(dt('stepper.step.number.background'), ";\n    min-width: ").concat(dt('stepper.step.number.size'), ";\n    height: ").concat(dt('stepper.step.number.size'), ";\n    line-height: ").concat(dt('stepper.step.number.size'), ";\n    font-size: ").concat(dt('stepper.step.number.font.size'), ";\n    z-index: 1;\n    border-radius: ").concat(dt('stepper.step.number.border.radius'), ";\n    position: relative;\n    font-weight: ").concat(dt('stepper.step.number.font.weight'), ";\n}\n\n.p-step-number::after {\n    content: \" \";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ").concat(dt('stepper.step.number.border.radius'), ";\n    box-shadow: ").concat(dt('stepper.step.number.shadow'), ";\n}\n\n.p-step-active .p-step-header {\n    cursor: default;\n}\n\n.p-step-active .p-step-number {\n    background: ").concat(dt('stepper.step.number.active.background'), ";\n    border-color: ").concat(dt('stepper.step.number.active.border.color'), ";\n    color: ").concat(dt('stepper.step.number.active.color'), ";\n}\n\n.p-step-active .p-step-title {\n    color: ").concat(dt('stepper.step.title.active.color'), ";\n}\n\n.p-step:not(.p-disabled):focus-visible {\n    outline: ").concat(dt('focus.ring.width'), " ").concat(dt('focus.ring.style'), " ").concat(dt('focus.ring.color'), ";\n    outline-offset: ").concat(dt('focus.ring.offset'), ";\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ").concat(dt('stepper.separator.active.background'), ";\n}\n\n.p-stepper-separator {\n    flex: 1 1 0;\n    background: ").concat(dt('stepper.separator.background'), ";\n    width: 100%;\n    height: ").concat(dt('stepper.separator.size'), ";\n    transition: background ").concat(dt('stepper.transition.duration'), ", color ").concat(dt('stepper.transition.duration'), ", border-color ").concat(dt('stepper.transition.duration'), ", box-shadow ").concat(dt('stepper.transition.duration'), ", outline-color ").concat(dt('stepper.transition.duration'), ";\n}\n\n.p-steppanels {\n    padding: ").concat(dt('stepper.steppanels.padding'), ";\n}\n\n.p-steppanel {\n    background: ").concat(dt('stepper.steppanel.background'), ";\n    color: ").concat(dt('stepper.steppanel.color'), ";\n}\n\n.p-stepper:has(.p-stepitem) {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-stepitem {\n    display: flex;\n    flex-direction: column;\n    flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n    flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n    width: 100%;\n    padding: ").concat(dt('stepper.steppanel.padding'), ";\n}\n\n.p-stepitem .p-steppanel {\n    display: flex;\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n    flex: 0 0 auto;\n    width: ").concat(dt('stepper.separator.size'), ";\n    height: auto;\n    margin: ").concat(dt('stepper.separator.margin'), ";\n    position: relative;\n    left: calc(-1 * ").concat(dt('stepper.separator.size'), ");\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n    background: ").concat(dt('stepper.separator.active.background'), ";\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n    padding-inline-start: ").concat(dt('stepper.step.number.size'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {

package/stepper/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steplist {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow-x: auto;\n}\n\n.p-step {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    align-items: center;\n    gap: ${dt('stepper.step.gap')};\n    padding: ${dt('stepper.step.padding')};\n}\n\n.p-step:last-of-type {\n    flex: initial;\n}\n\n.p-step-header {\n    border: 0 none;\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(\n    'stepper.transition.duration'\n)};\n    border-radius: ${dt('stepper.step.header.border.radius')};\n    outline-color: transparent;\n    background: transparent;\n    padding: ${dt('stepper.step.header.padding')};\n    gap: ${dt('stepper.step.header.gap')};\n}\n\n.p-step-header:focus-visible {\n    box-shadow: ${dt('stepper.step.header.focus.ring.shadow')};\n    outline: ${dt('stepper.step.header.focus.ring.width')} ${dt('stepper.step.header.focus.ring.style')} ${dt('stepper.step.header.focus.ring.color')};\n    outline-offset: ${dt('stepper.step.header.focus.ring.offset')};\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n    cursor: auto;\n}\n\n.p-step-title {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    color: ${dt('stepper.step.title.color')};\n    font-weight: ${dt('stepper.step.title.font.weight')};\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n    'stepper.transition.duration'\n)};\n}\n\n.p-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ${dt('stepper.step.number.color')};\n    border: 2px solid ${dt('stepper.step.number.border.color')};\n    background: ${dt('stepper.step.number.background')};\n    min-width: ${dt('stepper.step.number.size')};\n    height: ${dt('stepper.step.number.size')};\n    line-height: ${dt('stepper.step.number.size')};\n    font-size: ${dt('stepper.step.number.font.size')};\n    z-index: 1;\n    border-radius: ${dt('stepper.step.number.border.radius')};\n    position: relative;\n    font-weight: ${dt('stepper.step.number.font.weight')};\n}\n\n.p-step-number::after {\n    content: \" \";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ${dt('stepper.step.number.border.radius')};\n    box-shadow: ${dt('stepper.step.number.shadow')};\n}\n\n.p-step-active .p-step-header {\n    cursor: default;\n}\n\n.p-step-active .p-step-number {\n    background: ${dt('stepper.step.number.active.background')};\n    border-color: ${dt('stepper.step.number.active.border.color')};\n    color: ${dt('stepper.step.number.active.color')};\n}\n\n.p-step-active .p-step-title {\n    color: ${dt('stepper.step.title.active.color')};\n}\n\n.p-step:not(.p-disabled):focus-visible {\n    outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n    outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ${dt('stepper.separator.active.background')};\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepper-separator {\n    flex: 1 1 0;\n    background: ${dt('stepper.separator.background')};\n    width: 100%;\n    height: ${dt('stepper.separator.size')};\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n    'stepper.transition.duration'\n)};\n}\n\n.p-steppanels {\n    padding: ${dt('stepper.steppanels.padding')};\n}\n\n.p-steppanel {\n    background: ${dt('stepper.steppanel.content.background')};\n    color: ${dt('stepper.steppanel.content.color')};\n}\n\n.p-stepper:has(.p-stepitem) {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-stepitem {\n    display: flex;\n    flex-direction: column;\n    flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n    flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n    width: 100%;\n    padding: ${dt('stepper.steppanel.padding')};\n}\n\n.p-stepitem .p-steppanel {\n    display: flex;\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n    flex: 0 0 auto;\n    width: ${dt('stepper.separator.size')};\n    height: auto;\n    margin: ${dt('stepper.separator.margin')};\n    position: relative;\n    left: calc(-1 * ${dt('stepper.separator.size')});\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n    background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n    padding-inline-start: ${dt('stepper.step.number.size')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-stepper p-component',\n        {\n            'p-readonly': props.linear\n        }\n    ],\n    separator: 'p-stepper-separator'\n};\n\nexport default BaseStyle.extend({\n    name: 'stepper',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","linear","separator","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,wUAAAA,CAAAA,MAAA,CAiBRD,EAAE,CAAC,kBAAkB,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAClBD,EAAE,CAAC,sBAAsB,CAAC,wOAAAC,MAAA,CAaZD,EAAE,CAAC,6BAA6B,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAAkBD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAC/N,6BACJ,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACoBD,EAAE,CAAC,mCAAmC,CAAC,qFAAAC,MAAA,CAG7CD,EAAE,CAAC,6BAA6B,CAAC,kBAAAC,MAAA,CACrCD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,0DAAAA,CAAAA,CAAAA,MAAA,CAItBD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC9CD,EAAE,CAAC,sCAAsC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,sCAAsC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,sCAAsC,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CAC/HD,EAAE,CAAC,uCAAuC,CAAC,qOAAAC,MAAA,CAapDD,EAAE,CAAC,0BAA0B,CAAC,EAAA,sBAAA,CAAA,CAAAC,MAAA,CACxBD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,gCAAAA,CAAAA,CAAAA,MAAA,CAC1BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,6BAA6B,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,6BAA6B,CAAC,sBAAAC,MAAA,CAAmBD,EAAE,CAC/N,6BACJ,CAAC,uHAAAC,MAAA,CAOYD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,2BAAAA,CAAAA,CAAAA,MAAA,CACpBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC5CD,EAAE,CAAC,gCAAgC,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CACrCD,EAAE,CAAC,0BAA0B,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,sBAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,0BAA0B,CAAC,wBAAAC,MAAA,CAChCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,yCAAA,CAAA,CAAAC,MAAA,CAE/BD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,+CAAAA,CAAAA,CAAAA,MAAA,CAEzCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,yIAAAA,CAAAA,CAAAA,MAAA,CAQnCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,4BAA4B,CAAC,EAAA,uHAAA,CAAA,CAAAC,MAAA,CAQhCD,EAAE,CAAC,uCAAuC,CAAC,2BAAAC,MAAA,CACzCD,EAAE,CAAC,yCAAyC,CAAC,oBAAAC,MAAA,CACpDD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,qDAAAA,CAAAA,CAAAA,MAAA,CAItCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,iEAAAA,CAAAA,CAAAA,MAAA,CAInCD,EAAE,CAAC,kBAAkB,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,kBAAkB,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,kBAAkB,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CACnED,EAAE,CAAC,mBAAmB,CAAC,oFAAAC,MAAA,CAI3BD,EAAE,CAAC,qCAAqC,CAAC,EAAA,gFAAA,CAAA,CAAAC,MAAA,CAIzCD,EAAE,CAAC,qCAAqC,CAAC,EAAAC,oEAAAA,CAAAA,CAAAA,MAAA,CAKzCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,mCAAAA,CAAAA,CAAAA,MAAA,CAEtCD,EAAE,CAAC,wBAAwB,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACbD,EAAE,CAAC,6BAA6B,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,6BAA6B,CAAC,qBAAAC,MAAA,CAAkBD,EAAE,CAAC,6BAA6B,CAAC,mBAAAC,MAAA,CAAgBD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAC/N,6BACJ,CAAC,EAAAC,wCAAAA,CAAAA,CAAAA,MAAA,CAIcD,EAAE,CAAC,4BAA4B,CAAC,EAAA,0CAAA,CAAA,CAAAC,MAAA,CAI7BD,EAAE,CAAC,sCAAsC,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC/CD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,sWAAAA,CAAAA,CAAAA,MAAA,CAwBnCD,EAAE,CAAC,2BAA2B,CAAC,4JAAAC,MAAA,CAUjCD,EAAE,CAAC,wBAAwB,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CAE3BD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,kDAAAA,CAAAA,CAAAA,MAAA,CAEtBD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,yFAAAA,CAAAA,CAAAA,MAAA,CAIhCD,EAAE,CAAC,qCAAqC,CAAC,EAAA,6EAAA,CAAA,CAAAC,MAAA,CAI/BD,EAAE,CAAC,0BAA0B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEzD,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,uBAAuB,EACvB;MACI,YAAY,EAAEA,KAAK,CAACC,MAAAA;AACxB,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,SAAS,EAAE,qBAAA;AACf,CAAC,CAAA;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/stepper/style/StepperStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-steplist {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow-x: auto;\n}\n\n.p-step {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    align-items: center;\n    gap: ${dt('stepper.step.gap')};\n    padding: ${dt('stepper.step.padding')};\n}\n\n.p-step:last-of-type {\n    flex: initial;\n}\n\n.p-step-header {\n    border: 0 none;\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt(\n    'stepper.transition.duration'\n)};\n    border-radius: ${dt('stepper.step.header.border.radius')};\n    outline-color: transparent;\n    background: transparent;\n    padding: ${dt('stepper.step.header.padding')};\n    gap: ${dt('stepper.step.header.gap')};\n}\n\n.p-step-header:focus-visible {\n    box-shadow: ${dt('stepper.step.header.focus.ring.shadow')};\n    outline: ${dt('stepper.step.header.focus.ring.width')} ${dt('stepper.step.header.focus.ring.style')} ${dt('stepper.step.header.focus.ring.color')};\n    outline-offset: ${dt('stepper.step.header.focus.ring.offset')};\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n    cursor: auto;\n}\n\n.p-step-title {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    color: ${dt('stepper.step.title.color')};\n    font-weight: ${dt('stepper.step.title.font.weight')};\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n    'stepper.transition.duration'\n)};\n}\n\n.p-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: ${dt('stepper.step.number.color')};\n    border: 2px solid ${dt('stepper.step.number.border.color')};\n    background: ${dt('stepper.step.number.background')};\n    min-width: ${dt('stepper.step.number.size')};\n    height: ${dt('stepper.step.number.size')};\n    line-height: ${dt('stepper.step.number.size')};\n    font-size: ${dt('stepper.step.number.font.size')};\n    z-index: 1;\n    border-radius: ${dt('stepper.step.number.border.radius')};\n    position: relative;\n    font-weight: ${dt('stepper.step.number.font.weight')};\n}\n\n.p-step-number::after {\n    content: \" \";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ${dt('stepper.step.number.border.radius')};\n    box-shadow: ${dt('stepper.step.number.shadow')};\n}\n\n.p-step-active .p-step-header {\n    cursor: default;\n}\n\n.p-step-active .p-step-number {\n    background: ${dt('stepper.step.number.active.background')};\n    border-color: ${dt('stepper.step.number.active.border.color')};\n    color: ${dt('stepper.step.number.active.color')};\n}\n\n.p-step-active .p-step-title {\n    color: ${dt('stepper.step.title.active.color')};\n}\n\n.p-step:not(.p-disabled):focus-visible {\n    outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};\n    outline-offset: ${dt('focus.ring.offset')};\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n    background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepper-separator {\n    flex: 1 1 0;\n    background: ${dt('stepper.separator.background')};\n    width: 100%;\n    height: ${dt('stepper.separator.size')};\n    transition: background ${dt('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt(\n    'stepper.transition.duration'\n)};\n}\n\n.p-steppanels {\n    padding: ${dt('stepper.steppanels.padding')};\n}\n\n.p-steppanel {\n    background: ${dt('stepper.steppanel.background')};\n    color: ${dt('stepper.steppanel.color')};\n}\n\n.p-stepper:has(.p-stepitem) {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-stepitem {\n    display: flex;\n    flex-direction: column;\n    flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n    flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n    width: 100%;\n    padding: ${dt('stepper.steppanel.padding')};\n}\n\n.p-stepitem .p-steppanel {\n    display: flex;\n    flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n    flex: 0 0 auto;\n    width: ${dt('stepper.separator.size')};\n    height: auto;\n    margin: ${dt('stepper.separator.margin')};\n    position: relative;\n    left: calc(-1 * ${dt('stepper.separator.size')});\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n    background: ${dt('stepper.separator.active.background')};\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n    padding-inline-start: ${dt('stepper.step.number.size')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-stepper p-component',\n        {\n            'p-readonly': props.linear\n        }\n    ],\n    separator: 'p-stepper-separator'\n};\n\nexport default BaseStyle.extend({\n    name: 'stepper',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","linear","separator","BaseStyle","extend","name"],"mappings":"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"}

package/tablist/TabList.vue

@@ -14,9 +14,9 @@
             <component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
         </button>
         <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
-            <div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">
+            <div ref="tabs" :class="cx('tabList')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
                 <slot></slot>
-                <span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
+                <span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true" v-bind="ptm('activeBar')"></span>
             </div>
         </div>
         <button
@@ -36,10 +36,11 @@
 </template>
 
 <script>
-import { getWidth, findSingle, getHeight, getOuterHeight, getOuterWidth, getOffset } from '@primeuix/utils/dom';
+import { findSingle, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth } from '@primeuix/utils/dom';
 import ChevronLeftIcon from '@primevue/icons/chevronleft';
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import BaseTabList from './BaseTabList.vue';
+import Ripple from 'primevue/ripple';
 
 export default {
     name: 'TabList',
@@ -160,6 +161,9 @@ export default {
     components: {
         ChevronLeftIcon,
         ChevronRightIcon
+    },
+    directives: {
+        ripple: Ripple
     }
 };
 </script>