primevue 3.12.2 → 3.12.5

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");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.createVNode("span",{class:"pi pi-chevron-left"},null,-1),s={ref:"nav",class:"p-tabview-nav",role:"tablist"},r={key:0,class:"p-tabview-title"},c={ref:"inkbar",class:"p-tabview-ink-bar"},d=n.createVNode("span",{class:"pi pi-chevron-right"},null,-1),p={class:"p-tabview-panels"},b={key:0,class:"p-tabview-panel",role:"tabpanel"};!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,v,h){const u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:h.contentClasses},[n.createVNode("div",l,[a.scrollable&&!v.backwardIsDisabled?n.withDirectives((n.openBlock(),n.createBlock("button",{key:0,ref:"prevBtn",class:h.prevButtonClasses,onClick:t[1]||(t[1]=(...e)=>h.navBackward&&h.navBackward(...e)),type:"button"},[o],2)),[[u]]):n.createCommentVNode("",!0),n.createVNode("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[2]||(t[2]=(...e)=>h.onScroll&&h.onScroll(...e))},[n.createVNode("ul",s,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(h.tabs,((e,t)=>(n.openBlock(),n.createBlock("li",{role:"presentation",key:h.getKey(e,t),class:[{"p-highlight":v.d_activeIndex===t,"p-disabled":h.isTabDisabled(e)}]},[n.withDirectives(n.createVNode("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>h.onTabClick(e,t),onKeydown:e=>h.onTabKeydown(e,t),tabindex:h.isTabDisabled(e)?null:"0","aria-selected":v.d_activeIndex===t},[e.props&&e.props.header?(n.openBlock(),n.createBlock("span",r,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,["onClick","onKeydown","tabindex","aria-selected"]),[[u]])],2)))),128)),n.createVNode("li",c,null,512)],512)],544),a.scrollable&&!v.forwardIsDisabled?n.withDirectives((n.openBlock(),n.createBlock("button",{key:1,ref:"nextBtn",class:h.nextButtonClasses,onClick:t[3]||(t[3]=(...e)=>h.navForward&&h.navForward(...e)),type:"button"},[d],2)),[[u]]):n.createCommentVNode("",!0)]),n.createVNode("div",p,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(h.tabs,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:h.getKey(e,t)},[a.lazy&&v.d_activeIndex!==t?n.createCommentVNode("",!0):n.withDirectives((n.openBlock(),n.createBlock("div",b,[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e)))],512)),[[n.vShow,!!a.lazy||v.d_activeIndex===t]])],64)))),128))])],2)},module.exports=i;
+"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={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,l=e.DomHandler.getWidth(t);this.backwardIsDisabled=0===n,this.forwardIsDisabled=parseInt(n)===a-l},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,l=t.scrollWidth-n;t.scrollLeft=a>=l?l: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 i={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"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),l.render=function(e,t,a,l,h,u){const m=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(u.contentClasses)},[n.createElementVNode("div",i,[a.scrollable&&!h.backwardIsDisabled?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,ref:"prevBtn",class:n.normalizeClass(u.prevButtonClasses),onClick:t[0]||(t[0]=(...e)=>u.navBackward&&u.navBackward(...e)),type:"button"},o,2)),[[m]]):n.createCommentVNode("",!0),n.createElementVNode("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[1]||(t[1]=(...e)=>u.onScroll&&u.onScroll(...e))},[n.createElementVNode("ul",s,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(u.tabs,((e,t)=>(n.openBlock(),n.createElementBlock("li",{role:"presentation",key:u.getKey(e,t),class:n.normalizeClass([{"p-highlight":h.d_activeIndex===t,"p-disabled":u.isTabDisabled(e)}])},[n.withDirectives((n.openBlock(),n.createElementBlock("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>u.onTabClick(e,t),onKeydown:e=>u.onTabKeydown(e,t),tabindex:u.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)),[[m]])],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(u.nextButtonClasses),onClick:t[2]||(t[2]=(...e)=>u.navForward&&u.navForward(...e)),type:"button"},p,2)),[[m]]):n.createCommentVNode("",!0)]),n.createElementVNode("div",b,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(u.tabs,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:u.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)},module.exports=l;

package/tabview/tabview.esm.js

@@ -1,6 +1,6 @@
 import { DomHandler } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
-import { resolveDirective, openBlock, createBlock, createVNode, withDirectives, createCommentVNode, Fragment, renderList, toDisplayString, resolveDynamicComponent, vShow } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, createCommentVNode, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, vShow } from 'vue';
 
 var script = {
     name: 'TabView',
@@ -148,23 +148,30 @@ var script = {
 };
 
 const _hoisted_1 = { class: "p-tabview-nav-container" };
-const _hoisted_2 = /*#__PURE__*/createVNode("span", { class: "pi pi-chevron-left" }, null, -1);
-const _hoisted_3 = {
+const _hoisted_2 = /*#__PURE__*/createElementVNode("span", { class: "pi pi-chevron-left" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = {
   ref: "nav",
   class: "p-tabview-nav",
   role: "tablist"
 };
-const _hoisted_4 = {
+const _hoisted_5 = ["onClick", "onKeydown", "tabindex", "aria-selected"];
+const _hoisted_6 = {
   key: 0,
   class: "p-tabview-title"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   ref: "inkbar",
   class: "p-tabview-ink-bar"
 };
-const _hoisted_6 = /*#__PURE__*/createVNode("span", { class: "pi pi-chevron-right" }, null, -1);
-const _hoisted_7 = { class: "p-tabview-panels" };
-const _hoisted_8 = {
+const _hoisted_8 = /*#__PURE__*/createElementVNode("span", { class: "pi pi-chevron-right" }, null, -1);
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = { class: "p-tabview-panels" };
+const _hoisted_11 = {
   key: 0,
   class: "p-tabview-panel",
   role: "tabpanel"
@@ -173,34 +180,34 @@ const _hoisted_8 = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", { class: $options.contentClasses }, [
-    createVNode("div", _hoisted_1, [
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($options.contentClasses)
+  }, [
+    createElementVNode("div", _hoisted_1, [
       ($props.scrollable && !$data.backwardIsDisabled)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 0,
             ref: "prevBtn",
-            class: $options.prevButtonClasses,
-            onClick: _cache[1] || (_cache[1] = (...args) => ($options.navBackward && $options.navBackward(...args))),
+            class: normalizeClass($options.prevButtonClasses),
+            onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args))),
             type: "button"
-          }, [
-            _hoisted_2
-          ], 2)), [
+          }, _hoisted_3, 2)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true),
-      createVNode("div", {
+      createElementVNode("div", {
         ref: "content",
         class: "p-tabview-nav-content",
-        onScroll: _cache[2] || (_cache[2] = (...args) => ($options.onScroll && $options.onScroll(...args)))
+        onScroll: _cache[1] || (_cache[1] = (...args) => ($options.onScroll && $options.onScroll(...args)))
       }, [
-        createVNode("ul", _hoisted_3, [
-          (openBlock(true), createBlock(Fragment, null, renderList($options.tabs, (tab, i) => {
-            return (openBlock(), createBlock("li", {
+        createElementVNode("ul", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (tab, i) => {
+            return (openBlock(), createElementBlock("li", {
               role: "presentation",
               key: $options.getKey(tab,i),
-              class: [{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}]
+              class: normalizeClass([{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}])
             }, [
-              withDirectives(createVNode("a", {
+              withDirectives((openBlock(), createElementBlock("a", {
                 role: "tab",
                 class: "p-tabview-nav-link",
                 onClick: $event => ($options.onTabClick($event, i)),
@@ -209,40 +216,38 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-selected": $data.d_activeIndex === i
               }, [
                 (tab.props && tab.props.header)
-                  ? (openBlock(), createBlock("span", _hoisted_4, toDisplayString(tab.props.header), 1))
+                  ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(tab.props.header), 1))
                   : createCommentVNode("", true),
                 (tab.children && tab.children.header)
                   ? (openBlock(), createBlock(resolveDynamicComponent(tab.children.header), { key: 1 }))
                   : createCommentVNode("", true)
-              ], 40, ["onClick", "onKeydown", "tabindex", "aria-selected"]), [
+              ], 40, _hoisted_5)), [
                 [_directive_ripple]
               ])
             ], 2))
           }), 128)),
-          createVNode("li", _hoisted_5, null, 512)
+          createElementVNode("li", _hoisted_7, null, 512)
         ], 512)
       ], 544),
       ($props.scrollable && !$data.forwardIsDisabled)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 1,
             ref: "nextBtn",
-            class: $options.nextButtonClasses,
-            onClick: _cache[3] || (_cache[3] = (...args) => ($options.navForward && $options.navForward(...args))),
+            class: normalizeClass($options.nextButtonClasses),
+            onClick: _cache[2] || (_cache[2] = (...args) => ($options.navForward && $options.navForward(...args))),
             type: "button"
-          }, [
-            _hoisted_6
-          ], 2)), [
+          }, _hoisted_9, 2)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true)
     ]),
-    createVNode("div", _hoisted_7, [
-      (openBlock(true), createBlock(Fragment, null, renderList($options.tabs, (tab, i) => {
-        return (openBlock(), createBlock(Fragment, {
+    createElementVNode("div", _hoisted_10, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (tab, i) => {
+        return (openBlock(), createElementBlock(Fragment, {
           key: $options.getKey(tab,i)
         }, [
           ($props.lazy ? ($data.d_activeIndex === i) : true)
-            ? withDirectives((openBlock(), createBlock("div", _hoisted_8, [
+            ? withDirectives((openBlock(), createElementBlock("div", _hoisted_11, [
                 (openBlock(), createBlock(resolveDynamicComponent(tab)))
               ], 512)), [
                 [vShow, $props.lazy ? true: ($data.d_activeIndex === i)]
@@ -286,4 +291,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveDirective as n,openBlock as a,createBlock as i,createVNode as s,withDirectives as l,createCommentVNode as o,Fragment as r,renderList as d,toDisplayString as c,resolveDynamicComponent as p,vShow as b}from"vue";var v={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.getWidth(t)+"px",this.$refs.inkbar.style.left=e.getOffset(t).left-e.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.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.getWidth(n):t),0)},navBackward(){const t=this.$refs.content,n=e.getWidth(t)-this.getVisibleButtonWidths(),a=t.scrollLeft-n;t.scrollLeft=a<=0?0:a},navForward(){const t=this.$refs.content,n=e.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:t}};const h={class:"p-tabview-nav-container"},u=s("span",{class:"pi pi-chevron-left"},null,-1),f={ref:"nav",class:"p-tabview-nav",role:"tablist"},w={key:0,class:"p-tabview-title"},x={ref:"inkbar",class:"p-tabview-ink-bar"},k=s("span",{class:"pi pi-chevron-right"},null,-1),y={class:"p-tabview-panels"},m={key:0,class:"p-tabview-panel",role:"tabpanel"};!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"),v.render=function(e,t,v,g,B,I){const C=n("ripple");return a(),i("div",{class:I.contentClasses},[s("div",h,[v.scrollable&&!B.backwardIsDisabled?l((a(),i("button",{key:0,ref:"prevBtn",class:I.prevButtonClasses,onClick:t[1]||(t[1]=(...e)=>I.navBackward&&I.navBackward(...e)),type:"button"},[u],2)),[[C]]):o("",!0),s("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[2]||(t[2]=(...e)=>I.onScroll&&I.onScroll(...e))},[s("ul",f,[(a(!0),i(r,null,d(I.tabs,((e,t)=>(a(),i("li",{role:"presentation",key:I.getKey(e,t),class:[{"p-highlight":B.d_activeIndex===t,"p-disabled":I.isTabDisabled(e)}]},[l(s("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>I.onTabClick(e,t),onKeydown:e=>I.onTabKeydown(e,t),tabindex:I.isTabDisabled(e)?null:"0","aria-selected":B.d_activeIndex===t},[e.props&&e.props.header?(a(),i("span",w,c(e.props.header),1)):o("",!0),e.children&&e.children.header?(a(),i(p(e.children.header),{key:1})):o("",!0)],40,["onClick","onKeydown","tabindex","aria-selected"]),[[C]])],2)))),128)),s("li",x,null,512)],512)],544),v.scrollable&&!B.forwardIsDisabled?l((a(),i("button",{key:1,ref:"nextBtn",class:I.nextButtonClasses,onClick:t[3]||(t[3]=(...e)=>I.navForward&&I.navForward(...e)),type:"button"},[k],2)),[[C]]):o("",!0)]),s("div",y,[(a(!0),i(r,null,d(I.tabs,((e,t)=>(a(),i(r,{key:I.getKey(e,t)},[v.lazy&&B.d_activeIndex!==t?o("",!0):l((a(),i("div",m,[(a(),i(p(e)))],512)),[[b,!!v.lazy||B.d_activeIndex===t]])],64)))),128))])],2)};export default v;
+import{DomHandler as e}from"primevue/utils";import t from"primevue/ripple";import{resolveDirective as n,openBlock as a,createElementBlock as i,normalizeClass as s,createElementVNode as l,withDirectives as o,createCommentVNode as r,Fragment as d,renderList as c,toDisplayString as p,createBlock as b,resolveDynamicComponent as v,vShow as h}from"vue";var u={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.getWidth(t)+"px",this.$refs.inkbar.style.left=e.getOffset(t).left-e.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.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.getWidth(n):t),0)},navBackward(){const t=this.$refs.content,n=e.getWidth(t)-this.getVisibleButtonWidths(),a=t.scrollLeft-n;t.scrollLeft=a<=0?0:a},navForward(){const t=this.$refs.content,n=e.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:t}};const f={class:"p-tabview-nav-container"},w=[l("span",{class:"pi pi-chevron-left"},null,-1)],x={ref:"nav",class:"p-tabview-nav",role:"tablist"},k=["onClick","onKeydown","tabindex","aria-selected"],y={key:0,class:"p-tabview-title"},m={ref:"inkbar",class:"p-tabview-ink-bar"},g=[l("span",{class:"pi pi-chevron-right"},null,-1)],B={class:"p-tabview-panels"},I={key:0,class:"p-tabview-panel",role:"tabpanel"};!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"),u.render=function(e,t,u,C,T,$){const D=n("ripple");return a(),i("div",{class:s($.contentClasses)},[l("div",f,[u.scrollable&&!T.backwardIsDisabled?o((a(),i("button",{key:0,ref:"prevBtn",class:s($.prevButtonClasses),onClick:t[0]||(t[0]=(...e)=>$.navBackward&&$.navBackward(...e)),type:"button"},w,2)),[[D]]):r("",!0),l("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[1]||(t[1]=(...e)=>$.onScroll&&$.onScroll(...e))},[l("ul",x,[(a(!0),i(d,null,c($.tabs,((e,t)=>(a(),i("li",{role:"presentation",key:$.getKey(e,t),class:s([{"p-highlight":T.d_activeIndex===t,"p-disabled":$.isTabDisabled(e)}])},[o((a(),i("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>$.onTabClick(e,t),onKeydown:e=>$.onTabKeydown(e,t),tabindex:$.isTabDisabled(e)?null:"0","aria-selected":T.d_activeIndex===t},[e.props&&e.props.header?(a(),i("span",y,p(e.props.header),1)):r("",!0),e.children&&e.children.header?(a(),b(v(e.children.header),{key:1})):r("",!0)],40,k)),[[D]])],2)))),128)),l("li",m,null,512)],512)],544),u.scrollable&&!T.forwardIsDisabled?o((a(),i("button",{key:1,ref:"nextBtn",class:s($.nextButtonClasses),onClick:t[2]||(t[2]=(...e)=>$.navForward&&$.navForward(...e)),type:"button"},g,2)),[[D]]):r("",!0)]),l("div",B,[(a(!0),i(d,null,c($.tabs,((e,t)=>(a(),i(d,{key:$.getKey(e,t)},[u.lazy&&T.d_activeIndex!==t?r("",!0):o((a(),i("div",I,[(a(),b(v(e)))],512)),[[h,!!u.lazy||T.d_activeIndex===t]])],64)))),128))])],2)};export{u as default};

package/tabview/tabview.js

@@ -147,28 +147,35 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
     const _hoisted_1 = { class: "p-tabview-nav-container" };
-    const _hoisted_2 = /*#__PURE__*/vue.createVNode("span", { class: "pi pi-chevron-left" }, null, -1);
-    const _hoisted_3 = {
+    const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-left" }, null, -1);
+    const _hoisted_3 = [
+      _hoisted_2
+    ];
+    const _hoisted_4 = {
       ref: "nav",
       class: "p-tabview-nav",
       role: "tablist"
     };
-    const _hoisted_4 = {
+    const _hoisted_5 = ["onClick", "onKeydown", "tabindex", "aria-selected"];
+    const _hoisted_6 = {
       key: 0,
       class: "p-tabview-title"
     };
-    const _hoisted_5 = {
+    const _hoisted_7 = {
       ref: "inkbar",
       class: "p-tabview-ink-bar"
     };
-    const _hoisted_6 = /*#__PURE__*/vue.createVNode("span", { class: "pi pi-chevron-right" }, null, -1);
-    const _hoisted_7 = { class: "p-tabview-panels" };
-    const _hoisted_8 = {
+    const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("span", { class: "pi pi-chevron-right" }, null, -1);
+    const _hoisted_9 = [
+      _hoisted_8
+    ];
+    const _hoisted_10 = { class: "p-tabview-panels" };
+    const _hoisted_11 = {
       key: 0,
       class: "p-tabview-panel",
       role: "tabpanel"
@@ -177,34 +184,34 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.contentClasses }, [
-        vue.createVNode("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.contentClasses)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
           ($props.scrollable && !$data.backwardIsDisabled)
-            ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
                 ref: "prevBtn",
-                class: $options.prevButtonClasses,
-                onClick: _cache[1] || (_cache[1] = (...args) => ($options.navBackward && $options.navBackward(...args))),
+                class: vue.normalizeClass($options.prevButtonClasses),
+                onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args))),
                 type: "button"
-              }, [
-                _hoisted_2
-              ], 2)), [
+              }, _hoisted_3, 2)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true),
-          vue.createVNode("div", {
+          vue.createElementVNode("div", {
             ref: "content",
             class: "p-tabview-nav-content",
-            onScroll: _cache[2] || (_cache[2] = (...args) => ($options.onScroll && $options.onScroll(...args)))
+            onScroll: _cache[1] || (_cache[1] = (...args) => ($options.onScroll && $options.onScroll(...args)))
           }, [
-            vue.createVNode("ul", _hoisted_3, [
-              (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-                return (vue.openBlock(), vue.createBlock("li", {
+            vue.createElementVNode("ul", _hoisted_4, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
+                return (vue.openBlock(), vue.createElementBlock("li", {
                   role: "presentation",
                   key: $options.getKey(tab,i),
-                  class: [{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}]
+                  class: vue.normalizeClass([{'p-highlight': ($data.d_activeIndex === i), 'p-disabled': $options.isTabDisabled(tab)}])
                 }, [
-                  vue.withDirectives(vue.createVNode("a", {
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                     role: "tab",
                     class: "p-tabview-nav-link",
                     onClick: $event => ($options.onTabClick($event, i)),
@@ -213,40 +220,38 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
                     "aria-selected": $data.d_activeIndex === i
                   }, [
                     (tab.props && tab.props.header)
-                      ? (vue.openBlock(), vue.createBlock("span", _hoisted_4, vue.toDisplayString(tab.props.header), 1))
+                      ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, 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, ["onClick", "onKeydown", "tabindex", "aria-selected"]), [
+                  ], 40, _hoisted_5)), [
                     [_directive_ripple]
                   ])
                 ], 2))
               }), 128)),
-              vue.createVNode("li", _hoisted_5, null, 512)
+              vue.createElementVNode("li", _hoisted_7, null, 512)
             ], 512)
           ], 544),
           ($props.scrollable && !$data.forwardIsDisabled)
-            ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+            ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                 key: 1,
                 ref: "nextBtn",
-                class: $options.nextButtonClasses,
-                onClick: _cache[3] || (_cache[3] = (...args) => ($options.navForward && $options.navForward(...args))),
+                class: vue.normalizeClass($options.nextButtonClasses),
+                onClick: _cache[2] || (_cache[2] = (...args) => ($options.navForward && $options.navForward(...args))),
                 type: "button"
-              }, [
-                _hoisted_6
-              ], 2)), [
+              }, _hoisted_9, 2)), [
                 [_directive_ripple]
               ])
             : vue.createCommentVNode("", true)
         ]),
-        vue.createVNode("div", _hoisted_7, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-            return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+        vue.createElementVNode("div", _hoisted_10, [
+          (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)
             }, [
               ($props.lazy ? ($data.d_activeIndex === i) : true)
-                ? vue.withDirectives((vue.openBlock(), vue.createBlock("div", _hoisted_8, [
+                ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab)))
                   ], 512)), [
                     [vue.vShow, $props.lazy ? true: ($data.d_activeIndex === i)]
@@ -292,4 +297,4 @@ this.primevue.tabview = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, 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.createVNode("span",{class:"pi pi-chevron-left"},null,-1),s={ref:"nav",class:"p-tabview-nav",role:"tablist"},r={key:0,class:"p-tabview-title"},c={ref:"inkbar",class:"p-tabview-ink-bar"},d=n.createVNode("span",{class:"pi pi-chevron-right"},null,-1),p={class:"p-tabview-panels"},b={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,v,h){const u=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:h.contentClasses},[n.createVNode("div",l,[a.scrollable&&!v.backwardIsDisabled?n.withDirectives((n.openBlock(),n.createBlock("button",{key:0,ref:"prevBtn",class:h.prevButtonClasses,onClick:t[1]||(t[1]=(...e)=>h.navBackward&&h.navBackward(...e)),type:"button"},[o],2)),[[u]]):n.createCommentVNode("",!0),n.createVNode("div",{ref:"content",class:"p-tabview-nav-content",onScroll:t[2]||(t[2]=(...e)=>h.onScroll&&h.onScroll(...e))},[n.createVNode("ul",s,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(h.tabs,((e,t)=>(n.openBlock(),n.createBlock("li",{role:"presentation",key:h.getKey(e,t),class:[{"p-highlight":v.d_activeIndex===t,"p-disabled":h.isTabDisabled(e)}]},[n.withDirectives(n.createVNode("a",{role:"tab",class:"p-tabview-nav-link",onClick:e=>h.onTabClick(e,t),onKeydown:e=>h.onTabKeydown(e,t),tabindex:h.isTabDisabled(e)?null:"0","aria-selected":v.d_activeIndex===t},[e.props&&e.props.header?(n.openBlock(),n.createBlock("span",r,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,["onClick","onKeydown","tabindex","aria-selected"]),[[u]])],2)))),128)),n.createVNode("li",c,null,512)],512)],544),a.scrollable&&!v.forwardIsDisabled?n.withDirectives((n.openBlock(),n.createBlock("button",{key:1,ref:"nextBtn",class:h.nextButtonClasses,onClick:t[3]||(t[3]=(...e)=>h.navForward&&h.navForward(...e)),type:"button"},[d],2)),[[u]]):n.createCommentVNode("",!0)]),n.createVNode("div",p,[(n.openBlock(!0),n.createBlock(n.Fragment,null,n.renderList(h.tabs,((e,t)=>(n.openBlock(),n.createBlock(n.Fragment,{key:h.getKey(e,t)},[a.lazy&&v.d_activeIndex!==t?n.createCommentVNode("",!0):n.withDirectives((n.openBlock(),n.createBlock("div",b,[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e)))],512)),[[n.vShow,!!a.lazy||v.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}},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);

package/tag/tag.cjs.js

@@ -29,15 +29,15 @@ var script = {
 const _hoisted_1 = { class: "p-tag-value" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("span", vue.mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
+  return (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
     ($props.icon)
-      ? (vue.openBlock(), vue.createBlock("span", {
+      ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: $options.iconClass
+          class: vue.normalizeClass($options.iconClass)
         }, null, 2))
       : vue.createCommentVNode("", true),
     vue.renderSlot(_ctx.$slots, "default", {}, () => [
-      vue.createVNode("span", _hoisted_1, vue.toDisplayString($props.value), 1)
+      vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($props.value), 1)
     ])
   ], 16))
 }

package/tag/tag.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),n={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const t={class:"p-tag-value"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&s.firstChild?s.insertBefore(a,s.firstChild):s.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),n.render=function(n,s,a,i,r,o){return e.openBlock(),e.createBlock("span",e.mergeProps({class:o.containerClass},n.$attrs),[a.icon?(e.openBlock(),e.createBlock("span",{key:0,class:o.iconClass},null,2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},(()=>[e.createVNode("span",t,e.toDisplayString(a.value),1)]))],16)},module.exports=n;
+"use strict";var e=require("vue"),n={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const t={class:"p-tag-value"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&s.firstChild?s.insertBefore(a,s.firstChild):s.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),n.render=function(n,s,a,i,r,o){return e.openBlock(),e.createElementBlock("span",e.mergeProps({class:o.containerClass},n.$attrs),[a.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.iconClass)},null,2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},(()=>[e.createElementVNode("span",t,e.toDisplayString(a.value),1)]))],16)},module.exports=n;

package/tag/tag.esm.js

@@ -1,4 +1,4 @@
-import { openBlock, createBlock, mergeProps, createCommentVNode, renderSlot, createVNode, toDisplayString } from 'vue';
+import { openBlock, createElementBlock, mergeProps, normalizeClass, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'Tag',
@@ -27,15 +27,15 @@ var script = {
 const _hoisted_1 = { class: "p-tag-value" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("span", mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
+  return (openBlock(), createElementBlock("span", mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
     ($props.icon)
-      ? (openBlock(), createBlock("span", {
+      ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: $options.iconClass
+          class: normalizeClass($options.iconClass)
         }, null, 2))
       : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "default", {}, () => [
-      createVNode("span", _hoisted_1, toDisplayString($props.value), 1)
+      createElementVNode("span", _hoisted_1, toDisplayString($props.value), 1)
     ])
   ], 16))
 }
@@ -72,4 +72,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/tag/tag.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createBlock as n,mergeProps as t,createCommentVNode as i,renderSlot as a,createVNode as s,toDisplayString as r}from"vue";var o={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const l={class:"p-tag-value"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),o.render=function(o,c,p,d,u,g){return e(),n("span",t({class:g.containerClass},o.$attrs),[p.icon?(e(),n("span",{key:0,class:g.iconClass},null,2)):i("",!0),a(o.$slots,"default",{},(()=>[s("span",l,r(p.value),1)]))],16)};export default o;
+import{openBlock as e,createElementBlock as n,mergeProps as t,normalizeClass as a,createCommentVNode as i,renderSlot as s,createElementVNode as r,toDisplayString as o}from"vue";var l={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const c={class:"p-tag-value"};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),l.render=function(l,p,d,u,g,f){return e(),n("span",t({class:f.containerClass},l.$attrs),[d.icon?(e(),n("span",{key:0,class:a(f.iconClass)},null,2)):i("",!0),s(l.$slots,"default",{},(()=>[r("span",c,o(d.value),1)]))],16)};export{l as default};

package/tag/tag.js

@@ -29,15 +29,15 @@ this.primevue.tag = (function (vue) {
     const _hoisted_1 = { class: "p-tag-value" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createBlock("span", vue.mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
+      return (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: $options.containerClass }, _ctx.$attrs), [
         ($props.icon)
-          ? (vue.openBlock(), vue.createBlock("span", {
+          ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
-              class: $options.iconClass
+              class: vue.normalizeClass($options.iconClass)
             }, null, 2))
           : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createVNode("span", _hoisted_1, vue.toDisplayString($props.value), 1)
+          vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($props.value), 1)
         ])
       ], 16))
     }
@@ -76,4 +76,4 @@ this.primevue.tag = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

package/tag/tag.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tag=function(e){"use strict";var n={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const t={class:"p-tag-value"};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),n.render=function(n,i,s,a,r,o){return e.openBlock(),e.createBlock("span",e.mergeProps({class:o.containerClass},n.$attrs),[s.icon?(e.openBlock(),e.createBlock("span",{key:0,class:o.iconClass},null,2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},(()=>[e.createVNode("span",t,e.toDisplayString(s.value),1)]))],16)},n}(Vue);
+this.primevue=this.primevue||{},this.primevue.tag=function(e){"use strict";var n={name:"Tag",props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};const t={class:"p-tag-value"};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-tag {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n    line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n    border-radius: 10rem;\n}\n"),n.render=function(n,i,s,a,r,o){return e.openBlock(),e.createElementBlock("span",e.mergeProps({class:o.containerClass},n.$attrs),[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.iconClass)},null,2)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},(()=>[e.createElementVNode("span",t,e.toDisplayString(s.value),1)]))],16)},n}(Vue);