primevue 3.16.2 → 3.18.0

package/tabview/tabview.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.tabview = (function (utils, Ripple, vue) {
+this.primevue.tabview = (function (Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,165 +21,313 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
             scrollable: {
                 type: Boolean,
                 default: false
-            }
+            },
+            tabindex: {
+                type: Number,
+                default: 0
+            },
+            selectOnFocus: {
+                type: Boolean,
+                default: false
+            },
+            previousButtonProps: null,
+            nextButtonProps: null
         },
         data() {
             return {
                 d_activeIndex: this.activeIndex,
-                backwardIsDisabled: true,
-                forwardIsDisabled: false
-            }
+                isPrevButtonDisabled: true,
+                isNextButtonDisabled: false
+            };
         },
         watch: {
             activeIndex(newValue) {
                 this.d_activeIndex = newValue;
 
-                this.updateScrollBar(newValue);
+                this.scrollInView({ index: newValue });
             }
         },
-        updated() {
+        mounted() {
             this.updateInkBar();
+            this.scrollable && this.updateButtonState();
         },
-        mounted() {
+        updated() {
             this.updateInkBar();
         },
         methods: {
-            onTabClick(event, i) {
-                if (!this.isTabDisabled(this.tabs[i]) && i !== this.d_activeIndex) {
-                    this.d_activeIndex = i;
-                    this.$emit('update:activeIndex', this.d_activeIndex);
-
-                    this.$emit('tab-change', {
-                        originalEvent: event,
-                        index: i
-                    });
-
-                    this.updateScrollBar(i);
-                }
-
-                this.$emit('tab-click', {
-                    originalEvent: event,
-                    index: i
-                });
-            },
-            onTabKeydown(event, i) {
-                if (event.which === 13) {
-                    this.onTabClick(event, i);
-                }
-            },
-            updateInkBar() {
-                let tabHeader = this.$refs.nav.children[this.d_activeIndex];
-                this.$refs.inkbar.style.width = utils.DomHandler.getWidth(tabHeader) + 'px';
-                this.$refs.inkbar.style.left =  utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(this.$refs.nav).left + 'px';
+            isTabPanel(child) {
+                return child.type.name === 'TabPanel';
             },
-            updateScrollBar(index) {
-                let tabHeader = this.$refs.nav.children[index];
-                tabHeader.scrollIntoView({ block: 'nearest' });
+            isTabActive(index) {
+                return this.d_activeIndex === index;
             },
-            updateButtonState() {
-                const content = this.$refs.content;
-                const { scrollLeft, scrollWidth } = content;
-                const width = utils.DomHandler.getWidth(content);
-
-                this.backwardIsDisabled = scrollLeft === 0;
-                this.forwardIsDisabled = parseInt(scrollLeft) === scrollWidth - width;
+            getTabProp(tab, name) {
+                return tab.props ? tab.props[name] : undefined;
             },
-            getKey(tab, i) {
-                return (tab.props && tab.props.header) ? tab.props.header : i;
+            getKey(tab, index) {
+                return this.getTabProp(tab, 'header') || index;
             },
-            isTabDisabled(tab) {
-                return (tab.props && tab.props.disabled);
+            getTabHeaderActionId(index) {
+                return `${this.id}_${index}_header_action`;
             },
-            isTabPanel(child) {
-                return child.type.name === 'TabPanel'
+            getTabContentId(index) {
+                return `${this.id}_${index}_content`;
             },
             onScroll(event) {
                 this.scrollable && this.updateButtonState();
 
                 event.preventDefault();
             },
-            getVisibleButtonWidths() {
-                const { prevBtn, nextBtn } = this.$refs;
-
-                return [prevBtn, nextBtn].reduce((acc, el) => el ? acc + utils.DomHandler.getWidth(el) : acc, 0);
-            },
-            navBackward() {
+            onPrevButtonClick() {
                 const content = this.$refs.content;
                 const width = utils.DomHandler.getWidth(content) - this.getVisibleButtonWidths();
                 const pos = content.scrollLeft - width;
+
                 content.scrollLeft = pos <= 0 ? 0 : pos;
             },
-            navForward() {
+            onNextButtonClick() {
                 const content = this.$refs.content;
                 const width = utils.DomHandler.getWidth(content) - this.getVisibleButtonWidths();
                 const pos = content.scrollLeft + width;
                 const lastPos = content.scrollWidth - width;
 
                 content.scrollLeft = pos >= lastPos ? lastPos : pos;
+            },
+            onTabClick(event, tab, index) {
+                this.changeActiveIndex(event, tab, index);
+                this.$emit('tab-click', { originalEvent: event, index });
+            },
+            onTabKeyDown(event, tab, index) {
+                switch (event.code) {
+                    case 'ArrowLeft':
+                        this.onTabArrowLeftKey(event);
+                        break;
+
+                    case 'ArrowRight':
+                        this.onTabArrowRightKey(event);
+                        break;
+
+                    case 'Home':
+                        this.onTabHomeKey(event);
+                        break;
+
+                    case 'End':
+                        this.onTabEndKey(event);
+                        break;
+
+                    case 'PageDown':
+                        this.onPageDownKey(event);
+                        break;
+
+                    case 'PageUp':
+                        this.onPageUpKey(event);
+                        break;
+
+                    case 'Enter':
+                    case 'Space':
+                        this.onTabEnterKey(event, tab, index);
+                        break;
+                }
+            },
+            onTabArrowRightKey(event) {
+                const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement);
+
+                nextHeaderAction ? this.changeFocusedTab(event, nextHeaderAction) : this.onTabHomeKey(event);
+                event.preventDefault();
+            },
+            onTabArrowLeftKey(event) {
+                const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement);
+
+                prevHeaderAction ? this.changeFocusedTab(event, prevHeaderAction) : this.onTabEndKey(event);
+                event.preventDefault();
+            },
+            onTabHomeKey(event) {
+                const firstHeaderAction = this.findFirstHeaderAction();
+
+                this.changeFocusedTab(event, firstHeaderAction);
+                event.preventDefault();
+            },
+            onTabEndKey(event) {
+                const lastHeaderAction = this.findLastHeaderAction();
+
+                this.changeFocusedTab(event, lastHeaderAction);
+                event.preventDefault();
+            },
+            onPageDownKey(event) {
+                this.scrollInView({ index: this.$refs.nav.children.length - 2 });
+                event.preventDefault();
+            },
+            onPageUpKey(event) {
+                this.scrollInView({ index: 0 });
+                event.preventDefault();
+            },
+            onTabEnterKey(event, tab, index) {
+                this.changeActiveIndex(event, tab, index);
+
+                event.preventDefault();
+            },
+            findNextHeaderAction(tabElement, selfCheck = false) {
+                const headerElement = selfCheck ? tabElement : tabElement.nextElementSibling;
+
+                return headerElement
+                    ? utils.DomHandler.hasClass(headerElement, 'p-disabled') || utils.DomHandler.hasClass(headerElement, 'p-tabview-ink-bar')
+                        ? this.findNextHeaderAction(headerElement)
+                        : utils.DomHandler.findSingle(headerElement, '.p-tabview-header-action')
+                    : null;
+            },
+            findPrevHeaderAction(tabElement, selfCheck = false) {
+                const headerElement = selfCheck ? tabElement : tabElement.previousElementSibling;
+
+                return headerElement
+                    ? utils.DomHandler.hasClass(headerElement, 'p-disabled') || utils.DomHandler.hasClass(headerElement, 'p-tabview-ink-bar')
+                        ? this.findPrevHeaderAction(headerElement)
+                        : utils.DomHandler.findSingle(headerElement, '.p-tabview-header-action')
+                    : null;
+            },
+            findFirstHeaderAction() {
+                return this.findNextHeaderAction(this.$refs.nav.firstElementChild, true);
+            },
+            findLastHeaderAction() {
+                return this.findPrevHeaderAction(this.$refs.nav.lastElementChild, true);
+            },
+            changeActiveIndex(event, tab, index) {
+                if (!this.getTabProp(tab, 'disabled') && this.d_activeIndex !== index) {
+                    this.d_activeIndex = index;
+
+                    this.$emit('update:activeIndex', index);
+                    this.$emit('tab-change', { originalEvent: event, index });
+
+                    this.scrollInView({ index });
+                }
+            },
+            changeFocusedTab(event, element) {
+                if (element) {
+                    utils.DomHandler.focus(element);
+                    this.scrollInView({ element });
+
+                    if (this.selectOnFocus) {
+                        const index = parseInt(element.parentElement.dataset.index, 10);
+                        const tab = this.tabs[index];
+
+                        this.changeActiveIndex(event, tab, index);
+                    }
+                }
+            },
+            scrollInView({ element, index = -1 }) {
+                const currentElement = element || this.$refs.nav.children[index];
+
+                if (currentElement) {
+                    currentElement.scrollIntoView && currentElement.scrollIntoView({ block: 'nearest' });
+                }
+            },
+            updateInkBar() {
+                let tabHeader = this.$refs.nav.children[this.d_activeIndex];
+
+                this.$refs.inkbar.style.width = utils.DomHandler.getWidth(tabHeader) + 'px';
+                this.$refs.inkbar.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(this.$refs.nav).left + 'px';
+            },
+            updateButtonState() {
+                const content = this.$refs.content;
+                const { scrollLeft, scrollWidth } = content;
+                const width = utils.DomHandler.getWidth(content);
+
+                this.isPrevButtonDisabled = scrollLeft === 0;
+                this.isNextButtonDisabled = parseInt(scrollLeft) === scrollWidth - width;
+            },
+            getVisibleButtonWidths() {
+                const { prevBtn, nextBtn } = this.$refs;
+
+                return [prevBtn, nextBtn].reduce((acc, el) => (el ? acc + utils.DomHandler.getWidth(el) : acc), 0);
+            },
+            getTabHeaderClass(tab, i) {
+                return [
+                    'p-tabview-header',
+                    this.getTabProp(tab, 'headerClass'),
+                    {
+                        'p-highlight': this.d_activeIndex === i,
+                        'p-disabled': this.getTabProp(tab, 'disabled')
+                    }
+                ];
+            },
+            getTabContentClass(tab) {
+                return ['p-tabview-panel', this.getTabProp(tab, 'contentClass')];
             }
         },
         computed: {
             contentClasses() {
-    			return ['p-tabview p-component', {'p-tabview-scrollable': this.scrollable}];
-    		},
-            prevButtonClasses() {
-                return ['p-tabview-nav-prev p-tabview-nav-btn p-link']
-            },
-            nextButtonClasses() {
-                return ['p-tabview-nav-next p-tabview-nav-btn p-link']
+                return [
+                    'p-tabview p-component',
+                    {
+                        'p-tabview-scrollable': this.scrollable
+                    }
+                ];
             },
             tabs() {
-                const tabs = [];
-                this.$slots.default().forEach(child => {
-                        if (this.isTabPanel(child)) {
-                            tabs.push(child);
-                        }
-                        else if (child.children && child.children instanceof Array) {
-                            child.children.forEach(nestedChild => {
-                                if (this.isTabPanel(nestedChild)) {
-                                    tabs.push(nestedChild);
-                                }
-                            });
-                        }
+                return this.$slots.default().reduce((tabs, child) => {
+                    if (this.isTabPanel(child)) {
+                        tabs.push(child);
+                    } else if (child.children && child.children instanceof Array) {
+                        child.children.forEach((nestedChild) => {
+                            if (this.isTabPanel(nestedChild)) {
+                                tabs.push(nestedChild);
+                            }
+                        });
                     }
-                );
-                return tabs;
+
+                    return tabs;
+                }, []);
+            },
+            prevButtonAriaLabel() {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.previous : undefined;
+            },
+            nextButtonAriaLabel() {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.next : undefined;
+            },
+            id() {
+                return this.$attrs.id || utils.UniqueComponentId();
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
     const _hoisted_1 = { class: "p-tabview-nav-container" };
-    const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-left" }, null, -1);
-    const _hoisted_3 = [
-      _hoisted_2
+    const _hoisted_2 = ["tabindex", "aria-label"];
+    const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("span", {
+      class: "pi pi-chevron-left",
+      "aria-hidden": "true"
+    }, null, -1);
+    const _hoisted_4 = [
+      _hoisted_3
     ];
-    const _hoisted_4 = {
+    const _hoisted_5 = {
       ref: "nav",
       class: "p-tabview-nav",
       role: "tablist"
     };
-    const _hoisted_5 = ["onClick", "onKeydown", "tabindex", "aria-selected"];
-    const _hoisted_6 = {
+    const _hoisted_6 = ["data-index"];
+    const _hoisted_7 = ["id", "tabindex", "aria-disabled", "aria-selected", "aria-controls", "onClick", "onKeydown"];
+    const _hoisted_8 = {
       key: 0,
       class: "p-tabview-title"
     };
-    const _hoisted_7 = {
+    const _hoisted_9 = {
       ref: "inkbar",
-      class: "p-tabview-ink-bar"
+      class: "p-tabview-ink-bar",
+      role: "presentation",
+      "aria-hidden": "true"
     };
-    const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-right" }, null, -1);
-    const _hoisted_9 = [
-      _hoisted_8
+    const _hoisted_10 = ["tabindex", "aria-label"];
+    const _hoisted_11 = /*#__PURE__*/vue.createElementVNode("span", {
+      class: "pi pi-chevron-right",
+      "aria-hidden": "true"
+    }, null, -1);
+    const _hoisted_12 = [
+      _hoisted_11
     ];
-    const _hoisted_10 = { class: "p-tabview-panels" };
-    const _hoisted_11 = {
-      key: 0,
-      class: "p-tabview-panel",
-      role: "tabpanel"
-    };
+    const _hoisted_13 = { class: "p-tabview-panels" };
+    const _hoisted_14 = ["aria-labelledby"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
@@ -188,14 +336,16 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
         class: vue.normalizeClass($options.contentClasses)
       }, [
         vue.createElementVNode("div", _hoisted_1, [
-          ($props.scrollable && !$data.backwardIsDisabled)
-            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+          ($props.scrollable && !$data.isPrevButtonDisabled)
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 0,
                 ref: "prevBtn",
-                class: vue.normalizeClass($options.prevButtonClasses),
-                onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args))),
-                type: "button"
-              }, _hoisted_3, 2)), [
+                type: "button",
+                class: "p-tabview-nav-prev p-tabview-nav-btn p-link",
+                tabindex: $props.tabindex,
+                "aria-label": $options.prevButtonAriaLabel,
+                onClick: _cache[0] || (_cache[0] = (...args) => ($options.onPrevButtonClick && $options.onPrevButtonClick(...args)))
+              }, $props.previousButtonProps), _hoisted_4, 16, _hoisted_2)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true),
@@ -204,57 +354,70 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
             class: "p-tabview-nav-content",
             onScroll: _cache[1] || (_cache[1] = (...args) => ($options.onScroll && $options.onScroll(...args)))
           }, [
-            vue.createElementVNode("ul", _hoisted_4, [
+            vue.createElementVNode("ul", _hoisted_5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-                return (vue.openBlock(), vue.createElementBlock("li", {
+                return (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+                  key: $options.getKey(tab, i),
+                  style: $options.getTabProp(tab, 'headerStyle'),
+                  class: $options.getTabHeaderClass(tab, i),
                   role: "presentation",
-                  key: $options.getKey(tab,i),
-                  class: vue.normalizeClass([{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}])
-                }, [
-                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
+                  "data-index": i
+                }, $options.getTabProp(tab, 'headerProps')), [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
+                    id: $options.getTabHeaderActionId(i),
+                    class: "p-tabview-nav-link p-tabview-header-action",
+                    tabindex: $options.getTabProp(tab, 'disabled') || !$options.isTabActive(i) ? -1 : $props.tabindex,
                     role: "tab",
-                    class: "p-tabview-nav-link",
-                    onClick: $event => ($options.onTabClick($event, i)),
-                    onKeydown: $event => ($options.onTabKeydown($event, i)),
-                    tabindex: $options.isTabDisabled(tab) ? null : '0',
-                    "aria-selected": $data.d_activeIndex === i
-                  }, [
+                    "aria-disabled": $options.getTabProp(tab, 'disabled'),
+                    "aria-selected": $options.isTabActive(i),
+                    "aria-controls": $options.getTabContentId(i),
+                    onClick: $event => ($options.onTabClick($event, tab, i)),
+                    onKeydown: $event => ($options.onTabKeyDown($event, tab, i))
+                  }, $options.getTabProp(tab, 'headerActionProps')), [
                     (tab.props && tab.props.header)
-                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, vue.toDisplayString(tab.props.header), 1))
+                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(tab.props.header), 1))
                       : vue.createCommentVNode("", true),
                     (tab.children && tab.children.header)
                       ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.header), { key: 1 }))
                       : vue.createCommentVNode("", true)
-                  ], 40, _hoisted_5)), [
+                  ], 16, _hoisted_7)), [
                     [_directive_ripple]
                   ])
-                ], 2))
+                ], 16, _hoisted_6))
               }), 128)),
-              vue.createElementVNode("li", _hoisted_7, null, 512)
+              vue.createElementVNode("li", _hoisted_9, null, 512)
             ], 512)
           ], 544),
-          ($props.scrollable && !$data.forwardIsDisabled)
-            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+          ($props.scrollable && !$data.isNextButtonDisabled)
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 1,
                 ref: "nextBtn",
-                class: vue.normalizeClass($options.nextButtonClasses),
-                onClick: _cache[2] || (_cache[2] = (...args) => ($options.navForward && $options.navForward(...args))),
-                type: "button"
-              }, _hoisted_9, 2)), [
+                type: "button",
+                class: "p-tabview-nav-next p-tabview-nav-btn p-link",
+                tabindex: $props.tabindex,
+                "aria-label": $options.nextButtonAriaLabel,
+                onClick: _cache[2] || (_cache[2] = (...args) => ($options.onNextButtonClick && $options.onNextButtonClick(...args)))
+              }, $props.nextButtonProps), _hoisted_12, 16, _hoisted_10)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_10, [
+        vue.createElementVNode("div", _hoisted_13, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
             return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-              key: $options.getKey(tab,i)
+              key: $options.getKey(tab, i)
             }, [
-              ($props.lazy ? ($data.d_activeIndex === i) : true)
-                ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+              ($props.lazy ? $options.isTabActive(i) : true)
+                ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                    key: 0,
+                    style: $options.getTabProp(tab, 'contentStyle'),
+                    class: $options.getTabContentClass(tab),
+                    role: "tabpanel",
+                    "aria-labelledby": $options.getTabHeaderActionId(i)
+                  }, $options.getTabProp(tab, 'contentProps')), [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab)))
-                  ], 512)), [
-                    [vue.vShow, $props.lazy ? true: ($data.d_activeIndex === i)]
+                  ], 16, _hoisted_14)), [
+                    [vue.vShow, $props.lazy ? true : $options.isTabActive(i)]
                   ])
                 : vue.createCommentVNode("", true)
             ], 64))
@@ -290,11 +453,11 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-tabview-nav-container {\n    position: relative;\n}\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-scroll-chaining: contain auto;\n        overscroll-behavior: contain auto;\n}\n.p-tabview-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-tabview-nav-link {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabview-nav-link:focus {\n    z-index: 1;\n}\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tabview-nav-prev {\n    left: 0;\n}\n.p-tabview-nav-next {\n    right: 0;\n}\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n";
+    var css_248z = "\n.p-tabview-nav-container {\n    position: relative;\n}\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-scroll-chaining: contain auto;\n        overscroll-behavior: contain auto;\n}\n.p-tabview-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-tabview-header-action {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabview-header-action:focus {\n    z-index: 1;\n}\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tabview-nav-prev {\n    left: 0;\n}\n.p-tabview-nav-next {\n    right: 0;\n}\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n";
     styleInject(css_248z);
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, primevue.ripple, Vue);
+})(primevue.ripple, primevue.utils, Vue);

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"TabView",emits:["update:activeIndex","tab-change","tab-click"],props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1}},data(){return{d_activeIndex:this.activeIndex,backwardIsDisabled:!0,forwardIsDisabled:!1}},watch:{activeIndex(e){this.d_activeIndex=e,this.updateScrollBar(e)}},updated(){this.updateInkBar()},mounted(){this.updateInkBar()},methods:{onTabClick(e,t){this.isTabDisabled(this.tabs[t])||t===this.d_activeIndex||(this.d_activeIndex=t,this.$emit("update:activeIndex",this.d_activeIndex),this.$emit("tab-change",{originalEvent:e,index:t}),this.updateScrollBar(t)),this.$emit("tab-click",{originalEvent:e,index:t})},onTabKeydown(e,t){13===e.which&&this.onTabClick(e,t)},updateInkBar(){let t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=e.DomHandler.getWidth(t)+"px",this.$refs.inkbar.style.left=e.DomHandler.getOffset(t).left-e.DomHandler.getOffset(this.$refs.nav).left+"px"},updateScrollBar(e){this.$refs.nav.children[e].scrollIntoView({block:"nearest"})},updateButtonState(){const t=this.$refs.content,{scrollLeft:n,scrollWidth:a}=t,i=e.DomHandler.getWidth(t);this.backwardIsDisabled=0===n,this.forwardIsDisabled=parseInt(n)===a-i},getKey:(e,t)=>e.props&&e.props.header?e.props.header:t,isTabDisabled:e=>e.props&&e.props.disabled,isTabPanel:e=>"TabPanel"===e.type.name,onScroll(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},getVisibleButtonWidths(){const{prevBtn:t,nextBtn:n}=this.$refs;return[t,n].reduce(((t,n)=>n?t+e.DomHandler.getWidth(n):t),0)},navBackward(){const t=this.$refs.content,n=e.DomHandler.getWidth(t)-this.getVisibleButtonWidths(),a=t.scrollLeft-n;t.scrollLeft=a<=0?0:a},navForward(){const t=this.$refs.content,n=e.DomHandler.getWidth(t)-this.getVisibleButtonWidths(),a=t.scrollLeft+n,i=t.scrollWidth-n;t.scrollLeft=a>=i?i:a}},computed:{contentClasses(){return["p-tabview p-component",{"p-tabview-scrollable":this.scrollable}]},prevButtonClasses:()=>["p-tabview-nav-prev p-tabview-nav-btn p-link"],nextButtonClasses:()=>["p-tabview-nav-next p-tabview-nav-btn p-link"],tabs(){const e=[];return this.$slots.default().forEach((t=>{this.isTabPanel(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isTabPanel(t)&&e.push(t)}))})),e}},directives:{ripple:a(t).default}};const l={class:"p-tabview-nav-container"},o=[n.createElementVNode("span",{class:"pi pi-chevron-left"},null,-1)],s={ref:"nav",class:"p-tabview-nav",role:"tablist"},r=["onClick","onKeydown","tabindex","aria-selected"],c={key:0,class:"p-tabview-title"},d={ref:"inkbar",class:"p-tabview-ink-bar"},p=[n.createElementVNode("span",{class:"pi pi-chevron-right"},null,-1)],b={class:"p-tabview-panels"},v={key:0,class:"p-tabview-panel",role:"tabpanel"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-tabview-nav-container {\n    position: relative;\n}\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-scroll-chaining: contain auto;\n        overscroll-behavior: contain auto;\n}\n.p-tabview-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-tabview-nav-link {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabview-nav-link:focus {\n    z-index: 1;\n}\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tabview-nav-prev {\n    left: 0;\n}\n.p-tabview-nav-next {\n    right: 0;\n}\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n"),i.render=function(e,t,a,i,h,m){const u=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(m.contentClasses)},[n.createElementVNode("div",l,[a.scrollable&&!h.backwardIsDisabled?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,ref:"prevBtn",class:n.normalizeClass(m.prevButtonClasses),onClick:t[0]||(t[0]=(...e)=>m.navBackward&&m.navBackward(...e)),type:"button"},o,2)),[[u]]):n.createCommentVNode("",!0),n.createElementVNode("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[1]||(t[1]=(...e)=>m.onScroll&&m.onScroll(...e))},[n.createElementVNode("ul",s,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(m.tabs,((e,t)=>(n.openBlock(),n.createElementBlock("li",{role:"presentation",key:m.getKey(e,t),class:n.normalizeClass([{"p-highlight":h.d_activeIndex===t,"p-disabled":m.isTabDisabled(e)}])},[n.withDirectives((n.openBlock(),n.createElementBlock("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>m.onTabClick(e,t),onKeydown:e=>m.onTabKeydown(e,t),tabindex:m.isTabDisabled(e)?null:"0","aria-selected":h.d_activeIndex===t},[e.props&&e.props.header?(n.openBlock(),n.createElementBlock("span",c,n.toDisplayString(e.props.header),1)):n.createCommentVNode("",!0),e.children&&e.children.header?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.children.header),{key:1})):n.createCommentVNode("",!0)],40,r)),[[u]])],2)))),128)),n.createElementVNode("li",d,null,512)],512)],544),a.scrollable&&!h.forwardIsDisabled?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:1,ref:"nextBtn",class:n.normalizeClass(m.nextButtonClasses),onClick:t[2]||(t[2]=(...e)=>m.navForward&&m.navForward(...e)),type:"button"},p,2)),[[u]]):n.createCommentVNode("",!0)]),n.createElementVNode("div",b,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(m.tabs,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:m.getKey(e,t)},[a.lazy&&h.d_activeIndex!==t?n.createCommentVNode("",!0):n.withDirectives((n.openBlock(),n.createElementBlock("div",v,[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e)))],512)),[[n.vShow,!!a.lazy||h.d_activeIndex===t]])],64)))),128))])],2)},i}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"TabView",emits:["update:activeIndex","tab-change","tab-click"],props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:null,nextButtonProps:null},data(){return{d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{activeIndex(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated(){this.updateInkBar()},methods:{isTabPanel:e=>"TabPanel"===e.type.name,isTabActive(e){return this.d_activeIndex===e},getTabProp:(e,t)=>e.props?e.props[t]:void 0,getKey(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId(e){return`${this.id}_${e}_header_action`},getTabContentId(e){return`${this.id}_${e}_content`},onScroll(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick(){const e=this.$refs.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),a=e.scrollLeft-n;e.scrollLeft=a<=0?0:a},onNextButtonClick(){const e=this.$refs.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),a=e.scrollLeft+n,i=e.scrollWidth-n;e.scrollLeft=a>=i?i:a},onTabClick(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey(e){const t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey(e){const t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey(e){const t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey(e){const t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction(e,n=!1){const a=n?e:e.nextElementSibling;return a?t.DomHandler.hasClass(a,"p-disabled")||t.DomHandler.hasClass(a,"p-tabview-ink-bar")?this.findNextHeaderAction(a):t.DomHandler.findSingle(a,".p-tabview-header-action"):null},findPrevHeaderAction(e,n=!1){const a=n?e:e.previousElementSibling;return a?t.DomHandler.hasClass(a,"p-disabled")||t.DomHandler.hasClass(a,"p-tabview-ink-bar")?this.findPrevHeaderAction(a):t.DomHandler.findSingle(a,".p-tabview-header-action"):null},findFirstHeaderAction(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab(e,n){if(n&&(t.DomHandler.focus(n),this.scrollInView({element:n}),this.selectOnFocus)){const t=parseInt(n.parentElement.dataset.index,10),a=this.tabs[t];this.changeActiveIndex(e,a,t)}},scrollInView({element:e,index:t=-1}){const n=e||this.$refs.nav.children[t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar(){let e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=t.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(e).left-t.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState(){const e=this.$refs.content,{scrollLeft:n,scrollWidth:a}=e,i=t.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===n,this.isNextButtonDisabled=parseInt(n)===a-i},getVisibleButtonWidths(){const{prevBtn:e,nextBtn:n}=this.$refs;return[e,n].reduce(((e,n)=>n?e+t.DomHandler.getWidth(n):e),0)},getTabHeaderClass(e,t){return["p-tabview-header",this.getTabProp(e,"headerClass"),{"p-highlight":this.d_activeIndex===t,"p-disabled":this.getTabProp(e,"disabled")}]},getTabContentClass(e){return["p-tabview-panel",this.getTabProp(e,"contentClass")]}},computed:{contentClasses(){return["p-tabview p-component",{"p-tabview-scrollable":this.scrollable}]},tabs(){return this.$slots.default().reduce(((e,t)=>(this.isTabPanel(t)?e.push(t):t.children&&t.children instanceof Array&&t.children.forEach((t=>{this.isTabPanel(t)&&e.push(t)})),e)),[])},prevButtonAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0},id(){return this.$attrs.id||t.UniqueComponentId()}},directives:{ripple:a(e).default}};const o={class:"p-tabview-nav-container"},r=["tabindex","aria-label"],l=[n.createElementVNode("span",{class:"pi pi-chevron-left","aria-hidden":"true"},null,-1)],s={ref:"nav",class:"p-tabview-nav",role:"tablist"},c=["data-index"],d=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],p={key:0,class:"p-tabview-title"},b={ref:"inkbar",class:"p-tabview-ink-bar",role:"presentation","aria-hidden":"true"},h=["tabindex","aria-label"],v=[n.createElementVNode("span",{class:"pi pi-chevron-right","aria-hidden":"true"},null,-1)],u={class:"p-tabview-panels"},m=["aria-labelledby"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-tabview-nav-container {\n    position: relative;\n}\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    -ms-scroll-chaining: contain auto;\n        overscroll-behavior: contain auto;\n}\n.p-tabview-nav {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-tabview-header-action {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n.p-tabview-header-action:focus {\n    z-index: 1;\n}\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-tabview-nav-prev {\n    left: 0;\n}\n.p-tabview-nav-next {\n    right: 0;\n}\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n"),i.render=function(e,t,a,i,f,g){const x=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(g.contentClasses)},[n.createElementVNode("div",o,[a.scrollable&&!f.isPrevButtonDisabled?n.withDirectives((n.openBlock(),n.createElementBlock("button",n.mergeProps({key:0,ref:"prevBtn",type:"button",class:"p-tabview-nav-prev p-tabview-nav-btn p-link",tabindex:a.tabindex,"aria-label":g.prevButtonAriaLabel,onClick:t[0]||(t[0]=(...e)=>g.onPrevButtonClick&&g.onPrevButtonClick(...e))},a.previousButtonProps),l,16,r)),[[x]]):n.createCommentVNode("",!0),n.createElementVNode("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[1]||(t[1]=(...e)=>g.onScroll&&g.onScroll(...e))},[n.createElementVNode("ul",s,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(g.tabs,((e,t)=>(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:g.getKey(e,t),style:g.getTabProp(e,"headerStyle"),class:g.getTabHeaderClass(e,t),role:"presentation","data-index":t},g.getTabProp(e,"headerProps")),[n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({id:g.getTabHeaderActionId(t),class:"p-tabview-nav-link p-tabview-header-action",tabindex:g.getTabProp(e,"disabled")||!g.isTabActive(t)?-1:a.tabindex,role:"tab","aria-disabled":g.getTabProp(e,"disabled"),"aria-selected":g.isTabActive(t),"aria-controls":g.getTabContentId(t),onClick:n=>g.onTabClick(n,e,t),onKeydown:n=>g.onTabKeyDown(n,e,t)},g.getTabProp(e,"headerActionProps")),[e.props&&e.props.header?(n.openBlock(),n.createElementBlock("span",p,n.toDisplayString(e.props.header),1)):n.createCommentVNode("",!0),e.children&&e.children.header?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.children.header),{key:1})):n.createCommentVNode("",!0)],16,d)),[[x]])],16,c)))),128)),n.createElementVNode("li",b,null,512)],512)],544),a.scrollable&&!f.isNextButtonDisabled?n.withDirectives((n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"nextBtn",type:"button",class:"p-tabview-nav-next p-tabview-nav-btn p-link",tabindex:a.tabindex,"aria-label":g.nextButtonAriaLabel,onClick:t[2]||(t[2]=(...e)=>g.onNextButtonClick&&g.onNextButtonClick(...e))},a.nextButtonProps),v,16,h)),[[x]]):n.createCommentVNode("",!0)]),n.createElementVNode("div",u,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(g.tabs,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:g.getKey(e,t)},[!a.lazy||g.isTabActive(t)?n.withDirectives((n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,style:g.getTabProp(e,"contentStyle"),class:g.getTabContentClass(e),role:"tabpanel","aria-labelledby":g.getTabHeaderActionId(t)},g.getTabProp(e,"contentProps")),[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e)))],16,m)),[[n.vShow,!!a.lazy||g.isTabActive(t)]]):n.createCommentVNode("",!0)],64)))),128))])],2)},i}(primevue.ripple,primevue.utils,Vue);

package/tag/Tag.d.ts

@@ -30,14 +30,13 @@ export interface TagSlots {
     default: () => VNode[];
 }
 
-export declare type TagEmits = {
-}
+export declare type TagEmits = {};
 
-declare class Tag extends ClassComponent<TagProps, TagSlots, TagEmits> { }
+declare class Tag extends ClassComponent<TagProps, TagSlots, TagEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Tag: GlobalComponentConstructor<Tag>
+        Tag: GlobalComponentConstructor<Tag>;
     }
 }
 
@@ -47,7 +46,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Tag](https://www.primefaces.org/primevue/showcase/#/tag)
+ * - [Tag](https://www.primefaces.org/primevue/tag)
  *
  */
 export default Tag;