primevue 4.1.0 → 4.2.0

package/contextmenu/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-contextmenu {\n    background: ".concat(dt('contextmenu.background'), ";\n    color: ").concat(dt('contextmenu.color'), ";\n    border: 1px solid ").concat(dt('contextmenu.border.color'), ";\n    border-radius: ").concat(dt('contextmenu.border.radius'), ";\n    box-shadow: ").concat(dt('contextmenu.shadow'), ";\n    min-width: 12.5rem;\n}\n\n.p-contextmenu-root-list,\n.p-contextmenu-submenu {\n    margin: 0;\n    padding: ").concat(dt('contextmenu.list.padding'), ";\n    list-style: none;\n    outline: 0 none;\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('contextmenu.list.gap'), ";\n}\n\n.p-contextmenu-submenu {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    min-width: 100%;\n    z-index: 1;\n    background: ").concat(dt('contextmenu.background'), ";\n    color: ").concat(dt('contextmenu.color'), ";\n    border: 1px solid ").concat(dt('contextmenu.border.color'), ";\n    border-radius: ").concat(dt('contextmenu.border.radius'), ";\n    box-shadow: ").concat(dt('contextmenu.shadow'), ";\n}\n\n.p-contextmenu-item {\n    position: relative;\n}\n\n.p-contextmenu-item-content {\n    transition: background ").concat(dt('contextmenu.transition.duration'), ", color ").concat(dt('contextmenu.transition.duration'), ";\n    border-radius: ").concat(dt('contextmenu.item.border.radius'), ";\n    color: ").concat(dt('contextmenu.item.color'), ";\n}\n\n.p-contextmenu-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('contextmenu.item.padding'), ";\n    gap: ").concat(dt('contextmenu.item.gap'), ";\n    user-select: none;\n}\n\n.p-contextmenu-item-label {\n    line-height: 1;\n}\n\n.p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.color'), ";\n}\n\n.p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.color'), ";\n    margin-left: auto;\n    font-size: ").concat(dt('contextmenu.submenu.icon.size'), ";\n    width: ").concat(dt('contextmenu.submenu.icon.size'), ";\n    height: ").concat(dt('contextmenu.submenu.icon.size'), ";\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n    color: ").concat(dt('contextmenu.item.focus.color'), ";\n    background: ").concat(dt('contextmenu.item.focus.background'), ";\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.focus.color'), ";\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.focus.color'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n    color: ").concat(dt('contextmenu.item.focus.color'), ";\n    background: ").concat(dt('contextmenu.item.focus.background'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.focus.color'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.focus.color'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n    color: ").concat(dt('contextmenu.item.active.color'), ";\n    background: ").concat(dt('contextmenu.item.active.background'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.active.color'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.active.color'), ";\n}\n\n.p-contextmenu-separator {\n    border-top: 1px solid  ").concat(dt('contextmenu.separator.border.color'), ";\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n    opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n    transition: opacity 250ms;\n}\n\n.p-contextmenu-mobile {\n    position: relative;\n}\n\n.p-contextmenu-mobile .p-contextmenu-button {\n    display: flex;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list .p-contextmenu-item {\n    position: static;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list .p-contextmenu-separator {\n    border-top: 1px solid ").concat(dt('contextmenu.separator.border.color'), ";\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list > .p-contextmenu-item > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list > .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu .p-contextmenu-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-contextmenu-mobile  .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ").concat(dt('contextmenu.submenu.mobile.indent'), ";\n}\n");
+  return "\n.p-contextmenu {\n    background: ".concat(dt('contextmenu.background'), ";\n    color: ").concat(dt('contextmenu.color'), ";\n    border: 1px solid ").concat(dt('contextmenu.border.color'), ";\n    border-radius: ").concat(dt('contextmenu.border.radius'), ";\n    box-shadow: ").concat(dt('contextmenu.shadow'), ";\n    min-width: 12.5rem;\n}\n\n.p-contextmenu-root-list,\n.p-contextmenu-submenu {\n    margin: 0;\n    padding: ").concat(dt('contextmenu.list.padding'), ";\n    list-style: none;\n    outline: 0 none;\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('contextmenu.list.gap'), ";\n}\n\n.p-contextmenu-submenu {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    min-width: 100%;\n    z-index: 1;\n    background: ").concat(dt('contextmenu.background'), ";\n    color: ").concat(dt('contextmenu.color'), ";\n    border: 1px solid ").concat(dt('contextmenu.border.color'), ";\n    border-radius: ").concat(dt('contextmenu.border.radius'), ";\n    box-shadow: ").concat(dt('contextmenu.shadow'), ";\n}\n\n.p-contextmenu-item {\n    position: relative;\n}\n\n.p-contextmenu-item-content {\n    transition: background ").concat(dt('contextmenu.transition.duration'), ", color ").concat(dt('contextmenu.transition.duration'), ";\n    border-radius: ").concat(dt('contextmenu.item.border.radius'), ";\n    color: ").concat(dt('contextmenu.item.color'), ";\n}\n\n.p-contextmenu-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('contextmenu.item.padding'), ";\n    gap: ").concat(dt('contextmenu.item.gap'), ";\n    user-select: none;\n}\n\n.p-contextmenu-item-label {\n    line-height: 1;\n}\n\n.p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.color'), ";\n}\n\n.p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.color'), ";\n    margin-left: auto;\n    font-size: ").concat(dt('contextmenu.submenu.icon.size'), ";\n    width: ").concat(dt('contextmenu.submenu.icon.size'), ";\n    height: ").concat(dt('contextmenu.submenu.icon.size'), ";\n}\n\n.p-contextmenu-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n    color: ").concat(dt('contextmenu.item.focus.color'), ";\n    background: ").concat(dt('contextmenu.item.focus.background'), ";\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.focus.color'), ";\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.focus.color'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n    color: ").concat(dt('contextmenu.item.focus.color'), ";\n    background: ").concat(dt('contextmenu.item.focus.background'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.focus.color'), ";\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.focus.color'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n    color: ").concat(dt('contextmenu.item.active.color'), ";\n    background: ").concat(dt('contextmenu.item.active.background'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ").concat(dt('contextmenu.item.icon.active.color'), ";\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ").concat(dt('contextmenu.submenu.icon.active.color'), ";\n}\n\n.p-contextmenu-separator {\n    border-block-start: 1px solid ").concat(dt('contextmenu.separator.border.color'), ";\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n    opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n    transition: opacity 250ms;\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ").concat(dt('tieredmenu.submenu.mobile.indent'), ";\n    padding-inline-end: 0;\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n");
 };
 var classes = {
   root: function root(_ref2) {

package/contextmenu/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/contextmenu/style/ContextMenuStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-contextmenu {\n    background: ${dt('contextmenu.background')};\n    color: ${dt('contextmenu.color')};\n    border: 1px solid ${dt('contextmenu.border.color')};\n    border-radius: ${dt('contextmenu.border.radius')};\n    box-shadow: ${dt('contextmenu.shadow')};\n    min-width: 12.5rem;\n}\n\n.p-contextmenu-root-list,\n.p-contextmenu-submenu {\n    margin: 0;\n    padding: ${dt('contextmenu.list.padding')};\n    list-style: none;\n    outline: 0 none;\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('contextmenu.list.gap')};\n}\n\n.p-contextmenu-submenu {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    min-width: 100%;\n    z-index: 1;\n    background: ${dt('contextmenu.background')};\n    color: ${dt('contextmenu.color')};\n    border: 1px solid ${dt('contextmenu.border.color')};\n    border-radius: ${dt('contextmenu.border.radius')};\n    box-shadow: ${dt('contextmenu.shadow')};\n}\n\n.p-contextmenu-item {\n    position: relative;\n}\n\n.p-contextmenu-item-content {\n    transition: background ${dt('contextmenu.transition.duration')}, color ${dt('contextmenu.transition.duration')};\n    border-radius: ${dt('contextmenu.item.border.radius')};\n    color: ${dt('contextmenu.item.color')};\n}\n\n.p-contextmenu-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('contextmenu.item.padding')};\n    gap: ${dt('contextmenu.item.gap')};\n    user-select: none;\n}\n\n.p-contextmenu-item-label {\n    line-height: 1;\n}\n\n.p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.color')};\n}\n\n.p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.color')};\n    margin-left: auto;\n    font-size: ${dt('contextmenu.submenu.icon.size')};\n    width: ${dt('contextmenu.submenu.icon.size')};\n    height: ${dt('contextmenu.submenu.icon.size')};\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n    color: ${dt('contextmenu.item.focus.color')};\n    background: ${dt('contextmenu.item.focus.background')};\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.focus.color')};\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.focus.color')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n    color: ${dt('contextmenu.item.focus.color')};\n    background: ${dt('contextmenu.item.focus.background')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.focus.color')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.focus.color')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n    color: ${dt('contextmenu.item.active.color')};\n    background: ${dt('contextmenu.item.active.background')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.active.color')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.active.color')};\n}\n\n.p-contextmenu-separator {\n    border-top: 1px solid  ${dt('contextmenu.separator.border.color')};\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n    opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n    transition: opacity 250ms;\n}\n\n.p-contextmenu-mobile {\n    position: relative;\n}\n\n.p-contextmenu-mobile .p-contextmenu-button {\n    display: flex;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list .p-contextmenu-item {\n    position: static;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list .p-contextmenu-separator {\n    border-top: 1px solid ${dt('contextmenu.separator.border.color')};\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list > .p-contextmenu-item > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-contextmenu-mobile .p-contextmenu-root-list > .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu .p-contextmenu-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-contextmenu-mobile  .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ${dt('contextmenu.submenu.mobile.indent')};\n}\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-contextmenu p-component',\n        {\n            'p-contextmenu-mobile': instance.queryMatches\n        }\n    ],\n    rootList: 'p-contextmenu-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-contextmenu-item',\n        {\n            'p-contextmenu-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-contextmenu-item-content',\n    itemLink: 'p-contextmenu-item-link',\n    itemIcon: 'p-contextmenu-item-icon',\n    itemLabel: 'p-contextmenu-item-label',\n    submenuIcon: 'p-contextmenu-submenu-icon',\n    submenu: 'p-contextmenu-submenu',\n    separator: 'p-contextmenu-separator'\n};\n\nexport default BaseStyle.extend({\n    name: 'contextmenu',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","queryMatches","rootList","item","_ref3","processedItem","isItemActive","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","submenu","separator","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,sCAAA,CAAAC,MAAA,CAEDD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,mBAAmB,CAAC,EAAA,2BAAA,CAAA,CAAAC,MAAA,CACZD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,oBAAoB,CAAC,EAAA,qHAAA,CAAA,CAAAC,MAAA,CAO3BD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,4GAAAA,CAAAA,CAAAA,MAAA,CAKlCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,qKAAAA,CAAAA,CAAAA,MAAA,CASnBD,EAAE,CAAC,wBAAwB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,mBAAmB,CAAC,+BAAAC,MAAA,CACZD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,oBAAoB,CAAC,EAAAC,yHAAAA,CAAAA,CAAAA,MAAA,CAQbD,EAAE,CAAC,iCAAiC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,iCAAiC,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CAC7FD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC5CD,EAAE,CAAC,wBAAwB,CAAC,EAAA,wNAAA,CAAA,CAAAC,MAAA,CAW1BD,EAAE,CAAC,0BAA0B,CAAC,EAAA,cAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,gIAAAA,CAAAA,CAAAA,MAAA,CASxBD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,oDAAAA,CAAAA,CAAAA,MAAA,CAIjCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,4CAAA,CAAA,CAAAC,MAAA,CAEhCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACvCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,kFAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC7BD,EAAE,CAAC,mCAAmC,CAAC,EAAA,2GAAA,CAAA,CAAAC,MAAA,CAI5CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,8GAAA,CAAA,CAAAC,MAAA,CAIvCD,EAAE,CAAC,sCAAsC,CAAC,EAAAC,iGAAAA,CAAAA,CAAAA,MAAA,CAI1CD,EAAE,CAAC,8BAA8B,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,mCAAmC,CAAC,EAAA,0HAAA,CAAA,CAAAC,MAAA,CAI5CD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,6HAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,sCAAsC,CAAC,EAAA,iFAAA,CAAA,CAAAC,MAAA,CAI1CD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC9BD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,0GAAAA,CAAAA,CAAAA,MAAA,CAI7CD,EAAE,CAAC,oCAAoC,CAAC,EAAA,6GAAA,CAAA,CAAAC,MAAA,CAIxCD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,iEAAAA,CAAAA,CAAAA,MAAA,CAI3BD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,qeAAAA,CAAAA,CAAAA,MAAA,CAyBzCD,EAAE,CAAC,oCAAoC,CAAC,EAAA,kyBAAA,CAAA,CAAAC,MAAA,CAyBhDD,EAAE,CAAC,mCAAmC,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAE1D,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACpB,2BAA2B,EAC3B;MACI,sBAAsB,EAAEA,QAAQ,CAACC,YAAAA;AACrC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKJ,QAAQ,GAAAI,KAAA,CAARJ,QAAQ;MAAEK,aAAa,GAAAD,KAAA,CAAbC,aAAa,CAAA;IAAA,OAAO,CACnC,oBAAoB,EACpB;AACI,MAAA,2BAA2B,EAAEL,QAAQ,CAACM,YAAY,CAACD,aAAa,CAAC;AACjE,MAAA,SAAS,EAAEL,QAAQ,CAACO,aAAa,CAACF,aAAa,CAAC;AAChD,MAAA,YAAY,EAAEL,QAAQ,CAACQ,cAAc,CAACH,aAAa,CAAA;AACvD,KAAC,CACJ,CAAA;AAAA,GAAA;AACDI,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,SAAS,EAAE,yBAAA;AACf,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBzB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/contextmenu/style/ContextMenuStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-contextmenu {\n    background: ${dt('contextmenu.background')};\n    color: ${dt('contextmenu.color')};\n    border: 1px solid ${dt('contextmenu.border.color')};\n    border-radius: ${dt('contextmenu.border.radius')};\n    box-shadow: ${dt('contextmenu.shadow')};\n    min-width: 12.5rem;\n}\n\n.p-contextmenu-root-list,\n.p-contextmenu-submenu {\n    margin: 0;\n    padding: ${dt('contextmenu.list.padding')};\n    list-style: none;\n    outline: 0 none;\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('contextmenu.list.gap')};\n}\n\n.p-contextmenu-submenu {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    min-width: 100%;\n    z-index: 1;\n    background: ${dt('contextmenu.background')};\n    color: ${dt('contextmenu.color')};\n    border: 1px solid ${dt('contextmenu.border.color')};\n    border-radius: ${dt('contextmenu.border.radius')};\n    box-shadow: ${dt('contextmenu.shadow')};\n}\n\n.p-contextmenu-item {\n    position: relative;\n}\n\n.p-contextmenu-item-content {\n    transition: background ${dt('contextmenu.transition.duration')}, color ${dt('contextmenu.transition.duration')};\n    border-radius: ${dt('contextmenu.item.border.radius')};\n    color: ${dt('contextmenu.item.color')};\n}\n\n.p-contextmenu-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('contextmenu.item.padding')};\n    gap: ${dt('contextmenu.item.gap')};\n    user-select: none;\n}\n\n.p-contextmenu-item-label {\n    line-height: 1;\n}\n\n.p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.color')};\n}\n\n.p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.color')};\n    margin-left: auto;\n    font-size: ${dt('contextmenu.submenu.icon.size')};\n    width: ${dt('contextmenu.submenu.icon.size')};\n    height: ${dt('contextmenu.submenu.icon.size')};\n}\n\n.p-contextmenu-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n    color: ${dt('contextmenu.item.focus.color')};\n    background: ${dt('contextmenu.item.focus.background')};\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.focus.color')};\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.focus.color')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n    color: ${dt('contextmenu.item.focus.color')};\n    background: ${dt('contextmenu.item.focus.background')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.focus.color')};\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.focus.color')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n    color: ${dt('contextmenu.item.active.color')};\n    background: ${dt('contextmenu.item.active.background')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n    color: ${dt('contextmenu.item.icon.active.color')};\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    color: ${dt('contextmenu.submenu.icon.active.color')};\n}\n\n.p-contextmenu-separator {\n    border-block-start: 1px solid ${dt('contextmenu.separator.border.color')};\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n    opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n    transition: opacity 250ms;\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ${dt('tieredmenu.submenu.mobile.indent')};\n    padding-inline-end: 0;\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-contextmenu-mobile .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n    transform: rotate(-90deg);\n}\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-contextmenu p-component',\n        {\n            'p-contextmenu-mobile': instance.queryMatches\n        }\n    ],\n    rootList: 'p-contextmenu-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-contextmenu-item',\n        {\n            'p-contextmenu-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-contextmenu-item-content',\n    itemLink: 'p-contextmenu-item-link',\n    itemIcon: 'p-contextmenu-item-icon',\n    itemLabel: 'p-contextmenu-item-label',\n    submenuIcon: 'p-contextmenu-submenu-icon',\n    submenu: 'p-contextmenu-submenu',\n    separator: 'p-contextmenu-separator'\n};\n\nexport default BaseStyle.extend({\n    name: 'contextmenu',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","queryMatches","rootList","item","_ref3","processedItem","isItemActive","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","submenu","separator","BaseStyle","extend","name"],"mappings":"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"}

package/datatable/BodyCell.vue

@@ -490,25 +490,34 @@ export default {
         updateStickyPosition() {
             if (this.columnProp('frozen')) {
                 let align = this.columnProp('alignFrozen');
+                let isRTL = this.$parentInstance.$parentInstance.isRTL;
 
                 if (align === 'right') {
-                    let right = 0;
+                    let pos = 0;
                     let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (next) {
-                        right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+                        pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
                     }
 
-                    this.styleObject.right = right + 'px';
+                    if (isRTL) {
+                        this.styleObject.left = pos + 'px';
+                    } else {
+                        this.styleObject.right = pos + 'px';
+                    }
                 } else {
-                    let left = 0;
+                    let pos = 0;
                     let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (prev) {
-                        left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+                        pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
                     }
 
-                    this.styleObject.left = left + 'px';
+                    if (isRTL) {
+                        this.styleObject.right = pos + 'px';
+                    } else {
+                        this.styleObject.left = pos + 'px';
+                    }
                 }
             }
         },

package/datatable/DataTable.vue

@@ -27,6 +27,22 @@
             :unstyled="unstyled"
             :pt="ptm('pcPaginator')"
         >
+            <template v-if="$slots.paginatorcontainer" #container>
+                <slot
+                    name="paginatorcontainer"
+                    :first="slotProps.first"
+                    :last="slotProps.last"
+                    :rows="slotProps.rows"
+                    :page="slotProps.page"
+                    :pageCount="slotProps.pageCount"
+                    :totalRecords="slotProps.totalRecords"
+                    :firstPageCallback="slotProps.firstPageCallback"
+                    :lastPageCallback="slotProps.lastPageCallback"
+                    :prevPageCallback="slotProps.prevPageCallback"
+                    :nextPageCallback="slotProps.nextPageCallback"
+                    :rowChangeCallback="slotProps.rowChangeCallback"
+                ></slot>
+            </template>
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
             </template>
@@ -242,6 +258,22 @@
             :unstyled="unstyled"
             :pt="ptm('pcPaginator')"
         >
+            <template v-if="$slots.paginatorcontainer" #container="slotProps">
+                <slot
+                    name="paginatorcontainer"
+                    :first="slotProps.first"
+                    :last="slotProps.last"
+                    :rows="slotProps.rows"
+                    :page="slotProps.page"
+                    :pageCount="slotProps.pageCount"
+                    :totalRecords="slotProps.totalRecords"
+                    :firstPageCallback="slotProps.firstPageCallback"
+                    :lastPageCallback="slotProps.lastPageCallback"
+                    :prevPageCallback="slotProps.prevPageCallback"
+                    :nextPageCallback="slotProps.nextPageCallback"
+                    :rowChangeCallback="slotProps.rowChangeCallback"
+                ></slot>
+            </template>
             <template v-if="$slots.paginatorstart" #start>
                 <slot name="paginatorstart"></slot>
             </template>
@@ -378,7 +410,8 @@ export default {
             d_editingMeta: {},
             d_filters: this.cloneFilters(this.filters),
             d_columns: new HelperSet({ type: 'Column' }),
-            d_columnGroups: new HelperSet({ type: 'ColumnGroup' })
+            d_columnGroups: new HelperSet({ type: 'ColumnGroup' }),
+            isRTL: false
         };
     },
     rowTouched: false,
@@ -399,6 +432,7 @@ export default {
     columnWidthsState: null,
     tableWidthState: null,
     columnWidthsRestored: false,
+    mutationObserver: null,
     watch: {
         first(newValue) {
             this.d_first = newValue;
@@ -451,6 +485,9 @@ export default {
         if (this.editMode === 'row' && this.dataKey && !this.d_editingRowKeys) {
             this.updateEditingRowKeys(this.editingRows);
         }
+
+        this.updateDirection();
+        this.observeDirectionChanges();
     },
     beforeUnmount() {
         this.unbindColumnResizeEvents();
@@ -458,6 +495,10 @@ export default {
 
         this.d_columns.clear();
         this.d_columnGroups.clear();
+
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
     },
     updated() {
         if (this.isStateful()) {
@@ -469,6 +510,19 @@ export default {
         }
     },
     methods: {
+        updateDirection() {
+            this.isRTL = !!this.$el.closest('[dir="rtl"]');
+        },
+        observeDirectionChanges() {
+            const targetNode = document.documentElement;
+            const config = { attributes: true, attributeFilter: ['dir'] };
+
+            this.mutationObserver = new MutationObserver(() => {
+                this.updateDirection();
+            });
+
+            this.mutationObserver.observe(targetNode, config);
+        },
         columnProp(col, prop) {
             return getVNodeProp(col, prop);
         },
@@ -734,7 +788,7 @@ export default {
             const body = this.$refs.bodyRef && this.$refs.bodyRef.$el;
             const focusedItem = findSingle(body, 'tr[data-p-selectable-row="true"][tabindex="0"]');
 
-            if (isClickable(event.currentTarget)) {
+            if (isClickable(event.target)) {
                 return;
             }
 
@@ -811,7 +865,7 @@ export default {
             this.rowTouched = false;
 
             if (focusedItem) {
-                if (event.currentTarget?.getAttribute('data-pc-section') === 'rowtoggleicon') return;
+                if (event.target?.getAttribute('data-pc-section') === 'rowtoggleicon') return;
 
                 const targetRow = event.currentTarget?.closest('tr[data-p-selectable-row="true"]');
 
@@ -1258,7 +1312,7 @@ export default {
             this.$refs.resizeHelper.style.display = 'block';
         },
         onColumnResizeEnd() {
-            let delta = this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
+            let delta = this.isRTL ? this.lastResizeHelperX - this.$refs.resizeHelper.offsetLeft : this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
             let columnWidth = this.resizeColumnElement.offsetWidth;
             let newColumnWidth = columnWidth + delta;
             let minWidth = this.resizeColumnElement.style.minWidth || 15;

package/datatable/FooterCell.vue

@@ -67,25 +67,34 @@ export default {
         updateStickyPosition() {
             if (this.columnProp('frozen')) {
                 let align = this.columnProp('alignFrozen');
+                let isRTL = this.$parentInstance.$parentInstance.isRTL;
 
                 if (align === 'right') {
-                    let right = 0;
+                    let pos = 0;
                     let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (next) {
-                        right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+                        pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
                     }
 
-                    this.styleObject.right = right + 'px';
+                    if (isRTL) {
+                        this.styleObject.left = pos + 'px';
+                    } else {
+                        this.styleObject.right = pos + 'px';
+                    }
                 } else {
-                    let left = 0;
+                    let pos = 0;
                     let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (prev) {
-                        left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+                        pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
                     }
 
-                    this.styleObject.left = left + 'px';
+                    if (isRTL) {
+                        this.styleObject.right = pos + 'px';
+                    } else {
+                        this.styleObject.left = pos + 'px';
+                    }
                 }
             }
         }

package/datatable/HeaderCell.vue

@@ -277,25 +277,34 @@ export default {
         updateStickyPosition() {
             if (this.columnProp('frozen')) {
                 let align = this.columnProp('alignFrozen');
+                let isRTL = this.$parentInstance.$parentInstance.isRTL;
 
                 if (align === 'right') {
-                    let right = 0;
+                    let pos = 0;
                     let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (next) {
-                        right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+                        pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
                     }
 
-                    this.styleObject.right = right + 'px';
+                    if (isRTL) {
+                        this.styleObject.left = pos + 'px';
+                    } else {
+                        this.styleObject.right = pos + 'px';
+                    }
                 } else {
-                    let left = 0;
+                    let pos = 0;
                     let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
 
                     if (prev) {
-                        left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+                        pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
                     }
 
-                    this.styleObject.left = left + 'px';
+                    if (isRTL) {
+                        this.styleObject.right = pos + 'px';
+                    } else {
+                        this.styleObject.left = pos + 'px';
+                    }
                 }
 
                 let filterRow = this.$el.parentElement.nextElementSibling;

package/datatable/index.d.ts

@@ -7,7 +7,7 @@
  * @module datatable
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, Nullable, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { ButtonProps } from 'primevue/button';
 import type { ColumnPassThroughOptionType } from 'primevue/column';
@@ -1262,14 +1262,6 @@ export interface DataTableSlots {
      * Custom footer template.
      */
     footer(): VNode[];
-    /**
-     * Custom paginator start template.
-     */
-    paginatorstart(): VNode[];
-    /**
-     * Custom paginator end template.
-     */
-    paginatorend(): VNode[];
     /**
      * Custom empty template.
      */
@@ -1353,6 +1345,18 @@ export interface DataTableSlots {
          */
         expanded: boolean;
     }): VNode[];
+    /**
+     * Custom paginator container template.
+     */
+    paginatorcontainer(): VNode[];
+    /**
+     * Custom paginator start template.
+     */
+    paginatorstart(): VNode[];
+    /**
+     * Custom paginator end template.
+     */
+    paginatorend(): VNode[];
     /**
      * Custom paginator first page link icon template.
      */
@@ -1637,7 +1641,7 @@ declare const DataTable: DefineComponent<DataTableProps, DataTableSlots, DataTab
 
 declare module 'vue' {
     export interface GlobalComponents {
-        DataTable: GlobalComponentConstructor<DataTableProps, DataTableSlots, DataTableEmits>;
+        DataTable: DefineComponent<DataTableProps, DataTableSlots, DataTableEmits>;
     }
 }