1 line
18 KiB
Plaintext
1 line
18 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/stepper/StepperSeparator.vue","../../src/stepper/StepperSeparator.vue?vue&type=template&id=14656bfa&lang.js","../../src/step/BaseStep.vue","../../src/step/Step.vue","../../src/step/Step.vue?vue&type=template&id=b212245c&lang.js"],"sourcesContent":["<template>\n <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n name: 'StepperSeparator',\n hostName: 'Stepper',\n extends: BaseComponent,\n inject: {\n $pcStepper: { default: null }\n }\n};\n</script>\n","<template>\n <span :class=\"cx('separator')\" v-bind=\"ptmo($pcStepper.pt, 'separator')\" />\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n name: 'StepperSeparator',\n hostName: 'Stepper',\n extends: BaseComponent,\n inject: {\n $pcStepper: { default: null }\n }\n};\n</script>\n","<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport StepStyle from 'primevue/step/style';\n\nexport default {\n name: 'BaseStep',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n asChild: {\n type: Boolean,\n default: false\n },\n as: {\n type: [String, Object],\n default: 'DIV'\n }\n },\n style: StepStyle,\n provide() {\n return {\n $pcStep: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" :aria-current=\"active ? 'step' : undefined\" role=\"presentation\" :data-p-active=\"active\" :data-p-disabled=\"isStepDisabled\" :data-p=\"dataP\" v-bind=\"getPTOptions('root')\">\n <button :id=\"id\" :class=\"cx('header')\" role=\"tab\" type=\"button\" :tabindex=\"isStepDisabled ? -1 : undefined\" :aria-controls=\"ariaControls\" :disabled=\"isStepDisabled\" @click=\"onStepClick\" :data-p=\"dataP\" v-bind=\"getPTOptions('header')\">\n <span :class=\"cx('number')\" :data-p=\"dataP\" v-bind=\"getPTOptions('number')\">{{ activeValue }}</span>\n <span :class=\"cx('title')\" :data-p=\"dataP\" v-bind=\"getPTOptions('title')\">\n <slot />\n </span>\n </button>\n <StepperSeparator v-if=\"isSeparatorVisible\" :data-p=\"dataP\" />\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"active\" :value=\"value\" :a11yAttrs=\"a11yAttrs\" :activateCallback=\"onStepClick\" />\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { find, findSingle } from '@primeuix/utils/dom';\nimport { findIndexInList } from '@primeuix/utils/object';\nimport StepperSeparator from '../stepper/StepperSeparator.vue';\nimport BaseStep from './BaseStep.vue';\n\nexport default {\n name: 'Step',\n extends: BaseStep,\n inheritAttrs: false,\n inject: {\n $pcStepper: { default: null },\n $pcStepList: { default: null },\n $pcStepItem: { default: null }\n },\n data() {\n return {\n isSeparatorVisible: false,\n isCompleted: false\n };\n },\n mounted() {\n if (this.$el && this.$pcStepList) {\n let index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n let activeIndex = findIndexInList(findSingle(this.$pcStepper.$el, '[data-pc-name=\"step\"][data-p-active=\"true\"]'), find(this.$pcStepper.$el, '[data-pc-name=\"step\"]'));\n let stepLen = find(this.$pcStepper.$el, '[data-pc-name=\"step\"]').length;\n\n this.isSeparatorVisible = index !== stepLen - 1;\n this.isCompleted = index < activeIndex;\n }\n },\n updated() {\n let index = findIndexInList(this.$el, find(th
|