primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
1 lines • 15.1 kB
Source Map (JSON)
{"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, Object],\n default: 'DIV'\n }\n },\n style: StepStyle,\n provide() {\n return {\n $pcStep: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" v-bind=\"getPTOptions('root')\">\n <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" v-bind=\"getPTOptions('header')\">\n <span :class=\"cx('number')\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n <span :class=\"cx('title')\" v-bind=\"getPTOptions('title')\">\n <slot />\n </span>\n </button>\n <StepperSeparator v-if=\"isSeparatorVisible\" />\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { find } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n name: 'Step',\n extends: BaseStep,\n inheritAttrs: false,\n inject: {\n $pcStepper: { default: null },\n $pcStepList: { default: null },\n $pcStepItem: { default: null }\n },\n data() {\n return {\n isSeparatorVisible: false\n };\n },\n mounted() {\n if (this.$el && this.$pcStepList) {\n let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n this.isSeparatorVisible = index !== stepLen - 1;\n }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n active: this.active,\n disabled: this.isStepDisabled\n }\n });\n },\n onStepClick() {\n this.$pcStepper.updateValue(this.activeValue);\n }\n },\n computed: {\n active() {\n return this.$pcStepper.isStepActive(this.activeValue);\n },\n activeValue() {\n return !!this.$pcStepItem ? this.$pcStepItem?.value : this.value;\n },\n isStepDisabled() {\n return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled);\n },\n id() {\n return `${this.$pcStepper?.id}_step_${this.activeValue}`;\n },\n ariaControls() {\n return `${this.$pcStepper?.id}_steppanel_${this.activeValue}`;\n },\n a11yAttrs() {\n return {\n root: {\n role: 'presentation',\n 'aria-current': this.active ? 'step' : undefined,\n 'data-pc-name': 'step',\n 'data-pc-section': 'root',\n 'data-p-disabled': this.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","Object","style","StepStyle","provide","$pcStep","$parentInstance","BaseStep","inheritAttrs","inject","$pcStepper","$pcStepList","$pcStepItem","data","isSeparatorVisible","mounted","$el","index","findIndexInList","find","stepLen","length","methods","getPTOptions","key","_ptm","ptmi","context","active","isStepDisabled","onStepClick","updateValue","activeValue","computed","isStepActive","_this$$pcStepItem","id","_this$$pcStepper","concat","ariaControls","_this$$pcStepper2","a11yAttrs","root","role","header","taindex","onClick","components","StepperSeparator","_createBlock","_resolveDynamicComponent","$options","_createElementVNode","tabindex","apply","arguments","_renderSlot","$slots","$data","_component_StepperSeparator","activateCallback"],"mappings":"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"}