primevue 3.47.2 → 3.48.0

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,r,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(r).default,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:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("tabpanel.".concat(t),{tabpanel:r}),this.ptm("tabpanel.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,i=e.scrollWidth-t;e.scrollLeft=n>=i?i:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(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"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(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:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,i=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-i},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];return u.render=function(e,t,n,a,r,o){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root"),{"data-pc-name":"tabview"}),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!r.isPrevButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"previcon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),i.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":r.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:1})):i.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),i.createElementVNode("li",i.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!r.isNextButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"nexticon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),i.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,P)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},u}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabview.style);
+this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,r,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(r).default,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:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},style:c(o).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("tabpanel.".concat(t),{tabpanel:r}),this.ptm("tabpanel.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,i=e.scrollWidth-t;e.scrollLeft=n>=i?i:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(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"NumpadEnter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(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:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,i=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-i},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];return u.render=function(e,t,n,a,r,o){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),role:"tablist"},e.ptm("root")),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!r.isPrevButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"previcon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),i.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":r.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:1})):i.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),i.createElementVNode("li",i.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!r.isNextButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"nexticon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),i.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,P)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},u}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabview.style);

package/tag/Tag.d.ts

@@ -82,7 +82,7 @@ export interface TagProps {
     /**
      * Severity type of the tag.
      */
-    severity?: 'success' | 'info' | 'warning' | 'danger' | string | undefined;
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'contrast' | string | undefined;
     /**
      * Whether the corners of the tag are rounded.
      * @defaultValue false

package/tag/Tag.vue

@@ -1,5 +1,5 @@
 <template>
-    <span :class="cx('root')" v-bind="ptm('root')" data-pc-name="tag">
+    <span :class="cx('root')" v-bind="ptm('root')">
         <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
         <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
         <slot v-if="value || $slots.default">

package/tag/style/tagstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -15,6 +14,8 @@ var classes = {
       'p-tag-success': props.severity === 'success',
       'p-tag-warning': props.severity === 'warning',
       'p-tag-danger': props.severity === 'danger',
+      'p-tag-secondary': props.severity === 'secondary',
+      'p-tag-contrast': props.severity === 'contrast',
       'p-tag-rounded': props.rounded
     }];
   },
@@ -23,7 +24,6 @@ var classes = {
 };
 var TagStyle = BaseStyle__default["default"].extend({
   name: 'tag',
-  css: css,
   classes: classes
 });
 

package/tag/style/tagstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"tag",css:"\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tag p-component",{"p-tag-info":"info"===n.severity,"p-tag-success":"success"===n.severity,"p-tag-warning":"warning"===n.severity,"p-tag-danger":"danger"===n.severity,"p-tag-rounded":n.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"tag",classes:{root:function(e){var t=e.props;return["p-tag p-component",{"p-tag-info":"info"===t.severity,"p-tag-success":"success"===t.severity,"p-tag-warning":"warning"===t.severity,"p-tag-danger":"danger"===t.severity,"p-tag-secondary":"secondary"===t.severity,"p-tag-contrast":"contrast"===t.severity,"p-tag-rounded":t.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}});module.exports=t;

package/tag/style/tagstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -9,6 +8,8 @@ var classes = {
       'p-tag-success': props.severity === 'success',
       'p-tag-warning': props.severity === 'warning',
       'p-tag-danger': props.severity === 'danger',
+      'p-tag-secondary': props.severity === 'secondary',
+      'p-tag-contrast': props.severity === 'contrast',
       'p-tag-rounded': props.rounded
     }];
   },
@@ -17,7 +18,6 @@ var classes = {
 };
 var TagStyle = BaseStyle.extend({
   name: 'tag',
-  css: css,
   classes: classes
 });
 

package/tag/style/tagstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"tag",css:"\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n",classes:{root:function(n){var e=n.props;return["p-tag p-component",{"p-tag-info":"info"===e.severity,"p-tag-success":"success"===e.severity,"p-tag-warning":"warning"===e.severity,"p-tag-danger":"danger"===e.severity,"p-tag-rounded":e.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}});export{e as default};
+import e from"primevue/base/style";var t=e.extend({name:"tag",classes:{root:function(e){var t=e.props;return["p-tag p-component",{"p-tag-info":"info"===t.severity,"p-tag-success":"success"===t.severity,"p-tag-warning":"warning"===t.severity,"p-tag-danger":"danger"===t.severity,"p-tag-secondary":"secondary"===t.severity,"p-tag-contrast":"contrast"===t.severity,"p-tag-rounded":t.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}});export{t as default};

package/tag/style/tagstyle.js

@@ -7,7 +7,6 @@ this.primevue.tag.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -16,6 +15,8 @@ this.primevue.tag.style = (function (BaseStyle) {
           'p-tag-success': props.severity === 'success',
           'p-tag-warning': props.severity === 'warning',
           'p-tag-danger': props.severity === 'danger',
+          'p-tag-secondary': props.severity === 'secondary',
+          'p-tag-contrast': props.severity === 'contrast',
           'p-tag-rounded': props.rounded
         }];
       },
@@ -24,7 +25,6 @@ this.primevue.tag.style = (function (BaseStyle) {
     };
     var TagStyle = BaseStyle__default["default"].extend({
       name: 'tag',
-      css: css,
       classes: classes
     });
 

package/tag/style/tagstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tag=this.primevue.tag||{},this.primevue.tag.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"tag",css:"\n@layer primevue {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-tag p-component",{"p-tag-info":"info"===n.severity,"p-tag-success":"success"===n.severity,"p-tag-warning":"warning"===n.severity,"p-tag-danger":"danger"===n.severity,"p-tag-rounded":n.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}})}();
+this.primevue=this.primevue||{},this.primevue.tag=this.primevue.tag||{},this.primevue.tag.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"tag",classes:{root:function(e){var t=e.props;return["p-tag p-component",{"p-tag-info":"info"===t.severity,"p-tag-success":"success"===t.severity,"p-tag-warning":"warning"===t.severity,"p-tag-danger":"danger"===t.severity,"p-tag-secondary":"secondary"===t.severity,"p-tag-contrast":"contrast"===t.severity,"p-tag-rounded":t.rounded}]},icon:"p-tag-icon",value:"p-tag-value"}})}();

package/tag/tag.cjs.js

@@ -34,9 +34,7 @@ var script = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tag"
-  }), [_ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), vue.mergeProps({
+  }, _ctx.ptm('root')), [_ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), vue.mergeProps({
     key: 0,
     "class": _ctx.cx('icon')
   }, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({

package/tag/tag.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/tag/style"),n=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:o(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:o(t).default,provide:function(){return{$parentInstance:this}}}};r.render=function(e,t,o,r,l,a){return n.openBlock(),n.createElementBlock("span",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),n.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),e.value||e.$slots.default?n.renderSlot(e.$slots,"default",{key:2},(function(){return[n.createElementVNode("span",n.mergeProps({class:e.cx("value")},e.ptm("value")),n.toDisplayString(e.value),17)]})):n.createCommentVNode("",!0)],16)},module.exports=r;
+"use strict";var e=require("primevue/basecomponent"),n=require("primevue/tag/style"),o=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:t(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:t(n).default,provide:function(){return{$parentInstance:this}}}};r.render=function(e,n,t,r,l,s){return o.openBlock(),o.createElementBlock("span",o.mergeProps({class:e.cx("root")},e.ptm("root")),[e.$slots.icon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.icon),o.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0),e.value||e.$slots.default?o.renderSlot(e.$slots,"default",{key:2},(function(){return[o.createElementVNode("span",o.mergeProps({class:e.cx("value")},e.ptm("value")),o.toDisplayString(e.value),17)]})):o.createCommentVNode("",!0)],16)},module.exports=r;

package/tag/tag.esm.js

@@ -27,9 +27,7 @@ var script = {
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tag"
-  }), [_ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), mergeProps({
+  }, _ctx.ptm('root')), [_ctx.$slots.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), mergeProps({
     key: 0,
     "class": _ctx.cx('icon')
   }, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({

package/tag/tag.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import n from"primevue/tag/style";import{openBlock as t,createElementBlock as o,mergeProps as a,createBlock as s,resolveDynamicComponent as l,createCommentVNode as r,renderSlot as c,createElementVNode as u,toDisplayString as i}from"vue";var p={name:"Tag",extends:{name:"BaseTag",extends:e,props:{value:null,severity:null,rounded:Boolean,icon:String},style:n,provide:function(){return{$parentInstance:this}}}};p.render=function(e,n,p,m,v,d){return t(),o("span",a({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(t(),s(l(e.$slots.icon),a({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t(),o("span",a({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):r("",!0),e.value||e.$slots.default?c(e.$slots,"default",{key:2},(function(){return[u("span",a({class:e.cx("value")},e.ptm("value")),i(e.value),17)]})):r("",!0)],16)};export{p as default};
+import e from"primevue/basecomponent";import n from"primevue/tag/style";import{openBlock as o,createElementBlock as t,mergeProps as s,createBlock as a,resolveDynamicComponent as l,createCommentVNode as r,renderSlot as c,createElementVNode as u,toDisplayString as i}from"vue";var p={name:"Tag",extends:{name:"BaseTag",extends:e,props:{value:null,severity:null,rounded:Boolean,icon:String},style:n,provide:function(){return{$parentInstance:this}}}};p.render=function(e,n,p,m,v,d){return o(),t("span",s({class:e.cx("root")},e.ptm("root")),[e.$slots.icon?(o(),a(l(e.$slots.icon),s({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(o(),t("span",s({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):r("",!0),e.value||e.$slots.default?c(e.$slots,"default",{key:2},(function(){return[u("span",s({class:e.cx("value")},e.ptm("value")),i(e.value),17)]})):r("",!0)],16)};export{p as default};

package/tag/tag.js

@@ -32,9 +32,7 @@ this.primevue.tag = (function (BaseComponent, TagStyle, vue) {
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "tag"
-      }), [_ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), vue.mergeProps({
+      }, _ctx.ptm('root')), [_ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), vue.mergeProps({
         key: 0,
         "class": _ctx.cx('icon')
       }, _ctx.ptm('icon')), null, 16, ["class"])) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({

package/tag/tag.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tag=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:o(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:o(t).default,provide:function(){return{$parentInstance:this}}}};return r.render=function(e,t,o,r,a,l){return n.openBlock(),n.createElementBlock("span",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tag"}),[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),n.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),e.value||e.$slots.default?n.renderSlot(e.$slots,"default",{key:2},(function(){return[n.createElementVNode("span",n.mergeProps({class:e.cx("value")},e.ptm("value")),n.toDisplayString(e.value),17)]})):n.createCommentVNode("",!0)],16)},r}(primevue.basecomponent,primevue.tag.style,Vue);
+this.primevue=this.primevue||{},this.primevue.tag=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Tag",extends:{name:"BaseTag",extends:o(e).default,props:{value:null,severity:null,rounded:Boolean,icon:String},style:o(t).default,provide:function(){return{$parentInstance:this}}}};return r.render=function(e,t,o,r,l,s){return n.openBlock(),n.createElementBlock("span",n.mergeProps({class:e.cx("root")},e.ptm("root")),[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),n.mergeProps({key:0,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0),e.value||e.$slots.default?n.renderSlot(e.$slots,"default",{key:2},(function(){return[n.createElementVNode("span",n.mergeProps({class:e.cx("value")},e.ptm("value")),n.toDisplayString(e.value),17)]})):n.createCommentVNode("",!0)],16)},r}(primevue.basecomponent,primevue.tag.style,Vue);

package/terminal/Terminal.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" @click="onClick" v-bind="ptm('root')" data-pc-name="terminal">
+    <div :class="cx('root')" @click="onClick" v-bind="ptm('root')">
         <div v-if="welcomeMessage" v-bind="ptm('welcomeMessage')">{{ welcomeMessage }}</div>
         <div :class="cx('content')" v-bind="ptm('content')">
             <div v-for="(command, i) of commands" :key="command.text + i.toString()" v-bind="ptm('commands')">

package/terminal/style/terminalstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-terminal p-component',
   content: 'p-terminal-content',
@@ -18,7 +17,6 @@ var classes = {
 };
 var TerminalStyle = BaseStyle__default["default"].extend({
   name: 'terminal',
-  css: css,
   classes: classes
 });
 

package/terminal/style/terminalstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"terminal",css:"\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"terminal",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}});module.exports=t;

package/terminal/style/terminalstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-terminal p-component',
   content: 'p-terminal-content',
@@ -12,7 +11,6 @@ var classes = {
 };
 var TerminalStyle = BaseStyle.extend({
   name: 'terminal',
-  css: css,
   classes: classes
 });
 

package/terminal/style/terminalstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var e=n.extend({name:"terminal",css:"\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}});export{e as default};
+import e from"primevue/base/style";var n=e.extend({name:"terminal",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}});export{n as default};

package/terminal/style/terminalstyle.js

@@ -7,7 +7,6 @@ this.primevue.terminal.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n";
     var classes = {
       root: 'p-terminal p-component',
       content: 'p-terminal-content',
@@ -19,7 +18,6 @@ this.primevue.terminal.style = (function (BaseStyle) {
     };
     var TerminalStyle = BaseStyle__default["default"].extend({
       name: 'terminal',
-      css: css,
       classes: classes
     });
 

package/terminal/style/terminalstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.terminal=this.primevue.terminal||{},this.primevue.terminal.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"terminal",css:"\n@layer primevue {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n\n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n\n    .p-terminal-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}})}();
+this.primevue=this.primevue||{},this.primevue.terminal=this.primevue.terminal||{},this.primevue.terminal.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"terminal",classes:{root:"p-terminal p-component",content:"p-terminal-content",prompt:"p-terminal-prompt",command:"p-terminal-command",response:"p-terminal-response",container:"p-terminal-prompt-container",commandText:"p-terminal-input"}})}();

package/terminal/terminal.cjs.js

@@ -76,9 +76,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[2] || (_cache[2] = function () {
       return $options.onClick && $options.onClick.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "terminal"
-  }), [_ctx.welcomeMessage ? (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({
+  }, _ctx.ptm('root')), [_ctx.welcomeMessage ? (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({
     key: 0
   }, _ctx.ptm('welcomeMessage'))), vue.toDisplayString(_ctx.welcomeMessage), 17)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
     "class": _ctx.cx('content')

package/terminal/terminal.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/terminalservice"),t=require("primevue/basecomponent"),n=require("primevue/terminal/style"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||!this.commandText||(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},module.exports=m;
+"use strict";var e=require("primevue/terminalservice"),t=require("primevue/basecomponent"),n=require("primevue/terminal/style"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||!this.commandText||(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root")),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},module.exports=m;

package/terminal/terminal.esm.js

@@ -68,9 +68,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[2] || (_cache[2] = function () {
       return $options.onClick && $options.onClick.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "terminal"
-  }), [_ctx.welcomeMessage ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({
+  }, _ctx.ptm('root')), [_ctx.welcomeMessage ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({
     key: 0
   }, _ctx.ptm('welcomeMessage'))), toDisplayString(_ctx.welcomeMessage), 17)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
     "class": _ctx.cx('content')

package/terminal/terminal.esm.min.js

@@ -1 +1 @@
-import e from"primevue/terminalservice";import t from"primevue/basecomponent";import n from"primevue/terminal/style";import{openBlock as o,createElementBlock as s,mergeProps as m,normalizeProps as r,toDisplayString as c,createCommentVNode as i,createElementVNode as p,Fragment as a,renderList as l,withDirectives as d,vModelText as u}from"vue";var f={name:"Terminal",extends:{name:"BaseTerminal",extends:t,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:n,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){e.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){e.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(t){"Enter"!==t.code&&"NumpadEnter"!==t.code||!this.commandText||(this.commands.push({text:this.commandText}),e.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};f.render=function(e,t,n,f,x,h){return o(),s("div",m({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return h.onClick&&h.onClick.apply(h,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o(),s("div",r(m({key:0},e.ptm("welcomeMessage"))),c(e.welcomeMessage),17)):i("",!0),p("div",m({class:e.cx("content")},e.ptm("content")),[(o(!0),s(a,null,l(x.commands,(function(t,n){return o(),s("div",m({key:t.text+n.toString()},e.ptm("commands")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),p("span",m({class:e.cx("command")},e.ptm("command")),c(t.text),17),p("div",m({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),c(t.response),17)],16)})),128))],16),p("div",m({class:e.cx("container")},e.ptm("container")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),d(p("input",m({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return x.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return h.onKeydown&&h.onKeydown.apply(h,arguments)})},e.ptm("commandText")),null,16),[[u,x.commandText]])],16)],16)};export{f as default};
+import e from"primevue/terminalservice";import t from"primevue/basecomponent";import n from"primevue/terminal/style";import{openBlock as o,createElementBlock as s,mergeProps as m,normalizeProps as r,toDisplayString as c,createCommentVNode as i,createElementVNode as p,Fragment as a,renderList as l,withDirectives as d,vModelText as u}from"vue";var f={name:"Terminal",extends:{name:"BaseTerminal",extends:t,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:n,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){e.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){e.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(t){"Enter"!==t.code&&"NumpadEnter"!==t.code||!this.commandText||(this.commands.push({text:this.commandText}),e.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};f.render=function(e,t,n,f,x,h){return o(),s("div",m({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return h.onClick&&h.onClick.apply(h,arguments)})},e.ptm("root")),[e.welcomeMessage?(o(),s("div",r(m({key:0},e.ptm("welcomeMessage"))),c(e.welcomeMessage),17)):i("",!0),p("div",m({class:e.cx("content")},e.ptm("content")),[(o(!0),s(a,null,l(x.commands,(function(t,n){return o(),s("div",m({key:t.text+n.toString()},e.ptm("commands")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),p("span",m({class:e.cx("command")},e.ptm("command")),c(t.text),17),p("div",m({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),c(t.response),17)],16)})),128))],16),p("div",m({class:e.cx("container")},e.ptm("container")),[p("span",m({class:e.cx("prompt")},e.ptm("prompt")),c(e.prompt),17),d(p("input",m({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return x.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return h.onKeydown&&h.onKeydown.apply(h,arguments)})},e.ptm("commandText")),null,16),[[u,x.commandText]])],16)],16)};export{f as default};

package/terminal/terminal.js

@@ -73,9 +73,7 @@ this.primevue.terminal = (function (TerminalService, BaseComponent, TerminalStyl
         onClick: _cache[2] || (_cache[2] = function () {
           return $options.onClick && $options.onClick.apply($options, arguments);
         })
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "terminal"
-      }), [_ctx.welcomeMessage ? (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({
+      }, _ctx.ptm('root')), [_ctx.welcomeMessage ? (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({
         key: 0
       }, _ctx.ptm('welcomeMessage'))), vue.toDisplayString(_ctx.welcomeMessage), 17)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('content')

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.terminal=function(e,t,n,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||!this.commandText||(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root"),{"data-pc-name":"terminal"}),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},m}(primevue.terminalservice,primevue.basecomponent,primevue.terminal.style,Vue);
+this.primevue=this.primevue||{},this.primevue.terminal=function(e,t,n,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(e),m={name:"Terminal",extends:{name:"BaseTerminal",extends:r(t).default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},style:r(n).default,provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){s.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){s.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||!this.commandText||(this.commands.push({text:this.commandText}),s.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return m.render=function(e,t,n,r,s,m){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(){return m.onClick&&m.onClick.apply(m,arguments)})},e.ptm("root")),[e.welcomeMessage?(o.openBlock(),o.createElementBlock("div",o.normalizeProps(o.mergeProps({key:0},e.ptm("welcomeMessage"))),o.toDisplayString(e.welcomeMessage),17)):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({class:e.cx("content")},e.ptm("content")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.commands,(function(t,n){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:t.text+n.toString()},e.ptm("commands")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.createElementVNode("span",o.mergeProps({class:e.cx("command")},e.ptm("command")),o.toDisplayString(t.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(t.response),17)],16)})),128))],16),o.createElementVNode("div",o.mergeProps({class:e.cx("container")},e.ptm("container")),[o.createElementVNode("span",o.mergeProps({class:e.cx("prompt")},e.ptm("prompt")),o.toDisplayString(e.prompt),17),o.withDirectives(o.createElementVNode("input",o.mergeProps({ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(e){return s.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:t[1]||(t[1]=function(){return m.onKeydown&&m.onKeydown.apply(m,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,s.commandText]])],16)],16)},m}(primevue.terminalservice,primevue.basecomponent,primevue.terminal.style,Vue);

package/textarea/BaseTextarea.vue

@@ -7,7 +7,15 @@ export default {
     extends: BaseComponent,
     props: {
         modelValue: null,
-        autoResize: Boolean
+        autoResize: Boolean,
+        invalid: {
+            type: Boolean,
+            default: false
+        },
+        variant: {
+            type: String,
+            default: null
+        }
     },
     style: TextareaStyle,
     provide() {

package/textarea/Textarea.d.ts

@@ -97,6 +97,16 @@ export interface TextareaProps extends TextareaHTMLAttributes {
      * @defaultValue false
      */
     autoResize?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {TextareaPassThroughOptions}

package/textarea/Textarea.vue

@@ -1,5 +1,5 @@
 <template>
-    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptm('root', ptmParams)" data-pc-name="textarea"></textarea>
+    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptm('root', ptmParams)"></textarea>
 </template>
 
 <script>

package/textarea/style/textareastyle.cjs.js

@@ -6,20 +6,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-inputtextarea p-inputtext p-component', {
       'p-filled': instance.filled,
-      'p-inputtextarea-resizable ': props.autoResize
+      'p-inputtextarea-resizable ': props.autoResize,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   }
 };
 var TextareaStyle = BaseStyle__default["default"].extend({
   name: 'textarea',
-  css: css,
   classes: classes
 });
 

package/textarea/style/textareastyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}});module.exports=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"textarea",classes:{root:function(e){var t=e.instance,i=e.props;return["p-inputtextarea p-inputtext p-component",{"p-filled":t.filled,"p-inputtextarea-resizable ":i.autoResize,"p-invalid":i.invalid,"p-variant-filled":i.variant?"filled"===i.variant:"filled"===t.$primevue.config.inputStyle}]}}});module.exports=t;

package/textarea/style/textareastyle.esm.js

@@ -1,19 +1,19 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-inputtextarea p-inputtext p-component', {
       'p-filled': instance.filled,
-      'p-inputtextarea-resizable ': props.autoResize
+      'p-inputtextarea-resizable ': props.autoResize,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   }
 };
 var TextareaStyle = BaseStyle.extend({
   name: 'textarea',
-  css: css,
   classes: classes
 });
 

package/textarea/style/textareastyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var t=e.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}});export{t as default};
+import e from"primevue/base/style";var t=e.extend({name:"textarea",classes:{root:function(e){var t=e.instance,a=e.props;return["p-inputtextarea p-inputtext p-component",{"p-filled":t.filled,"p-inputtextarea-resizable ":a.autoResize,"p-invalid":a.invalid,"p-variant-filled":a.variant?"filled"===a.variant:"filled"===t.$primevue.config.inputStyle}]}}});export{t as default};

package/textarea/style/textareastyle.js

@@ -7,20 +7,20 @@ this.primevue.textarea.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-inputtextarea p-inputtext p-component', {
           'p-filled': instance.filled,
-          'p-inputtextarea-resizable ': props.autoResize
+          'p-inputtextarea-resizable ': props.autoResize,
+          'p-invalid': props.invalid,
+          'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
         }];
       }
     };
     var TextareaStyle = BaseStyle__default["default"].extend({
       name: 'textarea',
-      css: css,
       classes: classes
     });
 

package/textarea/style/textareastyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.textarea=this.primevue.textarea||{},this.primevue.textarea.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"textarea",css:"\n@layer primevue {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n\n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n",classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}}})}();
+this.primevue=this.primevue||{},this.primevue.textarea=this.primevue.textarea||{},this.primevue.textarea.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"textarea",classes:{root:function(e){var t=e.instance,i=e.props;return["p-inputtextarea p-inputtext p-component",{"p-filled":t.filled,"p-inputtextarea-resizable ":i.autoResize,"p-invalid":i.invalid,"p-variant-filled":i.variant?"filled"===i.variant:"filled"===t.$primevue.config.inputStyle}]}}})}();

package/textarea/textarea.cjs.js

@@ -14,7 +14,15 @@ var script$1 = {
   "extends": BaseComponent__default["default"],
   props: {
     modelValue: null,
-    autoResize: Boolean
+    autoResize: Boolean,
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
+    variant: {
+      type: String,
+      "default": null
+    }
   },
   style: TextareaStyle__default["default"],
   provide: function provide() {
@@ -78,9 +86,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, _ctx.ptm('root', $options.ptmParams), {
-    "data-pc-name": "textarea"
-  }), null, 16, _hoisted_1);
+  }, _ctx.ptm('root', $options.ptmParams)), null, 16, _hoisted_1);
 }
 
 script.render = render;

package/textarea/textarea.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/textarea/style"),s=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Textarea",extends:{name:"BaseTextarea",extends:l(e).default,props:{modelValue:null,autoResize:Boolean},style:l(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){this.$el.style.height="auto",this.$el.style.height=this.$el.scrollHeight+"px",parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},i=["value"];a.render=function(e,t,l,a,n,o){return s.openBlock(),s.createElementBlock("textarea",s.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return o.onInput&&o.onInput.apply(o,arguments)})},e.ptm("root",o.ptmParams),{"data-pc-name":"textarea"}),null,16,i)},module.exports=a;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/textarea/style"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Textarea",extends:{name:"BaseTextarea",extends:i(e).default,props:{modelValue:null,autoResize:Boolean,invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){this.$el.style.height="auto",this.$el.style.height=this.$el.scrollHeight+"px",parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},a=["value"];s.render=function(e,t,i,s,n,o){return l.openBlock(),l.createElementBlock("textarea",l.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return o.onInput&&o.onInput.apply(o,arguments)})},e.ptm("root",o.ptmParams)),null,16,a)},module.exports=s;