1 line
51 KiB
Plaintext
1 line
51 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/tabview/BaseTabView.vue","../../src/tabview/TabView.vue","../../src/tabview/TabView.vue?vue&type=template&id=15a9c0e0&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabViewStyle from 'primevue/tabview/style';\n\nexport default {\n name: 'BaseTabView',\n extends: BaseComponent,\n props: {\n activeIndex: {\n type: Number,\n default: 0\n },\n lazy: {\n type: Boolean,\n default: false\n },\n scrollable: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: 0\n },\n selectOnFocus: {\n type: Boolean,\n default: false\n },\n prevButtonProps: {\n type: null,\n default: null\n },\n nextButtonProps: {\n type: null,\n default: null\n },\n prevIcon: {\n type: String,\n default: undefined\n },\n nextIcon: {\n type: String,\n default: undefined\n }\n },\n style: TabViewStyle,\n provide() {\n return {\n $pcTabs: undefined, // Backwards compatible to prevent <TabPanel> component from breaking\n $pcTabView: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" role=\"tablist\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('navContainer')\" v-bind=\"ptm('navContainer')\">\n <button\n v-if=\"scrollable && !isPrevButtonDisabled\"\n ref=\"prevBtn\"\n v-ripple\n type=\"button\"\n :class=\"cx('prevButton')\"\n :tabindex=\"tabindex\"\n :aria-label=\"prevButtonAriaLabel\"\n @click=\"onPrevButtonClick\"\n v-bind=\"{ ...prevButtonProps, ...ptm('prevButton') }\"\n data-pc-group-section=\"navbutton\"\n >\n <slot name=\"previcon\">\n <component :is=\"prevIcon ? 'span' : 'ChevronLeftIcon'\" aria-hidden=\"true\" :class=\"prevIcon\" v-bind=\"ptm('prevIcon')\" />\n </slot>\n </button>\n <div ref=\"content\" :class=\"cx('navContent')\" @scroll=\"onScroll\" v-bind=\"ptm('navContent')\">\n <ul ref=\"nav\" :class=\"cx('nav')\" v-bind=\"ptm('nav')\">\n <li\n v-for=\"(tab, index) of tabs\"\n :key=\"getKey(tab, index)\"\n :style=\"getTabProp(tab, 'headerStyle')\"\n :class=\"cx('tab.header', { tab, index })\"\n role=\"presentation\"\n v-bind=\"{ ...getTabProp(tab, 'headerProps'), ...getTabPT(tab, 'root', index), ...getTabPT(tab, 'header', index) }\"\n data-pc-name=\"tabpanel\"\n :data-p-active=\"d_activeIndex === index\"\n :data-p-disabled=\"getTabProp(tab, 'disabled')\"\n :data-pc-index=\"index\"\n >\n <a\n :id=\"getTabHeaderActionId(index)\"\n v-ripple\n :class=\"cx('tab.headerAction')\"\n :tabindex=\"getTabProp(tab, 'disabled') || !isTabActive(index) ? -1 : tabindex\"\n role=\"tab\"\n :aria-disabled=\"getTabProp(tab, 'disabled')\"\n :aria-selected=\"isTabActive(index)\"\n :aria-controls=\"getTabContentId(index)\"\n @click=\"onTabClick($event, tab, index)\"\n @keydown=\"onTabKeyDown($event, tab, index)\"\n v-bind=\"{ ...getTabProp(tab, 'headerActionProps'),
|