primevue 4.1.1 → 4.2.1

package/menubar/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ".concat(dt('menubar.background'), ";\n    border: 1px solid ").concat(dt('menubar.border.color'), ";\n    border-radius: ").concat(dt('menubar.border.radius'), ";\n    color: ").concat(dt('menubar.color'), ";\n    padding: ").concat(dt('menubar.padding'), ";\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ").concat(dt('menubar.base.item.border.radius'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.base.item.padding'), ";\n}\n\n.p-menubar-item-content {\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ";\n    border-radius: ").concat(dt('menubar.item.border.radius'), ";\n    color: ").concat(dt('menubar.item.color'), ";\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ").concat(dt('menubar.item.padding'), ";\n    gap: ").concat(dt('menubar.item.gap'), ";\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.color'), ";\n}\n\n.p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.color'), ";\n    margin-left: auto;\n    font-size: ").concat(dt('menubar.submenu.icon.size'), ";\n    width: ").concat(dt('menubar.submenu.icon.size'), ";\n    height: ").concat(dt('menubar.submenu.icon.size'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.active.color'), ";\n    background: ").concat(dt('menubar.item.active.background'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.active.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.active.color'), ";\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    color: ").concat(dt('menubar.submenu.color'), ";\n    flex-direction: column;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-top: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n .p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ").concat(dt('menubar.mobile.button.size'), ";\n    height: ").concat(dt('menubar.mobile.button.size'), ";\n    position: relative;\n    color: ").concat(dt('menubar.mobile.button.color'), ";\n    border: 0 none;\n    background: transparent;\n    border-radius: ").concat(dt('menubar.mobile.button.border.radius'), ";\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ", outline-color ").concat(dt('menubar.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ").concat(dt('menubar.mobile.button.hover.color'), ";\n    background: ").concat(dt('menubar.mobile.button.hover.background'), ";\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ").concat(dt('menubar.mobile.button.focus.ring.shadow'), ";\n    outline: ").concat(dt('menubar.mobile.button.focus.ring.width'), " ").concat(dt('menubar.mobile.button.focus.ring.style'), " ").concat(dt('menubar.mobile.button.focus.ring.color'), ";\n    outline-offset: ").concat(dt('menubar.mobile.button.focus.ring.offset'), ";\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.item.padding'), ";\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-top: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile  .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ").concat(dt('menubar.submenu.mobile.indent'), ";\n    padding-right: 0;\n}\n");
+  return "\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ".concat(dt('menubar.background'), ";\n    border: 1px solid ").concat(dt('menubar.border.color'), ";\n    border-radius: ").concat(dt('menubar.border.radius'), ";\n    color: ").concat(dt('menubar.color'), ";\n    padding: ").concat(dt('menubar.padding'), ";\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ").concat(dt('menubar.base.item.border.radius'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.base.item.padding'), ";\n}\n\n.p-menubar-item-content {\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ";\n    border-radius: ").concat(dt('menubar.item.border.radius'), ";\n    color: ").concat(dt('menubar.item.color'), ";\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ").concat(dt('menubar.item.padding'), ";\n    gap: ").concat(dt('menubar.item.gap'), ";\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.color'), ";\n}\n\n.p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.color'), ";\n    margin-left: auto;\n    font-size: ").concat(dt('menubar.submenu.icon.size'), ";\n    width: ").concat(dt('menubar.submenu.icon.size'), ";\n    height: ").concat(dt('menubar.submenu.icon.size'), ";\n}\n\n.p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n    transform: rotate(180deg);\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.active.color'), ";\n    background: ").concat(dt('menubar.item.active.background'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.active.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.active.color'), ";\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    color: ").concat(dt('menubar.submenu.color'), ";\n    flex-direction: column;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-block-start: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu:dir(rtl) {\n    left: auto;\n    right: 100%;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-end:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ").concat(dt('menubar.mobile.button.size'), ";\n    height: ").concat(dt('menubar.mobile.button.size'), ";\n    position: relative;\n    color: ").concat(dt('menubar.mobile.button.color'), ";\n    border: 0 none;\n    background: transparent;\n    border-radius: ").concat(dt('menubar.mobile.button.border.radius'), ";\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ", outline-color ").concat(dt('menubar.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ").concat(dt('menubar.mobile.button.hover.color'), ";\n    background: ").concat(dt('menubar.mobile.button.hover.background'), ";\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ").concat(dt('menubar.mobile.button.focus.ring.shadow'), ";\n    outline: ").concat(dt('menubar.mobile.button.focus.ring.width'), " ").concat(dt('menubar.mobile.button.focus.ring.style'), " ").concat(dt('menubar.mobile.button.focus.ring.color'), ";\n    outline-offset: ").concat(dt('menubar.mobile.button.focus.ring.offset'), ";\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list:dir(rtl) {\n    left: auto;\n    right: 0;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.item.padding'), ";\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-block-start: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon:dir(rtl),\n.p-menubar-mobile .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ").concat(dt('menubar.submenu.mobile.indent'), ";\n    padding-inline-end: 0;\n}\n");
 };
 var inlineStyles = {
   submenu: function submenu(_ref2) {

package/menubar/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/menubar/style/MenubarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ${dt('menubar.background')};\n    border: 1px solid ${dt('menubar.border.color')};\n    border-radius: ${dt('menubar.border.radius')};\n    color: ${dt('menubar.color')};\n    padding: ${dt('menubar.padding')};\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ${dt('menubar.base.item.border.radius')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.base.item.padding')};\n}\n\n.p-menubar-item-content {\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')};\n    border-radius: ${dt('menubar.item.border.radius')};\n    color: ${dt('menubar.item.color')};\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ${dt('menubar.item.padding')};\n    gap: ${dt('menubar.item.gap')};\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.color')};\n}\n\n.p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.color')};\n    margin-left: auto;\n    font-size: ${dt('menubar.submenu.icon.size')};\n    width: ${dt('menubar.submenu.icon.size')};\n    height: ${dt('menubar.submenu.icon.size')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ${dt('menubar.item.active.color')};\n    background: ${dt('menubar.item.active.background')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.active.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.active.color')};\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    color: ${dt('menubar.submenu.color')};\n    flex-direction: column;\n    padding: ${dt('menubar.submenu.padding')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-top: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n .p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ${dt('menubar.mobile.button.size')};\n    height: ${dt('menubar.mobile.button.size')};\n    position: relative;\n    color: ${dt('menubar.mobile.button.color')};\n    border: 0 none;\n    background: transparent;\n    border-radius: ${dt('menubar.mobile.button.border.radius')};\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')}, outline-color ${dt('menubar.transition.duration')};\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ${dt('menubar.mobile.button.hover.color')};\n    background: ${dt('menubar.mobile.button.hover.background')};\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ${dt('menubar.mobile.button.focus.ring.shadow')};\n    outline: ${dt('menubar.mobile.button.focus.ring.width')} ${dt('menubar.mobile.button.focus.ring.style')} ${dt('menubar.mobile.button.focus.ring.color')};\n    outline-offset: ${dt('menubar.mobile.button.focus.ring.offset')};\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ${dt('menubar.submenu.padding')};\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.item.padding')};\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-top: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile  .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ${dt('menubar.submenu.mobile.indent')};\n    padding-right: 0;\n}\n`;\n\nconst inlineStyles = {\n    submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-menubar p-component',\n        {\n            'p-menubar-mobile': instance.queryMatches,\n            'p-menubar-mobile-active': instance.mobileActive\n        }\n    ],\n    start: 'p-menubar-start',\n    button: 'p-menubar-button',\n    rootList: 'p-menubar-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-menubar-item',\n        {\n            'p-menubar-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-menubar-item-content',\n    itemLink: 'p-menubar-item-link',\n    itemIcon: 'p-menubar-item-icon',\n    itemLabel: 'p-menubar-item-label',\n    submenuIcon: 'p-menubar-submenu-icon',\n    submenu: 'p-menubar-submenu',\n    separator: 'p-menubar-separator',\n    end: 'p-menubar-end'\n};\n\nexport default BaseStyle.extend({\n    name: 'menubar',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","submenu","_ref2","instance","processedItem","display","isItemActive","classes","root","_ref3","queryMatches","mobileActive","start","button","rootList","item","_ref4","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/menubar/style/MenubarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ${dt('menubar.background')};\n    border: 1px solid ${dt('menubar.border.color')};\n    border-radius: ${dt('menubar.border.radius')};\n    color: ${dt('menubar.color')};\n    padding: ${dt('menubar.padding')};\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ${dt('menubar.base.item.border.radius')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.base.item.padding')};\n}\n\n.p-menubar-item-content {\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')};\n    border-radius: ${dt('menubar.item.border.radius')};\n    color: ${dt('menubar.item.color')};\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ${dt('menubar.item.padding')};\n    gap: ${dt('menubar.item.gap')};\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.color')};\n}\n\n.p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.color')};\n    margin-left: auto;\n    font-size: ${dt('menubar.submenu.icon.size')};\n    width: ${dt('menubar.submenu.icon.size')};\n    height: ${dt('menubar.submenu.icon.size')};\n}\n\n.p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n    transform: rotate(180deg);\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ${dt('menubar.item.active.color')};\n    background: ${dt('menubar.item.active.background')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.active.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.active.color')};\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    color: ${dt('menubar.submenu.color')};\n    flex-direction: column;\n    padding: ${dt('menubar.submenu.padding')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-block-start: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu:dir(rtl) {\n    left: auto;\n    right: 100%;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-end:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ${dt('menubar.mobile.button.size')};\n    height: ${dt('menubar.mobile.button.size')};\n    position: relative;\n    color: ${dt('menubar.mobile.button.color')};\n    border: 0 none;\n    background: transparent;\n    border-radius: ${dt('menubar.mobile.button.border.radius')};\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')}, outline-color ${dt('menubar.transition.duration')};\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ${dt('menubar.mobile.button.hover.color')};\n    background: ${dt('menubar.mobile.button.hover.background')};\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ${dt('menubar.mobile.button.focus.ring.shadow')};\n    outline: ${dt('menubar.mobile.button.focus.ring.width')} ${dt('menubar.mobile.button.focus.ring.style')} ${dt('menubar.mobile.button.focus.ring.color')};\n    outline-offset: ${dt('menubar.mobile.button.focus.ring.offset')};\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ${dt('menubar.submenu.padding')};\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-mobile .p-menubar-root-list:dir(rtl) {\n    left: auto;\n    right: 0;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.item.padding')};\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-block-start: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon:dir(rtl),\n.p-menubar-mobile .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ${dt('menubar.submenu.mobile.indent')};\n    padding-inline-end: 0;\n}\n`;\n\nconst inlineStyles = {\n    submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-menubar p-component',\n        {\n            'p-menubar-mobile': instance.queryMatches,\n            'p-menubar-mobile-active': instance.mobileActive\n        }\n    ],\n    start: 'p-menubar-start',\n    button: 'p-menubar-button',\n    rootList: 'p-menubar-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-menubar-item',\n        {\n            'p-menubar-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-menubar-item-content',\n    itemLink: 'p-menubar-item-link',\n    itemIcon: 'p-menubar-item-icon',\n    itemLabel: 'p-menubar-item-label',\n    submenuIcon: 'p-menubar-submenu-icon',\n    submenu: 'p-menubar-submenu',\n    separator: 'p-menubar-separator',\n    end: 'p-menubar-end'\n};\n\nexport default BaseStyle.extend({\n    name: 'menubar',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","submenu","_ref2","instance","processedItem","display","isItemActive","classes","root","_ref3","queryMatches","mobileActive","start","button","rootList","item","_ref4","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name"],"mappings":"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"}

package/message/BaseMessage.vue

@@ -29,6 +29,14 @@ export default {
         closeButtonProps: {
             type: null,
             default: null
+        },
+        size: {
+            type: String,
+            default: null
+        },
+        variant: {
+            type: String,
+            default: null
         }
     },
     style: MessageStyle,

package/message/index.d.ts

@@ -156,6 +156,15 @@ export interface MessageProps {
      * @defaultValue false
      */
     unstyled?: boolean;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large' | undefined;
+    /**
+     * Specifies the variant of the component.
+     * @defaultValue undefined
+     */
+    variant?: 'outlined' | 'simple' | undefined;
 }
 
 /**

package/message/index.mjs

@@ -31,6 +31,14 @@ var script$1 = {
     closeButtonProps: {
       type: null,
       "default": null
+    },
+    size: {
+      type: String,
+      "default": null
+    },
+    variant: {
+      type: String,
+      "default": null
     }
   },
   style: MessageStyle,

package/message/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=2b547520&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MessageStyle from 'primevue/message/style';\n\nexport default {\n    name: 'BaseMessage',\n    extends: BaseComponent,\n    props: {\n        severity: {\n            type: String,\n            default: 'info'\n        },\n        closable: {\n            type: Boolean,\n            default: false\n        },\n        life: {\n            type: Number,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: null,\n            default: null\n        }\n    },\n    style: MessageStyle,\n    provide() {\n        return {\n            $pcMessage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","severity","type","String","closable","Boolean","life","Number","icon","undefined","closeIcon","closeButtonProps","style","MessageStyle","provide","$pcMessage","$parentInstance","BaseMessage","inheritAttrs","emits","timeout","data","visible","mounted","_this","setTimeout","$emit","methods","close","event","computed","closeAriaLabel","$primevue","config","locale","aria","directives","ripple","Ripple","components","TimesIcon","_openBlock","_createBlock","_Transition","_mergeProps","appear","_ctx","ptmi","_withDirectives","_createElementVNode","cx","role","ptm","$slots","container","_renderSlot","closeCallback","$options","_createElementBlock","_resolveDynamicComponent","onClick","_cache","$event","_objectSpread","_component_TimesIcon","$data"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=2b547520&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MessageStyle from 'primevue/message/style';\n\nexport default {\n    name: 'BaseMessage',\n    extends: BaseComponent,\n    props: {\n        severity: {\n            type: String,\n            default: 'info'\n        },\n        closable: {\n            type: Boolean,\n            default: false\n        },\n        life: {\n            type: Number,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: null,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        variant: {\n            type: String,\n            default: null\n        }\n    },\n    style: MessageStyle,\n    provide() {\n        return {\n            $pcMessage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","severity","type","String","closable","Boolean","life","Number","icon","undefined","closeIcon","closeButtonProps","size","variant","style","MessageStyle","provide","$pcMessage","$parentInstance","BaseMessage","inheritAttrs","emits","timeout","data","visible","mounted","_this","setTimeout","$emit","methods","close","event","computed","closeAriaLabel","$primevue","config","locale","aria","directives","ripple","Ripple","components","TimesIcon","_openBlock","_createBlock","_Transition","_mergeProps","appear","_ctx","ptmi","_withDirectives","_createElementVNode","cx","role","ptm","$slots","container","_renderSlot","closeCallback","$options","_createElementBlock","_resolveDynamicComponent","onClick","_cache","$event","_objectSpread","_component_TimesIcon","$data"],"mappings":"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"}

package/message/style/index.mjs

@@ -2,12 +2,17 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-message {\n    border-radius: ".concat(dt('message.border.radius'), ";\n    outline-width: ").concat(dt('message.border.width'), ";\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('message.content.padding'), ";\n    gap: ").concat(dt('message.content.gap'), ";\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin: 0 0 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('message.close.button.width'), ";\n    height: ").concat(dt('message.close.button.height'), ";\n    border-radius: ").concat(dt('message.close.button.border.radius'), ";\n    background: transparent;\n    transition: background ").concat(dt('message.transition.duration'), ", color ").concat(dt('message.transition.duration'), ", outline-color ").concat(dt('message.transition.duration'), ", box-shadow ").concat(dt('message.transition.duration'), ", opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.size'), ";\n    width: ").concat(dt('message.close.icon.size'), ";\n    height: ").concat(dt('message.close.icon.size'), ";\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ").concat(dt('message.close.button.focus.ring.width'), ";\n    outline-style: ").concat(dt('message.close.button.focus.ring.style'), ";\n    outline-offset: ").concat(dt('message.close.button.focus.ring.offset'), ";\n}\n\n.p-message-info {\n    background: ").concat(dt('message.info.background'), ";\n    outline-color: ").concat(dt('message.info.border.color'), ";\n    color: ").concat(dt('message.info.color'), ";\n    box-shadow: ").concat(dt('message.info.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.info.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.info.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ").concat(dt('message.info.close.button.hover.background'), ";\n}\n\n.p-message-success {\n    background: ").concat(dt('message.success.background'), ";\n    outline-color: ").concat(dt('message.success.border.color'), ";\n    color: ").concat(dt('message.success.color'), ";\n    box-shadow: ").concat(dt('message.success.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.success.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.success.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ").concat(dt('message.success.close.button.hover.background'), ";\n}\n\n.p-message-warn {\n    background: ").concat(dt('message.warn.background'), ";\n    outline-color: ").concat(dt('message.warn.border.color'), ";\n    color: ").concat(dt('message.warn.color'), ";\n    box-shadow: ").concat(dt('message.warn.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.warn.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.warn.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ").concat(dt('message.warn.close.button.hover.background'), ";\n}\n\n.p-message-error {\n    background: ").concat(dt('message.error.background'), ";\n    outline-color: ").concat(dt('message.error.border.color'), ";\n    color: ").concat(dt('message.error.color'), ";\n    box-shadow: ").concat(dt('message.error.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.error.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.error.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ").concat(dt('message.error.close.button.hover.background'), ";\n}\n\n.p-message-secondary {\n    background: ").concat(dt('message.secondary.background'), ";\n    outline-color: ").concat(dt('message.secondary.border.color'), ";\n    color: ").concat(dt('message.secondary.color'), ";\n    box-shadow: ").concat(dt('message.secondary.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.secondary.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.secondary.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ").concat(dt('message.secondary.close.button.hover.background'), ";\n}\n\n.p-message-contrast {\n    background: ").concat(dt('message.contrast.background'), ";\n    outline-color: ").concat(dt('message.contrast.border.color'), ";\n    color: ").concat(dt('message.contrast.color'), ";\n    box-shadow: ").concat(dt('message.contrast.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.contrast.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.contrast.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ").concat(dt('message.contrast.close.button.hover.background'), ";\n}\n\n.p-message-text {\n    font-size: ").concat(dt('message.text.font.size'), ";\n    font-weight: ").concat(dt('message.text.font.weight'), ";\n}\n\n.p-message-icon {\n    font-size: ").concat(dt('message.icon.size'), ";\n    width: ").concat(dt('message.icon.size'), ";\n    height: ").concat(dt('message.icon.size'), ";\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n");
+  return "\n.p-message {\n    border-radius: ".concat(dt('message.border.radius'), ";\n    outline-width: ").concat(dt('message.border.width'), ";\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('message.content.padding'), ";\n    gap: ").concat(dt('message.content.gap'), ";\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('message.close.button.width'), ";\n    height: ").concat(dt('message.close.button.height'), ";\n    border-radius: ").concat(dt('message.close.button.border.radius'), ";\n    background: transparent;\n    transition: background ").concat(dt('message.transition.duration'), ", color ").concat(dt('message.transition.duration'), ", outline-color ").concat(dt('message.transition.duration'), ", box-shadow ").concat(dt('message.transition.duration'), ", opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.size'), ";\n    width: ").concat(dt('message.close.icon.size'), ";\n    height: ").concat(dt('message.close.icon.size'), ";\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ").concat(dt('message.close.button.focus.ring.width'), ";\n    outline-style: ").concat(dt('message.close.button.focus.ring.style'), ";\n    outline-offset: ").concat(dt('message.close.button.focus.ring.offset'), ";\n}\n\n.p-message-info {\n    background: ").concat(dt('message.info.background'), ";\n    outline-color: ").concat(dt('message.info.border.color'), ";\n    color: ").concat(dt('message.info.color'), ";\n    box-shadow: ").concat(dt('message.info.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.info.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.info.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ").concat(dt('message.info.close.button.hover.background'), ";\n}\n\n.p-message-info.p-message-outlined {\n    color: ").concat(dt('message.info.outlined.color'), ";\n    outline-color: ").concat(dt('message.info.outlined.border.color'), ";\n}\n\n.p-message-info.p-message-simple {\n    color: ").concat(dt('message.info.simple.color'), ";\n}\n\n.p-message-success {\n    background: ").concat(dt('message.success.background'), ";\n    outline-color: ").concat(dt('message.success.border.color'), ";\n    color: ").concat(dt('message.success.color'), ";\n    box-shadow: ").concat(dt('message.success.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.success.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.success.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ").concat(dt('message.success.close.button.hover.background'), ";\n}\n\n.p-message-success.p-message-outlined {\n    color: ").concat(dt('message.success.outlined.color'), ";\n    outline-color: ").concat(dt('message.success.outlined.border.color'), ";\n}\n\n.p-message-success.p-message-simple {\n    color: ").concat(dt('message.success.simple.color'), ";\n}\n\n.p-message-warn {\n    background: ").concat(dt('message.warn.background'), ";\n    outline-color: ").concat(dt('message.warn.border.color'), ";\n    color: ").concat(dt('message.warn.color'), ";\n    box-shadow: ").concat(dt('message.warn.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.warn.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.warn.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ").concat(dt('message.warn.close.button.hover.background'), ";\n}\n\n.p-message-warn.p-message-outlined {\n    color: ").concat(dt('message.warn.outlined.color'), ";\n    outline-color: ").concat(dt('message.warn.outlined.border.color'), ";\n}\n\n.p-message-warn.p-message-simple {\n    color: ").concat(dt('message.warn.simple.color'), ";\n}\n\n.p-message-error {\n    background: ").concat(dt('message.error.background'), ";\n    outline-color: ").concat(dt('message.error.border.color'), ";\n    color: ").concat(dt('message.error.color'), ";\n    box-shadow: ").concat(dt('message.error.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.error.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.error.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ").concat(dt('message.error.close.button.hover.background'), ";\n}\n\n.p-message-error.p-message-outlined {\n    color: ").concat(dt('message.error.outlined.color'), ";\n    outline-color: ").concat(dt('message.error.outlined.border.color'), ";\n}\n\n.p-message-error.p-message-simple {\n    color: ").concat(dt('message.error.simple.color'), ";\n}\n\n.p-message-secondary {\n    background: ").concat(dt('message.secondary.background'), ";\n    outline-color: ").concat(dt('message.secondary.border.color'), ";\n    color: ").concat(dt('message.secondary.color'), ";\n    box-shadow: ").concat(dt('message.secondary.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.secondary.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.secondary.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ").concat(dt('message.secondary.close.button.hover.background'), ";\n}\n\n.p-message-secondary.p-message-outlined {\n    color: ").concat(dt('message.secondary.outlined.color'), ";\n    outline-color: ").concat(dt('message.secondary.outlined.border.color'), ";\n}\n\n.p-message-secondary.p-message-simple {\n    color: ").concat(dt('message.secondary.simple.color'), ";\n}\n\n.p-message-contrast {\n    background: ").concat(dt('message.contrast.background'), ";\n    outline-color: ").concat(dt('message.contrast.border.color'), ";\n    color: ").concat(dt('message.contrast.color'), ";\n    box-shadow: ").concat(dt('message.contrast.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.contrast.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.contrast.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ").concat(dt('message.contrast.close.button.hover.background'), ";\n}\n\n.p-message-contrast.p-message-outlined {\n    color: ").concat(dt('message.contrast.outlined.color'), ";\n    outline-color: ").concat(dt('message.contrast.outlined.border.color'), ";\n}\n\n.p-message-contrast.p-message-simple {\n    color: ").concat(dt('message.contrast.simple.color'), ";\n}\n\n.p-message-text {\n    font-size: ").concat(dt('message.text.font.size'), ";\n    font-weight: ").concat(dt('message.text.font.weight'), ";\n}\n\n.p-message-icon {\n    font-size: ").concat(dt('message.icon.size'), ";\n    width: ").concat(dt('message.icon.size'), ";\n    height: ").concat(dt('message.icon.size'), ";\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n\n.p-message-sm .p-message-content {\n    padding: ").concat(dt('message.content.sm.padding'), ";\n}\n\n.p-message-sm .p-message-text {\n    font-size: ").concat(dt('message.text.sm.font.size'), ";\n}\n\n.p-message-sm .p-message-icon {\n    font-size: ").concat(dt('message.icon.sm.size'), ";\n    width: ").concat(dt('message.icon.sm.size'), ";\n    height: ").concat(dt('message.icon.sm.size'), ";\n}\n\n.p-message-sm .p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.sm.size'), ";\n    width: ").concat(dt('message.close.icon.sm.size'), ";\n    height: ").concat(dt('message.close.icon.sm.size'), ";\n}\n\n.p-message-lg .p-message-content {\n    padding: ").concat(dt('message.content.lg.padding'), ";\n}\n\n.p-message-lg .p-message-text {\n    font-size: ").concat(dt('message.text.lg.font.size'), ";\n}\n\n.p-message-lg .p-message-icon {\n    font-size: ").concat(dt('message.icon.lg.size'), ";\n    width: ").concat(dt('message.icon.lg.size'), ";\n    height: ").concat(dt('message.icon.lg.size'), ";\n}\n\n.p-message-lg .p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.lg.size'), ";\n    width: ").concat(dt('message.close.icon.lg.size'), ";\n    height: ").concat(dt('message.close.icon.lg.size'), ";\n}\n\n.p-message-outlined {\n    background: transparent;\n    outline-width: ").concat(dt('message.outlined.border.width'), ";\n}\n\n.p-message-simple {\n    background: transparent;\n    outline-color: transparent;\n    box-shadow: none;\n}\n\n.p-message-simple .p-message-content {\n    padding: ").concat(dt('message.simple.content.padding'), ";\n}\n\n.p-message-outlined .p-message-close-button:hover,\n.p-message-simple .p-message-close-button:hover {\n    background: transparent;\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
     var props = _ref2.props;
-    return 'p-message p-component p-message-' + props.severity;
+    return ['p-message p-component p-message-' + props.severity, {
+      'p-message-outlined': props.variant === 'outlined',
+      'p-message-simple': props.variant === 'simple',
+      'p-message-sm': props.size === 'small',
+      'p-message-lg': props.size === 'large'
+    }];
   },
   content: 'p-message-content',
   icon: 'p-message-icon',

package/message/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/message/style/MessageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-message {\n    border-radius: ${dt('message.border.radius')};\n    outline-width: ${dt('message.border.width')};\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ${dt('message.content.padding')};\n    gap: ${dt('message.content.gap')};\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin: 0 0 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ${dt('message.close.button.width')};\n    height: ${dt('message.close.button.height')};\n    border-radius: ${dt('message.close.button.border.radius')};\n    background: transparent;\n    transition: background ${dt('message.transition.duration')}, color ${dt('message.transition.duration')}, outline-color ${dt('message.transition.duration')}, box-shadow ${dt('message.transition.duration')}, opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ${dt('message.close.icon.size')};\n    width: ${dt('message.close.icon.size')};\n    height: ${dt('message.close.icon.size')};\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ${dt('message.close.button.focus.ring.width')};\n    outline-style: ${dt('message.close.button.focus.ring.style')};\n    outline-offset: ${dt('message.close.button.focus.ring.offset')};\n}\n\n.p-message-info {\n    background: ${dt('message.info.background')};\n    outline-color: ${dt('message.info.border.color')};\n    color: ${dt('message.info.color')};\n    box-shadow: ${dt('message.info.shadow')};\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.info.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.info.close.button.focus.ring.shadow')};\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ${dt('message.info.close.button.hover.background')};\n}\n\n.p-message-success {\n    background: ${dt('message.success.background')};\n    outline-color: ${dt('message.success.border.color')};\n    color: ${dt('message.success.color')};\n    box-shadow: ${dt('message.success.shadow')};\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.success.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.success.close.button.focus.ring.shadow')};\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ${dt('message.success.close.button.hover.background')};\n}\n\n.p-message-warn {\n    background: ${dt('message.warn.background')};\n    outline-color: ${dt('message.warn.border.color')};\n    color: ${dt('message.warn.color')};\n    box-shadow: ${dt('message.warn.shadow')};\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.warn.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.warn.close.button.focus.ring.shadow')};\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ${dt('message.warn.close.button.hover.background')};\n}\n\n.p-message-error {\n    background: ${dt('message.error.background')};\n    outline-color: ${dt('message.error.border.color')};\n    color: ${dt('message.error.color')};\n    box-shadow: ${dt('message.error.shadow')};\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.error.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.error.close.button.focus.ring.shadow')};\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ${dt('message.error.close.button.hover.background')};\n}\n\n.p-message-secondary {\n    background: ${dt('message.secondary.background')};\n    outline-color: ${dt('message.secondary.border.color')};\n    color: ${dt('message.secondary.color')};\n    box-shadow: ${dt('message.secondary.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.secondary.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.secondary.close.button.focus.ring.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ${dt('message.secondary.close.button.hover.background')};\n}\n\n.p-message-contrast {\n    background: ${dt('message.contrast.background')};\n    outline-color: ${dt('message.contrast.border.color')};\n    color: ${dt('message.contrast.color')};\n    box-shadow: ${dt('message.contrast.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.contrast.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.contrast.close.button.focus.ring.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ${dt('message.contrast.close.button.hover.background')};\n}\n\n.p-message-text {\n    font-size: ${dt('message.text.font.size')};\n    font-weight: ${dt('message.text.font.weight')};\n}\n\n.p-message-icon {\n    font-size: ${dt('message.icon.size')};\n    width: ${dt('message.icon.size')};\n    height: ${dt('message.icon.size')};\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => 'p-message p-component p-message-' + props.severity,\n    content: 'p-message-content',\n    icon: 'p-message-icon',\n    text: 'p-message-text',\n    closeButton: 'p-message-close-button',\n    closeIcon: 'p-message-close-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'message',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","severity","content","icon","text","closeButton","closeIcon","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/message/style/MessageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-message {\n    border-radius: ${dt('message.border.radius')};\n    outline-width: ${dt('message.border.width')};\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ${dt('message.content.padding')};\n    gap: ${dt('message.content.gap')};\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    overflow: hidden;\n    position: relative;\n    width: ${dt('message.close.button.width')};\n    height: ${dt('message.close.button.height')};\n    border-radius: ${dt('message.close.button.border.radius')};\n    background: transparent;\n    transition: background ${dt('message.transition.duration')}, color ${dt('message.transition.duration')}, outline-color ${dt('message.transition.duration')}, box-shadow ${dt('message.transition.duration')}, opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ${dt('message.close.icon.size')};\n    width: ${dt('message.close.icon.size')};\n    height: ${dt('message.close.icon.size')};\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ${dt('message.close.button.focus.ring.width')};\n    outline-style: ${dt('message.close.button.focus.ring.style')};\n    outline-offset: ${dt('message.close.button.focus.ring.offset')};\n}\n\n.p-message-info {\n    background: ${dt('message.info.background')};\n    outline-color: ${dt('message.info.border.color')};\n    color: ${dt('message.info.color')};\n    box-shadow: ${dt('message.info.shadow')};\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.info.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.info.close.button.focus.ring.shadow')};\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ${dt('message.info.close.button.hover.background')};\n}\n\n.p-message-info.p-message-outlined {\n    color: ${dt('message.info.outlined.color')};\n    outline-color: ${dt('message.info.outlined.border.color')};\n}\n\n.p-message-info.p-message-simple {\n    color: ${dt('message.info.simple.color')};\n}\n\n.p-message-success {\n    background: ${dt('message.success.background')};\n    outline-color: ${dt('message.success.border.color')};\n    color: ${dt('message.success.color')};\n    box-shadow: ${dt('message.success.shadow')};\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.success.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.success.close.button.focus.ring.shadow')};\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ${dt('message.success.close.button.hover.background')};\n}\n\n.p-message-success.p-message-outlined {\n    color: ${dt('message.success.outlined.color')};\n    outline-color: ${dt('message.success.outlined.border.color')};\n}\n\n.p-message-success.p-message-simple {\n    color: ${dt('message.success.simple.color')};\n}\n\n.p-message-warn {\n    background: ${dt('message.warn.background')};\n    outline-color: ${dt('message.warn.border.color')};\n    color: ${dt('message.warn.color')};\n    box-shadow: ${dt('message.warn.shadow')};\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.warn.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.warn.close.button.focus.ring.shadow')};\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ${dt('message.warn.close.button.hover.background')};\n}\n\n.p-message-warn.p-message-outlined {\n    color: ${dt('message.warn.outlined.color')};\n    outline-color: ${dt('message.warn.outlined.border.color')};\n}\n\n.p-message-warn.p-message-simple {\n    color: ${dt('message.warn.simple.color')};\n}\n\n.p-message-error {\n    background: ${dt('message.error.background')};\n    outline-color: ${dt('message.error.border.color')};\n    color: ${dt('message.error.color')};\n    box-shadow: ${dt('message.error.shadow')};\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.error.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.error.close.button.focus.ring.shadow')};\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ${dt('message.error.close.button.hover.background')};\n}\n\n.p-message-error.p-message-outlined {\n    color: ${dt('message.error.outlined.color')};\n    outline-color: ${dt('message.error.outlined.border.color')};\n}\n\n.p-message-error.p-message-simple {\n    color: ${dt('message.error.simple.color')};\n}\n\n.p-message-secondary {\n    background: ${dt('message.secondary.background')};\n    outline-color: ${dt('message.secondary.border.color')};\n    color: ${dt('message.secondary.color')};\n    box-shadow: ${dt('message.secondary.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.secondary.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.secondary.close.button.focus.ring.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ${dt('message.secondary.close.button.hover.background')};\n}\n\n.p-message-secondary.p-message-outlined {\n    color: ${dt('message.secondary.outlined.color')};\n    outline-color: ${dt('message.secondary.outlined.border.color')};\n}\n\n.p-message-secondary.p-message-simple {\n    color: ${dt('message.secondary.simple.color')};\n}\n\n.p-message-contrast {\n    background: ${dt('message.contrast.background')};\n    outline-color: ${dt('message.contrast.border.color')};\n    color: ${dt('message.contrast.color')};\n    box-shadow: ${dt('message.contrast.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.contrast.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.contrast.close.button.focus.ring.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ${dt('message.contrast.close.button.hover.background')};\n}\n\n.p-message-contrast.p-message-outlined {\n    color: ${dt('message.contrast.outlined.color')};\n    outline-color: ${dt('message.contrast.outlined.border.color')};\n}\n\n.p-message-contrast.p-message-simple {\n    color: ${dt('message.contrast.simple.color')};\n}\n\n.p-message-text {\n    font-size: ${dt('message.text.font.size')};\n    font-weight: ${dt('message.text.font.weight')};\n}\n\n.p-message-icon {\n    font-size: ${dt('message.icon.size')};\n    width: ${dt('message.icon.size')};\n    height: ${dt('message.icon.size')};\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n\n.p-message-sm .p-message-content {\n    padding: ${dt('message.content.sm.padding')};\n}\n\n.p-message-sm .p-message-text {\n    font-size: ${dt('message.text.sm.font.size')};\n}\n\n.p-message-sm .p-message-icon {\n    font-size: ${dt('message.icon.sm.size')};\n    width: ${dt('message.icon.sm.size')};\n    height: ${dt('message.icon.sm.size')};\n}\n\n.p-message-sm .p-message-close-icon {\n    font-size: ${dt('message.close.icon.sm.size')};\n    width: ${dt('message.close.icon.sm.size')};\n    height: ${dt('message.close.icon.sm.size')};\n}\n\n.p-message-lg .p-message-content {\n    padding: ${dt('message.content.lg.padding')};\n}\n\n.p-message-lg .p-message-text {\n    font-size: ${dt('message.text.lg.font.size')};\n}\n\n.p-message-lg .p-message-icon {\n    font-size: ${dt('message.icon.lg.size')};\n    width: ${dt('message.icon.lg.size')};\n    height: ${dt('message.icon.lg.size')};\n}\n\n.p-message-lg .p-message-close-icon {\n    font-size: ${dt('message.close.icon.lg.size')};\n    width: ${dt('message.close.icon.lg.size')};\n    height: ${dt('message.close.icon.lg.size')};\n}\n\n.p-message-outlined {\n    background: transparent;\n    outline-width: ${dt('message.outlined.border.width')};\n}\n\n.p-message-simple {\n    background: transparent;\n    outline-color: transparent;\n    box-shadow: none;\n}\n\n.p-message-simple .p-message-content {\n    padding: ${dt('message.simple.content.padding')};\n}\n\n.p-message-outlined .p-message-close-button:hover,\n.p-message-simple .p-message-close-button:hover {\n    background: transparent;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-message p-component p-message-' + props.severity,\n        {\n            'p-message-outlined': props.variant === 'outlined',\n            'p-message-simple': props.variant === 'simple',\n            'p-message-sm': props.size === 'small',\n            'p-message-lg': props.size === 'large'\n        }\n    ],\n    content: 'p-message-content',\n    icon: 'p-message-icon',\n    text: 'p-message-text',\n    closeButton: 'p-message-close-button',\n    closeIcon: 'p-message-close-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'message',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","severity","variant","size","content","icon","text","closeButton","closeIcon","BaseStyle","extend","name"],"mappings":"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"}

package/metergroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/metergroup/BaseMeterGroup.vue","../../src/metergroup/MeterGroupLabel.vue","../../src/metergroup/MeterGroupLabel.vue?vue&type=template&id=4d13db80&lang.js","../../src/metergroup/MeterGroup.vue","../../src/metergroup/MeterGroup.vue?vue&type=template&id=4050d94c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MeterGroupStyle from 'primevue/metergroup/style';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        orientation: {\n            type: String,\n            default: 'horizontal'\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    style: MeterGroupStyle,\n    provide() {\n        return {\n            $pcMeterGroup: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","min","Number","max","orientation","String","labelPosition","labelOrientation","style","MeterGroupStyle","provide","$pcMeterGroup","$parentInstance","hostName","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptm","_Fragment","_renderList","$props","val","index","key","_renderSlot","$slots","icon","color","backgroundColor","_createElementVNode","_toDisplayString","label","percentValue","BaseMeterGroup","methods","getPTOptions","context","percent","meter","arguments","length","undefined","percentOfItem","Math","round","meterCalculatedStyles","width","height","computed","totalPercent","reduce","total","percentages","sum","sumsArray","forEach","item","push","components","MeterGroupLabel","role","$options","ptmi","_createVNode","_component_MeterGroupLabel","unstyled","pt","size"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/metergroup/BaseMeterGroup.vue","../../src/metergroup/MeterGroupLabel.vue","../../src/metergroup/MeterGroupLabel.vue?vue&type=template&id=4d13db80&lang.js","../../src/metergroup/MeterGroup.vue","../../src/metergroup/MeterGroup.vue?vue&type=template&id=4050d94c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MeterGroupStyle from 'primevue/metergroup/style';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        orientation: {\n            type: String,\n            default: 'horizontal'\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    },\n    style: MeterGroupStyle,\n    provide() {\n        return {\n            $pcMeterGroup: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    }\n};\n</script>\n","<template>\n    <ol :class=\"cx('labelList')\" v-bind=\"ptm('labelList')\">\n        <li v-for=\"(val, index) in value\" :key=\"index + '_label'\" :class=\"cx('label')\" v-bind=\"ptm('label')\">\n            <slot name=\"icon\" :value=\"val\" :class=\"cx('labelIcon')\">\n                <i v-if=\"val.icon\" :class=\"[val.icon, cx('labelIcon')]\" :style=\"{ color: val.color }\" v-bind=\"ptm('labelIcon')\" />\n                <span v-else :class=\"cx('labelMarker')\" :style=\"{ backgroundColor: val.color }\" v-bind=\"ptm('labelMarker')\" />\n            </slot>\n            <span :class=\"cx('labelText')\" v-bind=\"ptm('labelText')\">{{ val.label }} ({{ $parentInstance.percentValue(val.value) }})</span>\n        </li>\n    </ol>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\n\nexport default {\n    name: 'MeterGroupLabel',\n    hostName: 'MeterGroup',\n    extends: BaseComponent,\n    inheritAttrs: false,\n    props: {\n        value: {\n            type: Array,\n            default: null\n        },\n        labelPosition: {\n            type: String,\n            default: 'end'\n        },\n        labelOrientation: {\n            type: String,\n            default: 'horizontal'\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"meter\" :aria-valuemin=\"min\" :aria-valuemax=\"max\" :aria-valuenow=\"totalPercent\" v-bind=\"ptmi('root')\">\n        <slot v-if=\"labelPosition === 'start'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n        <slot name=\"start\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <div :class=\"cx('meters')\" v-bind=\"ptm('meters')\">\n            <template v-for=\"(val, index) in value\" :key=\"index\">\n                <slot name=\"meter\" :value=\"val\" :index=\"index\" :class=\"cx('meter')\" :orientation=\"orientation\" :size=\"percentValue(val.value)\" :totalPercent=\"totalPercent\">\n                    <span v-if=\"percent(val.value)\" :class=\"cx('meter')\" :style=\"meterCalculatedStyles(val)\" v-bind=\"getPTOptions('meter', val, index)\" />\n                </slot>\n            </template>\n        </div>\n        <slot name=\"end\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\" />\n        <slot v-if=\"labelPosition === 'end'\" name=\"label\" :value=\"value\" :totalPercent=\"totalPercent\" :percentages=\"percentages\">\n            <MeterGroupLabel :value=\"value\" :labelPosition=\"labelPosition\" :labelOrientation=\"labelOrientation\" :unstyled=\"unstyled\" :pt=\"pt\" />\n        </slot>\n    </div>\n</template>\n\n<script>\nimport BaseMeterGroup from './BaseMeterGroup.vue';\nimport MeterGroupLabel from './MeterGroupLabel.vue';\n\nexport default {\n    name: 'MeterGroup',\n    extends: BaseMeterGroup,\n    inheritAttrs: false,\n    methods: {\n        getPTOptions(key, value, index) {\n            return this.ptm(key, {\n                context: {\n                    value,\n                    index\n                }\n            });\n        },\n        percent(meter = 0) {\n            const percentOfItem = ((meter - this.min) / (this.max - this.min)) * 100;\n\n            return Math.round(Math.max(0, Math.min(100, percentOfItem)));\n        },\n        percentValue(meter) {\n            return this.percent(meter) + '%';\n        },\n        meterCalculatedStyles(val) {\n            return {\n                backgroundColor: val.color,\n                width: this.orientation === 'horizontal' && this.percentValue(val.value),\n                height: this.orientation === 'vertical' && this.percentValue(val.value)\n            };\n        }\n    },\n    computed: {\n        totalPercent() {\n            return this.percent(this.value.reduce((total, val) => total + val.value, 0));\n        },\n        percentages() {\n            let sum = 0;\n            const sumsArray = [];\n\n            this.value.forEach((item) => {\n                sum += item.value;\n                sumsArray.push(sum);\n            });\n\n            return sumsArray;\n        }\n    },\n    components: {\n        MeterGroupLabel\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","Array","min","Number","max","orientation","String","labelPosition","labelOrientation","style","MeterGroupStyle","provide","$pcMeterGroup","$parentInstance","hostName","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptm","_Fragment","_renderList","$props","val","index","key","_renderSlot","$slots","icon","color","backgroundColor","_createElementVNode","_toDisplayString","label","percentValue","BaseMeterGroup","methods","getPTOptions","context","percent","meter","arguments","length","undefined","percentOfItem","Math","round","meterCalculatedStyles","width","height","computed","totalPercent","reduce","total","percentages","sum","sumsArray","forEach","item","push","components","MeterGroupLabel","role","$options","ptmi","_createVNode","_component_MeterGroupLabel","unstyled","pt","size"],"mappings":"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"}

package/metergroup/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-metergroup {\n    display: flex;\n    gap: ".concat(dt('metergroup.gap'), ";\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ").concat(dt('metergroup.meters.background'), ";\n    border-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ").concat(dt('metergroup.label.gap'), ";\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ").concat(dt('metergroup.label.marker.size'), ";\n    height: ").concat(dt('metergroup.label.marker.size'), ";\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ").concat(dt('metergroup.label.icon.size'), ";\n    width: ").concat(dt('metergroup.label.icon.size'), ";\n    height: ").concat(dt('metergroup.label.icon.size'), ";\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ").concat(dt('metergroup.label.list.horizontal.gap'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ").concat(dt('metergroup.meters.size'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-top-left-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-bottom-left-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-top-right-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ").concat(dt('metergroup.label.list.vertical.gap'), ";\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ").concat(dt('metergroup.meters.size'), ";\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-top-left-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-top-right-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-bottom-left-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n");
+  return "\n.p-metergroup {\n    display: flex;\n    gap: ".concat(dt('metergroup.gap'), ";\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ").concat(dt('metergroup.meters.background'), ";\n    border-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ").concat(dt('metergroup.label.gap'), ";\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ").concat(dt('metergroup.label.marker.size'), ";\n    height: ").concat(dt('metergroup.label.marker.size'), ";\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ").concat(dt('metergroup.label.icon.size'), ";\n    width: ").concat(dt('metergroup.label.icon.size'), ";\n    height: ").concat(dt('metergroup.label.icon.size'), ";\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ").concat(dt('metergroup.label.list.horizontal.gap'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ").concat(dt('metergroup.meters.size'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-start-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-start-end-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ").concat(dt('metergroup.label.list.vertical.gap'), ";\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ").concat(dt('metergroup.meters.size'), ";\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: flex-start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-start-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-end-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {

package/metergroup/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/metergroup/style/MeterGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-metergroup {\n    display: flex;\n    gap: ${dt('metergroup.gap')};\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ${dt('metergroup.meters.background')};\n    border-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ${dt('metergroup.label.gap')};\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ${dt('metergroup.label.marker.size')};\n    height: ${dt('metergroup.label.marker.size')};\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ${dt('metergroup.label.icon.size')};\n    width: ${dt('metergroup.label.icon.size')};\n    height: ${dt('metergroup.label.icon.size')};\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ${dt('metergroup.label.list.horizontal.gap')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ${dt('metergroup.meters.size')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-top-left-radius: ${dt('metergroup.border.radius')};\n    border-bottom-left-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-top-right-radius: ${dt('metergroup.border.radius')};\n    border-bottom-right-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ${dt('metergroup.label.list.vertical.gap')};\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ${dt('metergroup.meters.size')};\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-top-left-radius: ${dt('metergroup.border.radius')};\n    border-top-right-radius: ${dt('metergroup.border.radius')};\n}\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-bottom-left-radius: ${dt('metergroup.border.radius')};\n    border-bottom-right-radius: ${dt('metergroup.border.radius')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-metergroup p-component',\n        {\n            'p-metergroup-horizontal': props.orientation === 'horizontal',\n            'p-metergroup-vertical': props.orientation === 'vertical'\n        }\n    ],\n    meters: 'p-metergroup-meters',\n    meter: 'p-metergroup-meter',\n    labelList: ({ props }) => [\n        'p-metergroup-label-list',\n        {\n            'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',\n            'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'\n        }\n    ],\n    label: 'p-metergroup-label',\n    labelIcon: 'p-metergroup-label-icon',\n    labelMarker: 'p-metergroup-label-marker',\n    labelText: 'p-metergroup-label-text'\n};\n\nexport default BaseStyle.extend({\n    name: 'metergroup',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","orientation","meters","meter","labelList","_ref3","labelOrientation","label","labelIcon","labelMarker","labelText","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/metergroup/style/MeterGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-metergroup {\n    display: flex;\n    gap: ${dt('metergroup.gap')};\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ${dt('metergroup.meters.background')};\n    border-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ${dt('metergroup.label.gap')};\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ${dt('metergroup.label.marker.size')};\n    height: ${dt('metergroup.label.marker.size')};\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ${dt('metergroup.label.icon.size')};\n    width: ${dt('metergroup.label.icon.size')};\n    height: ${dt('metergroup.label.icon.size')};\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ${dt('metergroup.label.list.horizontal.gap')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ${dt('metergroup.meters.size')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ${dt('metergroup.border.radius')};\n    border-end-start-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-start-end-radius: ${dt('metergroup.border.radius')};\n    border-end-end-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ${dt('metergroup.label.list.vertical.gap')};\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ${dt('metergroup.meters.size')};\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: flex-start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ${dt('metergroup.border.radius')};\n    border-start-end-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-end-start-radius: ${dt('metergroup.border.radius')};\n    border-end-end-radius: ${dt('metergroup.border.radius')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-metergroup p-component',\n        {\n            'p-metergroup-horizontal': props.orientation === 'horizontal',\n            'p-metergroup-vertical': props.orientation === 'vertical'\n        }\n    ],\n    meters: 'p-metergroup-meters',\n    meter: 'p-metergroup-meter',\n    labelList: ({ props }) => [\n        'p-metergroup-label-list',\n        {\n            'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',\n            'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'\n        }\n    ],\n    label: 'p-metergroup-label',\n    labelIcon: 'p-metergroup-label-icon',\n    labelMarker: 'p-metergroup-label-marker',\n    labelText: 'p-metergroup-label-text'\n};\n\nexport default BaseStyle.extend({\n    name: 'metergroup',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","orientation","meters","meter","labelList","_ref3","labelOrientation","label","labelIcon","labelMarker","labelText","BaseStyle","extend","name"],"mappings":"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"}

package/multiselect/BaseMultiSelect.vue

@@ -1,12 +1,11 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import MultiSelectStyle from 'primevue/multiselect/style';
 
 export default {
     name: 'BaseMultiSelect',
-    extends: BaseComponent,
+    extends: BaseInput,
     props: {
-        modelValue: null,
         options: Array,
         optionLabel: null,
         optionValue: null,
@@ -18,22 +17,6 @@ export default {
             default: '14rem'
         },
         placeholder: String,
-        variant: {
-            type: String,
-            default: null
-        },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
-        fluid: {
-            type: Boolean,
-            default: null
-        },
         inputId: {
             type: String,
             default: null
@@ -55,6 +38,18 @@ export default {
             default: null
         },
         dataKey: null,
+        showClear: {
+            type: Boolean,
+            default: false
+        },
+        clearIcon: {
+            type: String,
+            default: undefined
+        },
+        resetFilterOnClear: {
+            type: Boolean,
+            default: false
+        },
         filter: Boolean,
         filterPlaceholder: String,
         filterLocale: String,