primevuelab 4.0.0-beta.4

package/step/step.mjs

@@ -0,0 +1,182 @@
+import { ObjectUtils, DomHandler } from '@primevuelab/core/utils';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import { openBlock, createElementBlock, mergeProps, resolveComponent, createBlock, resolveDynamicComponent, withCtx, createElementVNode, toDisplayString, renderSlot, createCommentVNode, normalizeClass } from 'vue';
+import StepStyle from 'primevuelab/step/style';
+
+var script$2 = {
+  name: 'StepperSeparator',
+  hostName: 'Stepper',
+  "extends": BaseComponent
+};
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", mergeProps({
+    "class": _ctx.cx('separator')
+  }, _ctx.ptm('separator')), null, 16);
+}
+
+script$2.render = render$1;
+
+var script$1 = {
+  name: 'BaseStep',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: [String, Number],
+      "default": undefined
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    asChild: {
+      type: Boolean,
+      "default": false
+    },
+    as: {
+      type: String,
+      "default": 'DIV'
+    }
+  },
+  style: StepStyle,
+  provide: function provide() {
+    return {
+      $pcStep: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Step',
+  "extends": script$1,
+  inheritAttrs: false,
+  inject: {
+    $pcStepper: {
+      "default": null
+    },
+    $pcStepList: {
+      "default": null
+    },
+    $pcStepItem: {
+      "default": null
+    }
+  },
+  data: function data() {
+    return {
+      isSeparatorVisible: false
+    };
+  },
+  mounted: function mounted() {
+    if (this.$el && this.$pcStepList) {
+      var index = ObjectUtils.findIndexInList(this.$el, DomHandler.find(this.$pcStepper.$el, '[data-pc-name="step"]'));
+      var stepLen = DomHandler.find(this.$pcStepper.$el, '[data-pc-name="step"]').length;
+      this.isSeparatorVisible = index !== stepLen - 1;
+    }
+  },
+  methods: {
+    getPTOptions: function getPTOptions(key) {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
+        context: {
+          active: this.active,
+          disabled: this.disabled
+        }
+      });
+    },
+    isStepDisabled: function isStepDisabled() {
+      return this.$pcStepper.isStepDisabled();
+    },
+    onStepClick: function onStepClick() {
+      this.$pcStepper.updateValue(this.activeValue);
+    }
+  },
+  computed: {
+    active: function active() {
+      return this.$pcStepper.isStepActive(this.activeValue);
+    },
+    activeValue: function activeValue() {
+      var _this$$pcStepItem;
+      return !!this.$pcStepItem ? (_this$$pcStepItem = this.$pcStepItem) === null || _this$$pcStepItem === void 0 ? void 0 : _this$$pcStepItem.value : this.value;
+    },
+    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);
+    },
+    ariaControls: function ariaControls() {
+      var _this$$pcStepper2;
+      return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.id, "_steppanel_").concat(this.activeValue);
+    },
+    a11yAttrs: function a11yAttrs() {
+      return {
+        root: {
+          role: 'presentation',
+          'aria-current': this.active ? 'step' : undefined,
+          'data-pc-name': 'step',
+          'data-pc-section': 'root',
+          'data-p-disabled': this.disabled,
+          'data-p-active': this.active
+        },
+        header: {
+          id: this.id,
+          role: 'tab',
+          taindex: this.disabled ? -1 : undefined,
+          'aria-controls': this.ariaControls,
+          'data-pc-section': 'header',
+          disabled: this.disabled,
+          onClick: this.onStepClick
+        }
+      };
+    }
+  },
+  components: {
+    StepperSeparator: script$2
+  }
+};
+
+var _hoisted_1 = ["id", "tabindex", "aria-controls", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_StepperSeparator = resolveComponent("StepperSeparator");
+  return !_ctx.asChild ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
+    key: 0,
+    "class": _ctx.cx('root'),
+    "aria-current": $options.active ? 'step' : undefined,
+    role: "presentation",
+    "data-p-active": $options.active,
+    "data-p-disabled": _ctx.disabled
+  }, $options.getPTOptions('root')), {
+    "default": withCtx(function () {
+      return [createElementVNode("button", mergeProps({
+        id: $options.id,
+        "class": _ctx.cx('header'),
+        role: "tab",
+        type: "button",
+        tabindex: _ctx.disabled ? -1 : undefined,
+        "aria-controls": $options.ariaControls,
+        disabled: _ctx.disabled,
+        onClick: _cache[0] || (_cache[0] = function () {
+          return $options.onStepClick && $options.onStepClick.apply($options, arguments);
+        })
+      }, $options.getPTOptions('header')), [createElementVNode("span", mergeProps({
+        "class": _ctx.cx('number')
+      }, $options.getPTOptions('number')), toDisplayString($options.activeValue), 17), createElementVNode("span", mergeProps({
+        "class": _ctx.cx('title')
+      }, $options.getPTOptions('title')), [renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_1), $data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, {
+        key: 0
+      })) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 16, ["class", "aria-current", "data-p-active", "data-p-disabled"])) : renderSlot(_ctx.$slots, "default", {
+    key: 1,
+    "class": normalizeClass(_ctx.cx('root')),
+    active: $options.active,
+    value: _ctx.value,
+    a11yAttrs: $options.a11yAttrs,
+    activateCallback: $options.onStepClick
+  });
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=step.mjs.map

package/step/step.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=660478d5&lang.js","../../src/step/BaseStep.vue","../../src/step/Step.vue","../../src/step/Step.vue?vue&type=template&id=7bd45550&lang.js"],"sourcesContent":["<template>\n    <span :class=\"cx('separator')\" v-bind=\"ptm('separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevuelab/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 '@primevuelab/core/basecomponent';\n\nexport default {\n    name: 'StepperSeparator',\n    hostName: 'Stepper',\n    extends: BaseComponent\n};\n</script>\n","<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport StepStyle from 'primevuelab/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 { DomHandler, ObjectUtils } from '@primevuelab/core/utils';\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 = ObjectUtils.findIndexInList(this.$el, DomHandler.find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = DomHandler.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 { DomHandler, ObjectUtils } from '@primevuelab/core/utils';\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 = ObjectUtils.findIndexInList(this.$el, DomHandler.find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n            let stepLen = DomHandler.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","ObjectUtils","findIndexInList","DomHandler","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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"}

package/step/style/StepStyle.d.ts

@@ -0,0 +1,31 @@
+/**
+ *
+ * Step is a helper component for Stepper component.
+ *
+ * [Live Demo](https://www.primevuelab.org/stepper/)
+ *
+ * @module stepstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum StepClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-step',
+    /**
+     * Class name of the header element
+     */
+    header = 'p-step-header',
+    /**
+     * Class name of the number element
+     */
+    number = 'p-step-number',
+    /**
+     * Class name of the title element
+     */
+    title = 'p-step-title'
+}
+
+export interface StepStyle extends BaseStyle {}

package/step/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "stepstyle.mjs",
+    "module": "stepstyle.mjs",
+    "types": "./StepStyle.d.ts",
+    "sideEffects": false
+}

package/step/style/stepstyle.mjs

@@ -0,0 +1,22 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-step', {
+      'p-step-active': instance.active,
+      'p-disabled': instance.isStepDisabled() || props.disabled
+    }];
+  },
+  header: 'p-step-header',
+  number: 'p-step-number',
+  title: 'p-step-title'
+};
+var StepStyle = BaseStyle.extend({
+  name: 'step',
+  classes: classes
+});
+
+export { StepStyle as default };
+//# sourceMappingURL=stepstyle.mjs.map

package/step/style/stepstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepstyle.mjs","sources":["../../../src/step/style/StepStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-step',\n        {\n            'p-step-active': instance.active,\n            'p-disabled': 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;MAChC,YAAY,EAAEF,QAAQ,CAACG,cAAc,EAAE,IAAIF,KAAK,CAACG,QAAAA;AACrD,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;;;;"}

package/stepitem/BaseStepItem.vue

@@ -0,0 +1,22 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import StepItemStyle from 'primevuelab/stepitem/style';
+
+export default {
+    name: 'BaseStepItem',
+    extends: BaseComponent,
+    props: {
+        value: {
+            type: String,
+            default: undefined
+        }
+    },
+    style: StepItemStyle,
+    provide() {
+        return {
+            $pcStepItem: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/stepitem/StepItem.d.ts

@@ -0,0 +1,121 @@
+/**
+ *
+ * StepItem is a helper component for Stepper component.
+ *
+ * [Live Demo](https://www.primevuelab.org/stepper/)
+ *
+ * @module stepitem
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type StepItemPassThroughOptionType = StepItemPassThroughAttributes | ((options: StepItemPassThroughMethodOptions) => StepItemPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface StepItemPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: StepItemProps;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link StepItemProps.pt}
+ */
+export interface StepItemPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: StepItemPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface StepItemPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in StepItem component.
+ */
+export interface StepItemProps {
+    /**
+     * Value of step.
+     */
+    value?: string | number | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {StepItemPassThroughOptions}
+     */
+    pt?: PassThrough<StepItemPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines valid slots in StepItem slots.
+ */
+export interface StepItemSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+}
+
+export interface StepItemEmitsOptions {}
+
+export declare type StepItemEmits = EmitFn<StepItemEmitsOptions>;
+
+/**
+ * **primevuelab - StepItem**
+ *
+ * _StepItem is a helper component for Stepper component._
+ *
+ * [Live Demo](https://www.primevuelab.org/stepper/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const StepItem: DefineComponent<StepItemProps, StepItemSlots, StepItemEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        StepItem: GlobalComponentConstructor<StepItemProps, StepItemSlots, StepItemEmits>;
+    }
+}
+
+export default StepItem;

package/stepitem/StepItem.vue

@@ -0,0 +1,21 @@
+<template>
+    <div :class="cx('root')" :data-p-active="isActive" v-bind="ptmi('root')">
+        <slot />
+    </div>
+</template>
+
+<script>
+import BaseStepItem from './BaseStepItem.vue';
+
+export default {
+    name: 'StepItem',
+    extends: BaseStepItem,
+    inheritAttrs: false,
+    inject: ['$pcStepper'],
+    computed: {
+        isActive() {
+            return this.$pcStepper?.d_value === this.value;
+        }
+    }
+};
+</script>

package/stepitem/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "stepitem.mjs",
+    "module": "stepitem.mjs",
+    "types": "./StepItem.d.ts",
+    "browser": {
+        "./sfc": "./StepItem.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/stepitem/stepitem.mjs

@@ -0,0 +1,47 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import StepItemStyle from 'primevuelab/stepitem/style';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseStepItem',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: String,
+      "default": undefined
+    }
+  },
+  style: StepItemStyle,
+  provide: function provide() {
+    return {
+      $pcStepItem: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'StepItem',
+  "extends": script$1,
+  inheritAttrs: false,
+  inject: ['$pcStepper'],
+  computed: {
+    isActive: function isActive() {
+      var _this$$pcStepper;
+      return ((_this$$pcStepper = this.$pcStepper) === null || _this$$pcStepper === void 0 ? void 0 : _this$$pcStepper.d_value) === this.value;
+    }
+  }
+};
+
+var _hoisted_1 = ["data-p-active"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root'),
+    "data-p-active": $options.isActive
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=stepitem.mjs.map

package/stepitem/stepitem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepitem.mjs","sources":["../../src/stepitem/BaseStepItem.vue","../../src/stepitem/StepItem.vue","../../src/stepitem/StepItem.vue?vue&type=template&id=6d905456&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport StepItemStyle from 'primevuelab/stepitem/style';\n\nexport default {\n    name: 'BaseStepItem',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: StepItemStyle,\n    provide() {\n        return {\n            $pcStepItem: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :data-p-active=\"isActive\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepItem from './BaseStepItem.vue';\n\nexport default {\n    name: 'StepItem',\n    extends: BaseStepItem,\n    inheritAttrs: false,\n    inject: ['$pcStepper'],\n    computed: {\n        isActive() {\n            return this.$pcStepper?.d_value === this.value;\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :data-p-active=\"isActive\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport BaseStepItem from './BaseStepItem.vue';\n\nexport default {\n    name: 'StepItem',\n    extends: BaseStepItem,\n    inheritAttrs: false,\n    inject: ['$pcStepper'],\n    computed: {\n        isActive() {\n            return this.$pcStepper?.d_value === this.value;\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","style","StepItemStyle","provide","$pcStepItem","$parentInstance","BaseStepItem","inheritAttrs","inject","computed","isActive","_this$$pcStepper","$pcStepper","d_value","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASC,EAAAA,SAAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACXD,aAAe;AACXX,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASY,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,CAAC,YAAY,CAAC;AACtBC,EAAAA,QAAQ,EAAE;IACNC,QAAQ,EAAA,SAAAA,WAAG;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACP,MAAA,OAAO,CAAAA,CAAAA,gBAAA,GAAI,IAAA,CAACC,UAAU,MAAAD,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiBE,aAAY,IAAI,CAAChB,KAAK,CAAA;AAClD,KAAA;AACJ,GAAA;AACJ,CAAC;;;;EClBG,OAAAiB,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,eAAa,EAAEC,QAAQ,CAAAT,QAAAA;KAAUO,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAC3DC,UAAO,CAAAJ,IAAA,CAAAK,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/stepitem/style/StepItemStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * StepItem is a helper component for Stepper component.
+ *
+ * [Live Demo](https://www.primevuelab.org/stepper/)
+ *
+ * @module stepitemstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum StepItemClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-stepitem'
+}
+
+export interface StepItemStyle extends BaseStyle {}

package/stepitem/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "stepitemstyle.mjs",
+    "module": "stepitemstyle.mjs",
+    "types": "./StepItemStyle.d.ts",
+    "sideEffects": false
+}

package/stepitem/style/stepitemstyle.mjs

@@ -0,0 +1,17 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance;
+    return ['p-stepitem', {
+      'p-stepitem-active': instance.isActive
+    }];
+  }
+};
+var StepItemStyle = BaseStyle.extend({
+  name: 'stepitem',
+  classes: classes
+});
+
+export { StepItemStyle as default };
+//# sourceMappingURL=stepitemstyle.mjs.map

package/stepitem/style/stepitemstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepitemstyle.mjs","sources":["../../../src/stepitem/style/StepItemStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-stepitem',\n        {\n            'p-stepitem-active': instance.isActive\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'stepitem',\n    classes\n});\n"],"names":["classes","root","_ref","instance","isActive","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,YAAY,EACZ;MACI,mBAAmB,EAAEA,QAAQ,CAACC,QAAAA;AAClC,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBP,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/steplist/BaseStepList.vue

@@ -0,0 +1,22 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import StepListStyle from 'primevuelab/steplist/style';
+
+export default {
+    name: 'BaseStepList',
+    extends: BaseComponent,
+    props: {
+        value: {
+            type: String,
+            default: undefined
+        }
+    },
+    style: StepListStyle,
+    provide() {
+        return {
+            $pcStepList: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>