primevue 3.34.0 → 3.35.0

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,o,r){"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),p=c(o),u=r.useStyle("\n.p-tabview-nav-container {\n    position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    overscroll-behavior: contain auto;\n}\n\n.p-tabview-nav {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    flex: 1 1 auto;\n}\n\n.p-tabview-header-action {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n\n.p-tabview-header-action:focus {\n    z-index: 1;\n}\n\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-tabview-nav-prev {\n    left: 0;\n}\n\n.p-tabview-nav-next {\n    right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n",{name:"tabview",manual:!0}),b={name:"TabView",extends:{name:"BaseTabView",extends:p.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}},css:{classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,n=e.tab,a=e.index;return["p-tabview-header",t.getTabProp(n,"headerClass"),{"p-highlight":t.d_activeIndex===a,"p-disabled":t.getTabProp(n,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"},loadStyle:u.load},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,o={props:e.props,parent:{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:o}),this.ptm("tabpanel.".concat(t),{tabpanel:o}),this.ptm("tabpanel.".concat(t),o),this.ptmo(this.getTabProp(e,"pt"),t,o))},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"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 v(e){return v="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},v(e)}function h(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 f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=y(e,"string");return"symbol"===v(t)?t:String(t)}function y(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var x=["tabindex","aria-label"],w=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],k=["tabindex","aria-label"],T=["id","aria-labelledby","data-pc-index","data-p-active"];return b.render=function(e,t,n,a,o,r){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabview"}),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!o.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":r.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return r.onPrevButtonClick&&r.onPrevButtonClick.apply(r,arguments)})},f(f({},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,x)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return r.onScroll&&r.onScroll.apply(r,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav"),role:"tablist"},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:r.getKey(t,n),style:r.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},f(f(f({},r.getTabProp(t,"headerProps")),r.getTabPT(t,"root",n)),r.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":o.d_activeIndex===n,"data-p-disabled":r.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":o.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:r.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:r.getTabProp(t,"disabled")||!r.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":r.getTabProp(t,"disabled"),"aria-selected":r.isTabActive(n),"aria-controls":r.getTabContentId(n),onClick:function(e){return r.onTabClick(e,t,n)},onKeydown:function(e){return r.onTabKeyDown(e,t,n)}},f(f({},r.getTabProp(t,"headerActionProps")),r.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},r.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,P)),[[c]])],16,w)})),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&&!o.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":r.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return r.onNextButtonClick&&r.onNextButtonClick.apply(r,arguments)})},f(f({},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,k)),[[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(r.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:r.getKey(t,n)},[!e.lazy||r.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,id:r.getTabContentId(n),style:r.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":r.getTabHeaderActionId(n)},f(f(f({},r.getTabProp(t,"contentProps")),r.getTabPT(t,"root",n)),r.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":o.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,T)),[[i.vShow,!!e.lazy||r.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},b}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.usestyle);
+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),p=c(r),u=o.useStyle("\n@layer primevue {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-header-action {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-header-action:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",{name:"tabview",manual:!0}),b={name:"TabView",extends:{name:"BaseTabView",extends:p.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}},css:{classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,n=e.tab,a=e.index;return["p-tabview-header",t.getTabProp(n,"headerClass"),{"p-highlight":t.d_activeIndex===a,"p-disabled":t.getTabProp(n,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"},loadStyle:u.load},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:{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"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 v(e){return v="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},v(e)}function h(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 f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=y(e,"string");return"symbol"===v(t)?t:String(t)}function y(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var x=["tabindex","aria-label"],w=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],k=["tabindex","aria-label"],T=["id","aria-labelledby","data-pc-index","data-p-active"];return b.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")},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)})},f(f({},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,x)),[[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"),role:"tablist"},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"},f(f(f({},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)}},f(f({},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,P)),[[c]])],16,w)})),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)})},f(f({},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,k)),[[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)},f(f(f({},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,T)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},b}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.usestyle);

package/tag/BaseTag.vue

@@ -3,20 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-tag {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
-    line-height: 1.5;
-}
-
-.p-tag.p-tag-rounded {
-    border-radius: 10rem;
+@layer primevue {
+    .p-tag {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .p-tag-icon,
+    .p-tag-value,
+    .p-tag-icon.pi {
+        line-height: 1.5;
+    }
+    
+    .p-tag.p-tag-rounded {
+        border-radius: 10rem;
+    }
 }
 `;
 

package/tag/tag.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\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";
+var styles = "\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;

package/tag/tag.cjs.min.js

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

package/tag/tag.esm.js

@@ -2,7 +2,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from 'vue';
 
-var styles = "\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";
+var styles = "\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;

package/tag/tag.esm.min.js

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

package/tag/tag.js

@@ -6,7 +6,7 @@ this.primevue.tag = (function (BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\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";
+    var styles = "\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;

package/tag/tag.min.js

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

package/terminal/BaseTerminal.vue

@@ -3,27 +3,29 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-terminal {
-    height: 18rem;
-    overflow: auto;
-}
-
-.p-terminal-prompt-container {
-    display: flex;
-    align-items: center;
-}
-
-.p-terminal-input {
-    flex: 1 1 auto;
-    border: 0 none;
-    background-color: transparent;
-    color: inherit;
-    padding: 0;
-    outline: 0 none;
-}
-
-.p-terminal-input::-ms-clear {
-    display: none;
+@layer primevue {
+    .p-terminal {
+        height: 18rem;
+        overflow: auto;
+    }
+    
+    .p-terminal-prompt-container {
+        display: flex;
+        align-items: center;
+    }
+    
+    .p-terminal-input {
+        flex: 1 1 auto;
+        border: 0 none;
+        background-color: transparent;
+        color: inherit;
+        padding: 0;
+        outline: 0 none;
+    }
+    
+    .p-terminal-input::-ms-clear {
+        display: none;
+    }
 }
 `;
 

package/terminal/terminal.cjs.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var TerminalService__default = /*#__PURE__*/_interopDefaultLegacy(TerminalService);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\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";
+var styles = "\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',

package/terminal/terminal.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/terminalservice"),n=require("primevue/basecomponent"),t=require("primevue/usestyle"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),a=r(n),s=t.useStyle("\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",{name:"terminal",manual:!0}),p={name:"Terminal",extends:{name:"BaseTerminal",extends:a.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{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"},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};p.render=function(e,n,t,r,m,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return a.onClick&&a.onClick.apply(a,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(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.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(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.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":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return a.onKeydown&&a.onKeydown.apply(a,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},module.exports=p;
+"use strict";var e=require("primevue/terminalservice"),n=require("primevue/basecomponent"),t=require("primevue/usestyle"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),a=r(n),s=t.useStyle("\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",{name:"terminal",manual:!0}),p={name:"Terminal",extends:{name:"BaseTerminal",extends:a.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{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"},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};p.render=function(e,n,t,r,m,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return a.onClick&&a.onClick.apply(a,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(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.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(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.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":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return a.onKeydown&&a.onKeydown.apply(a,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},module.exports=p;

package/terminal/terminal.esm.js

@@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps, normalizeProps, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, withDirectives, vModelText } from 'vue';
 
-var styles = "\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";
+var styles = "\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',

package/terminal/terminal.esm.min.js

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

package/terminal/terminal.js

@@ -7,7 +7,7 @@ this.primevue.terminal = (function (TerminalService, BaseComponent, usestyle, vu
     var TerminalService__default = /*#__PURE__*/_interopDefaultLegacy(TerminalService);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\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";
+    var styles = "\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',

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.terminal=function(e,n,t,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),s=r(n),a=t.useStyle("\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",{name:"terminal",manual:!0}),i={name:"Terminal",extends:{name:"BaseTerminal",extends:s.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{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"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return i.render=function(e,n,t,r,m,s){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return s.onClick&&s.onClick.apply(s,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(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.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(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.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":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return s.onKeydown&&s.onKeydown.apply(s,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},i}(primevue.terminalservice,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.terminal=function(e,n,t,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=r(e),s=r(n),a=t.useStyle("\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",{name:"terminal",manual:!0}),i={name:"Terminal",extends:{name:"BaseTerminal",extends:s.default,props:{welcomeMessage:{type:String,default:null},prompt:{type:String,default:null}},css:{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"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},data:function(){return{commandText:null,commands:[]}},mounted:function(){m.default.on("response",this.responseListener),this.$refs.input.focus()},updated:function(){this.$el.scrollTop=this.$el.scrollHeight},beforeUnmount:function(){m.default.off("response",this.responseListener)},methods:{onClick:function(){this.$refs.input.focus()},onKeydown:function(e){"Enter"===e.code&&this.commandText&&(this.commands.push({text:this.commandText}),m.default.emit("command",this.commandText),this.commandText="")},responseListener:function(e){this.commands[this.commands.length-1].response=e}}};return i.render=function(e,n,t,r,m,s){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root"),onClick:n[2]||(n[2]=function(){return s.onClick&&s.onClick.apply(s,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(m.commands,(function(n,t){return o.openBlock(),o.createElementBlock("div",o.mergeProps({key:n.text+t.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(n.text),17),o.createElementVNode("div",o.mergeProps({class:e.cx("response"),"aria-live":"polite"},e.ptm("response")),o.toDisplayString(n.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":n[0]||(n[0]=function(e){return m.commandText=e}),type:"text",class:e.cx("commandText"),autocomplete:"off",onKeydown:n[1]||(n[1]=function(){return s.onKeydown&&s.onKeydown.apply(s,arguments)})},e.ptm("commandText")),null,16),[[o.vModelText,m.commandText]])],16)],16)},i}(primevue.terminalservice,primevue.basecomponent,primevue.usestyle,Vue);

package/textarea/BaseTextarea.vue

@@ -3,13 +3,15 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-inputtextarea-resizable {
-    overflow: hidden;
-    resize: none;
-}
-
-.p-fluid .p-inputtextarea {
-    width: 100%;
+@layer primevue {
+    .p-inputtextarea-resizable {
+        overflow: hidden;
+        resize: none;
+    }
+    
+    .p-fluid .p-inputtextarea {
+        width: 100%;
+    }
 }
 `;
 

package/textarea/Textarea.vue

@@ -21,10 +21,8 @@ export default {
     },
     methods: {
         resize() {
-            const style = window.getComputedStyle(this.$el);
-
             this.$el.style.height = 'auto';
-            this.$el.style.height = `calc(${style.borderTopWidth} + ${style.borderBottomWidth} + ${this.$el.scrollHeight}px)`;
+            this.$el.style.height = this.$el.scrollHeight + 'px';
 
             if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
                 this.$el.style.overflowY = 'scroll';

package/textarea/textarea.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
+var styles = "\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,
@@ -58,9 +58,8 @@ var script = {
   },
   methods: {
     resize: function resize() {
-      var style = window.getComputedStyle(this.$el);
       this.$el.style.height = 'auto';
-      this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+      this.$el.style.height = this.$el.scrollHeight + 'px';
       if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
         this.$el.style.overflowY = 'scroll';
         this.$el.style.height = this.$el.style.maxHeight;

package/textarea/textarea.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:i.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:l.load},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(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(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}}}}},o=["value"];s.render=function(e,t,a,i,l,s){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return s.onInput&&s.onInput.apply(s,arguments)})},e.ptm("root",s.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},module.exports=s;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=t.useStyle("\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",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:i.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:l.load},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}}}}},r=["value"];s.render=function(e,t,a,i,l,s){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return s.onInput&&s.onInput.apply(s,arguments)})},e.ptm("root",s.ptmParams),{"data-pc-name":"textarea"}),null,16,r)},module.exports=s;

package/textarea/textarea.esm.js

@@ -2,7 +2,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps } from 'vue';
 
-var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
+var styles = "\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,
@@ -52,9 +52,8 @@ var script = {
   },
   methods: {
     resize: function resize() {
-      var style = window.getComputedStyle(this.$el);
       this.$el.style.height = 'auto';
-      this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+      this.$el.style.height = this.$el.scrollHeight + 'px';
       if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
         this.$el.style.overflowY = 'scroll';
         this.$el.style.height = this.$el.style.maxHeight;

package/textarea/textarea.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as a,createElementBlock as n,mergeProps as i}from"vue";var o=t("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:o.load},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(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(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}}}}},l=["value"];s.render=function(e,t,o,s,r,u){return a(),n("textarea",i({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root",u.ptmParams),{"data-pc-name":"textarea"}),null,16,l)};export{s as default};
+import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as n,createElementBlock as a,mergeProps as i}from"vue";var s=t("\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",{name:"textarea",manual:!0}),l={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:s.load},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}}}}},o=["value"];l.render=function(e,t,s,l,r,u){return n(),a("textarea",i({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root",u.ptmParams),{"data-pc-name":"textarea"}),null,16,o)};export{l as default};

package/textarea/textarea.js

@@ -6,7 +6,7 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n";
+    var styles = "\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,
@@ -56,9 +56,8 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
       },
       methods: {
         resize: function resize() {
-          var style = window.getComputedStyle(this.$el);
           this.$el.style.height = 'auto';
-          this.$el.style.height = "calc(".concat(style.borderTopWidth, " + ").concat(style.borderBottomWidth, " + ").concat(this.$el.scrollHeight, "px)");
+          this.$el.style.height = this.$el.scrollHeight + 'px';
           if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
             this.$el.style.overflowY = 'scroll';
             this.$el.style.height = this.$el.style.maxHeight;

package/textarea/textarea.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.textarea=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),s=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),l={name:"Textarea",extends:{name:"BaseTextarea",extends:a.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:s.load},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(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(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}}}}},o=["value"];return l.render=function(e,t,i,a,s,l){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return l.onInput&&l.onInput.apply(l,arguments)})},e.ptm("root",l.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},l}(primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.textarea=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),s=t.useStyle("\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",{name:"textarea",manual:!0}),l={name:"Textarea",extends:{name:"BaseTextarea",extends:a.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:s.load},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}}}}},o=["value"];return l.render=function(e,t,i,a,s,l){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return l.onInput&&l.onInput.apply(l,arguments)})},e.ptm("root",l.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},l}(primevue.basecomponent,primevue.usestyle,Vue);

package/tieredmenu/BaseTieredMenu.vue

@@ -3,44 +3,46 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-tieredmenu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.p-tieredmenu .p-submenu-list {
-    position: absolute;
-    min-width: 100%;
-    z-index: 1;
-    display: none;
-}
-
-.p-tieredmenu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-tieredmenu .p-menuitem-text {
-    line-height: 1;
-}
-
-.p-tieredmenu .p-menuitem {
-    position: relative;
-}
-
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
-}
-
-.p-tieredmenu .p-menuitem-active > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
+@layer primevue {
+    .p-tieredmenu ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+    
+    .p-tieredmenu .p-submenu-list {
+        position: absolute;
+        min-width: 100%;
+        z-index: 1;
+        display: none;
+    }
+    
+    .p-tieredmenu .p-menuitem-link {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    .p-tieredmenu .p-menuitem-text {
+        line-height: 1;
+    }
+    
+    .p-tieredmenu .p-menuitem {
+        position: relative;
+    }
+    
+    .p-tieredmenu .p-menuitem-link .p-submenu-icon {
+        margin-left: auto;
+    }
+    
+    .p-tieredmenu .p-menuitem-active > .p-submenu-list {
+        display: block;
+        left: 100%;
+        top: 0;
+    }
 }
 `;
 

package/tieredmenu/tieredmenu.cjs.js

@@ -17,7 +17,7 @@ var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var AngleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleRightIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-var styles = "\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n\n.p-tieredmenu .p-menuitem-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n";
+var styles = "\n@layer primevue {\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n";
 var inlineStyles = {
   submenu: function submenu(_ref) {
     var instance = _ref.instance,