primereact 10.0.2 → 10.0.4

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,o,l,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t),v=p(n);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function h(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===d(t)?t:String(t)}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e){if(Array.isArray(e))return g(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return S(e)||O(e,t)||N(e,t)||w()}var E=r.ComponentBase.extend({defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},css:{classes:{root:function(e){var t=e.isVertical;return s.classNames("p-carousel p-component",{"p-carousel-vertical":t,"p-carousel-horizontal":!t})},container:"p-carousel-container",content:"p-carousel-content",indicators:"p-carousel-indicators p-reset",header:"p-carousel-header",footer:"p-carousel-footer",itemsContainer:"p-carousel-items-container",itemsContent:"p-carousel-items-content",previousButton:function(e){return s.classNames("p-carousel-prev p-link",{"p-disabled":e.isDisabled})},previousButtonIcon:"p-carousel-prev-icon",nextButton:function(e){return s.classNames("p-carousel-next p-link",{"p-disabled":e.isDisabled})},nextButtonIcon:"p-carousel-next-icon",indicator:function(e){return s.classNames("p-carousel-indicator",{"p-highlight":e.isActive})},indicatorButton:"p-link",itemCloned:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})},item:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})}},styles:"\n@layer primereact {\n    .p-carousel {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-carousel-content {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n    }\n    \n    .p-carousel-prev,\n    .p-carousel-next {\n        align-self: center;\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-carousel-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-items-content {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-carousel-items-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-indicators {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-carousel-indicator > button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    /* Vertical */\n    .p-carousel-vertical .p-carousel-container {\n        flex-direction: column;\n    }\n    \n    .p-carousel-vertical .p-carousel-items-container {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-carousel-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-carousel-item.p-carousel-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{itemsContent:function(e){return{height:e.height}}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=y(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=f.memo((function(e){var t=e.ptm,n=e.cx,r=e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item",a=e.template(e.item),o=s.mergeProps({className:n(r,{itemProps:e}),"data-p-carousel-item-active":e.active,"data-p-carousel-item-start":e.start,"data-p-carousel-item-end":e.end},t(r));return f.createElement("div",o,a)})),D=f.memo(f.forwardRef((function(e,t){var p=f.useContext(n.PrimeReactContext),m=E.getProps(e,p),d=C(f.useState(m.numVisible),2),h=d[0],y=d[1],g=C(f.useState(m.numScroll),2),S=g[0],O=g[1],w=C(f.useState(m.page*m.numScroll*-1),2),j=w[0],D=w[1],B=C(f.useState(m.page),2),T=B[0],A=B[1],M=E.setMetaData({props:m,state:{numVisible:h,numScroll:S,totalShiftedItems:j,page:T}}),V=M.ptm,H=M.cx,L=M.sx,U=M.isUnstyled;r.useHandleStyle(E.css.styles,U,{name:"carousel"});var _=f.useRef(null),z=f.useRef(null),X=f.useRef(0),Y=f.useRef(!!m.autoplayInterval),J=f.useRef(""),q=f.useRef(20),F=f.useRef(null),K=f.useRef(null),W=f.useRef(null),$=f.useRef(!1),G=f.useRef(null),Q=a.usePrevious(S),Z=a.usePrevious(h),ee=a.usePrevious(m.value),te=a.usePrevious(m.page),ne="vertical"===m.orientation,re=m.circular||!!m.autoplayInterval,ae=re&&m.value&&m.value.length>=h,oe=m.value?Math.max(Math.ceil((m.value.length-h)/S)+1,0):0,le=oe&&m.autoplayInterval&&Y.current,ie=m.onPageChange&&!le,ce=ie?m.page:T,ue=C(a.useResizeListener({listener:function(){pe()},when:m.responsiveOptions}),1)[0],se=function(e,t){var n=j;null!=t?(n=S*t*-1,ae&&(n-=h),$.current=!1):(n+=S*e,$.current&&(n+=X.current-S*e,$.current=!1),t=Math.abs(Math.floor((ae?n+h:n)/S)));ae&&T===oe-1&&-1===e?(n=-1*(m.value.length+h),t=0):ae&&0===T&&1===e?(n=0,t=oe-1):t===oe-1&&X.current>0&&(n+=-1*X.current-S*e,$.current=!0),z.current&&(!U()&&s.DomHandler.removeClass(z.current,"p-items-hidden"),Ie(n),z.current.style.transition="transform 500ms ease 0s"),Se(t),D(n)},pe=function(){if(z.current&&G.current){for(var e=window.innerWidth,t={numVisible:m.numVisible,numScroll:m.numScroll},n=0;n<G.current.length;n++){var r=G.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(S!==t.numScroll){var a=Math.floor(ce*S/t.numScroll),o=t.numScroll*a*-1;ae&&(o-=t.numVisible),D(o),O(t.numScroll),Se(a)}h!==t.numVisible&&y(t.numVisible)}},me=function(e,t){(re||0!==ce)&&se(1,t),Y.current=!1,e.cancelable&&e.preventDefault()},fe=function(e,t){(re||ce<oe-1)&&se(-1,t),Y.current=!1,e.cancelable&&e.preventDefault()},ve=function(e,t){t>ce?fe(e,t):t<ce&&me(e,t)},de=function(e){z.current&&"transform"===e.propertyName&&(s.DomHandler.addClass(z.current,"p-items-hidden"),z.current.style.transition="",0!==T&&T!==oe-1||!ae||Ie(j))},he=function(e){var t=e.changedTouches[0];F.current={x:t.pageX,y:t.pageY}},ye=function(e){e.cancelable&&e.preventDefault()},be=function(e){var t=e.changedTouches[0];ge(e,ne?t.pageY-F.current.y:t.pageX-F.current.x)},ge=function(e,t){Math.abs(t)>q.current&&(t<0?fe(e):me(e))},Pe=function(){m.autoplayInterval>0&&(K.current=setInterval((function(){se(-1,T===oe-1?0:T+1)}),m.autoplayInterval))},xe=function(){K.current&&clearInterval(K.current)},Ne=function(){W.current||(W.current=s.DomHandler.createInlineStyle(p&&p.nonce||v.default.nonce));var e,t="\n            .p-carousel[".concat(J.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/h,"%\n            }\n        ");if(m.responsiveOptions){var n=s.ObjectUtils.localeComparator(p&&p.locale||v.default.locale);G.current=P(e=m.responsiveOptions)||x(e)||N(e)||I(),G.current.sort((function(e,t){return s.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,n,p&&p.nullSortOrder||v.default.nullSortOrder)}));for(var r=0;r<G.current.length;r++){var a=G.current[r];t+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(J.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}W.current.innerHTML=t},Ie=function(e){z.current&&(z.current.style.transform=ne?"translate3d(0, ".concat(e*(100/h),"%, 0)"):"translate3d(".concat(e*(100/h),"%, 0, 0)"))},Se=function(e){!ie&&A(e),m.onPageChange&&m.onPageChange({page:e})};f.useImperativeHandle(t,(function(){return{props:m,startAutoplay:Pe,stopAutoplay:xe,getElement:function(){return _.current}}})),a.useMountEffect((function(){_.current&&(J.current=s.UniqueComponentId(),_.current.setAttribute(J.current,"")),W.current||(pe(),Ie(j),ue())})),a.useUpdateEffect((function(){var e=!1,t=j;if(Ne(),m.autoplayInterval&&xe(),Q!==S||Z!==h||m.value&&ee&&ee.length!==m.value.length){X.current=(m.value.length-h)%S;var n=ce;0!==oe&&n>=oe&&(Se(n=oe-1),e=!0),t=n*S*-1,ae&&(t-=h),n===oe-1&&X.current>0?(t+=-1*X.current+S,$.current=!0):$.current=!1,t!==j&&(D(t),e=!0),Ie(t)}return ae&&(0===T?t=-1*h:0===t&&(t=-1*m.value.length,X.current>0&&($.current=!0)),t!==j&&(D(t),e=!0)),te!==m.page&&(m.page>te&&m.page<=oe-1?se(-1,m.page):m.page<te&&se(1,m.page)),!e&&le&&Pe(),function(){m.autoplayInterval&&xe(),W.current=s.DomHandler.removeInlineStyle(W.current)}}));var Oe,we,Ce,Ee,je,Re,ke,De=function(){if(m.value&&m.value.length){var e=null,t=null;if(ae){var n=null;e=(n=m.value.slice(-1*h)).map((function(e,t){return f.createElement(k,{key:t+"_scloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:-1*j===m.value.length+h,start:0===t,end:t===n.length-1,ptm:V,cx:H})})),t=(n=m.value.slice(0,h)).map((function(e,t){return f.createElement(k,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:0===j,start:0===t,end:t===n.length-1,ptm:V,cx:H})}))}var r=m.value.map((function(e,t){var n=ae?-1*(j+h):-1*j,r=n+h-1;return f.createElement(k,{key:t,template:m.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t,ptm:V,cx:H})}));return f.createElement(f.Fragment,null,e,r,t)}},Be=function(){if(m.showNavigators){var e=(!re||m.value&&m.value.length<h)&&0===ce,t=s.mergeProps({className:H("previousButtonIcon")},V("previousButtonIcon")),r=s.IconUtils.getJSXIcon(ne?m.prevIcon||f.createElement(c.ChevronUpIcon,t):m.prevIcon||f.createElement(l.ChevronLeftIcon,t),R({},t),{props:m}),a=s.mergeProps({type:"button",className:H("previousButton",{isDisabled:e}),onClick:function(e){return me(e)},disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},V("previousButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Te=function(){if(m.showNavigators){var e=(!re||m.value&&m.value.length<h)&&(ce===oe-1||0===oe),t=s.mergeProps({className:H("nextButtonIcon")},V("nextButtonIcon")),r=s.IconUtils.getJSXIcon(ne?m.nextIcon||f.createElement(o.ChevronDownIcon,t):m.nextIcon||f.createElement(i.ChevronRightIcon,t),R({},t),{props:m}),a=s.mergeProps({type:"button",className:H("nextButton",{isDisabled:e}),onClick:function(e){return fe(e)},disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},V("nextButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Ae=function(e){var t=ce===e,r=function(e){return V(e,{context:{active:t}})},a=s.mergeProps({key:"carousel-indicator-"+e,className:H("indicator",{isActive:t}),"data-p-highlight":t},r("indicator")),o=s.mergeProps({type:"button",className:H("indicatorButton"),onClick:function(t){return ve(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},r("indicatorButton"));return f.createElement("li",a,f.createElement("button",o,f.createElement(u.Ripple,null)))},Me=(Oe=De(),we=ne?m.verticalViewPortHeight:"auto",Ce=Be(),Ee=Te(),je=s.mergeProps({className:H("itemsContent"),style:L("itemsContent",{height:we}),onTouchStart:function(e){return he(e)},onTouchMove:function(e){return ye(e)},onTouchEnd:function(e){return be(e)}},V("itemsContent")),Re=s.mergeProps({className:s.classNames(m.containerClassName,H("container"))},V("container")),ke=s.mergeProps({className:H("itemsContainer"),onTransitionEnd:de},V("itemsContainer")),f.createElement("div",Re,Ce,f.createElement("div",je,f.createElement("div",b({ref:z},ke),Oe)),Ee)),Ve=function(){if(m.showIndicators){for(var e=[],t=0;t<oe;t++)e.push(Ae(t));var n=s.mergeProps({className:s.classNames(m.indicatorsContentClassName,H("indicators"))},V("indicators"));return f.createElement("ul",n,e)}return null}(),He=function(){if(m.header){var e=s.mergeProps({className:H("header")},V("header"));return f.createElement("div",e,m.header)}return null}(),Le=function(){if(m.footer){var e=s.mergeProps({className:H("footer")},V("footer"));return f.createElement("div",e,m.footer)}return null}(),Ue=s.mergeProps({id:m.id,ref:_,className:s.classNames(m.className,H("root")),style:m.style},E.getOtherProps(m),V("root")),_e=s.mergeProps({className:s.classNames(m.contentClassName,H("content"))},V("content"));return f.createElement("div",Ue,He,f.createElement("div",_e,Me,Ve),Le)})));return k.displayName="CarouselItem",D.displayName="Carousel",e.Carousel=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.carousel=function(e,t,n,r,a,o,l,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t),v=p(n);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function h(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===d(t)?t:String(t)}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e){if(Array.isArray(e))return g(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return S(e)||O(e,t)||N(e,t)||w()}var E=r.ComponentBase.extend({defaultProps:{__TYPE:"Carousel",id:null,value:null,page:0,header:null,footer:null,style:null,className:null,itemTemplate:null,circular:!1,showIndicators:!0,showNavigators:!0,autoplayInterval:0,numVisible:1,numScroll:1,prevIcon:null,nextIcon:null,responsiveOptions:null,orientation:"horizontal",verticalViewPortHeight:"300px",contentClassName:null,containerClassName:null,indicatorsContentClassName:null,onPageChange:null,children:void 0},css:{classes:{root:function(e){var t=e.isVertical;return s.classNames("p-carousel p-component",{"p-carousel-vertical":t,"p-carousel-horizontal":!t})},container:"p-carousel-container",content:"p-carousel-content",indicators:"p-carousel-indicators p-reset",header:"p-carousel-header",footer:"p-carousel-footer",itemsContainer:"p-carousel-items-container",itemsContent:"p-carousel-items-content",previousButton:function(e){return s.classNames("p-carousel-prev p-link",{"p-disabled":e.isDisabled})},previousButtonIcon:"p-carousel-prev-icon",nextButton:function(e){return s.classNames("p-carousel-next p-link",{"p-disabled":e.isDisabled})},nextButtonIcon:"p-carousel-next-icon",indicator:function(e){return s.classNames("p-carousel-indicator",{"p-highlight":e.isActive})},indicatorButton:"p-link",itemCloned:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})},item:function(e){var t=e.itemProps;return s.classNames(t.className,"p-carousel-item",{"p-carousel-item-active":t.active,"p-carousel-item-start":t.start,"p-carousel-item-end":t.end})}},styles:"\n@layer primereact {\n    .p-carousel {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-carousel-content {\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n    }\n    \n    .p-carousel-prev,\n    .p-carousel-next {\n        align-self: center;\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-carousel-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-items-content {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-carousel-items-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-carousel-indicators {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-carousel-indicator > button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    /* Vertical */\n    .p-carousel-vertical .p-carousel-container {\n        flex-direction: column;\n    }\n    \n    .p-carousel-vertical .p-carousel-items-container {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Keyboard Support */\n    .p-items-hidden .p-carousel-item {\n        visibility: hidden;\n    }\n    \n    .p-items-hidden .p-carousel-item.p-carousel-item-active {\n        visibility: visible;\n    }\n}\n",inlineStyles:{itemsContent:function(e){return{height:e.height}}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=y(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=f.memo((function(e){var t=e.ptm,n=e.cx,r=e.className&&"p-carousel-item-cloned"===e.className?"itemCloned":"item",a=e.template(e.item),o=s.mergeProps({className:n(r,{itemProps:e}),"data-p-carousel-item-active":e.active,"data-p-carousel-item-start":e.start,"data-p-carousel-item-end":e.end},t(r));return f.createElement("div",o,a)})),D=f.memo(f.forwardRef((function(e,t){var p=f.useContext(n.PrimeReactContext),m=E.getProps(e,p),d=C(f.useState(m.numVisible),2),h=d[0],y=d[1],g=C(f.useState(m.numScroll),2),S=g[0],O=g[1],w=C(f.useState(m.page*m.numScroll*-1),2),j=w[0],D=w[1],B=C(f.useState(m.page),2),T=B[0],A=B[1],V=E.setMetaData({props:m,state:{numVisible:h,numScroll:S,totalShiftedItems:j,page:T}}),M=V.ptm,H=V.cx,L=V.sx,U=V.isUnstyled;r.useHandleStyle(E.css.styles,U,{name:"carousel"});var _=f.useRef(null),z=f.useRef(null),X=f.useRef(0),Y=f.useRef(!!m.autoplayInterval),J=f.useRef(""),q=f.useRef(20),F=f.useRef(null),K=f.useRef(null),W=f.useRef(null),$=f.useRef(!1),G=f.useRef(null),Q=a.usePrevious(S),Z=a.usePrevious(h),ee=a.usePrevious(m.value),te=a.usePrevious(m.page),ne="vertical"===m.orientation,re=m.circular||!!m.autoplayInterval,ae=re&&m.value&&m.value.length>=h,oe=m.value?Math.max(Math.ceil((m.value.length-h)/S)+1,0):0,le=oe&&m.autoplayInterval&&Y.current,ie=m.onPageChange&&!le,ce=ie?m.page:T,ue=C(a.useResizeListener({listener:function(){pe()},when:m.responsiveOptions}),1)[0],se=function(e,t){var n=j;null!=t?(n=S*t*-1,ae&&(n-=h),$.current=!1):(n+=S*e,$.current&&(n+=X.current-S*e,$.current=!1),t=Math.abs(Math.floor((ae?n+h:n)/S)));ae&&T===oe-1&&-1===e?(n=-1*(m.value.length+h),t=0):ae&&0===T&&1===e?(n=0,t=oe-1):t===oe-1&&X.current>0&&(n+=-1*X.current-S*e,$.current=!0),z.current&&(!U()&&s.DomHandler.removeClass(z.current,"p-items-hidden"),Ie(n),z.current.style.transition="transform 500ms ease 0s"),Se(t),D(n)},pe=function(){if(z.current&&G.current){for(var e=window.innerWidth,t={numVisible:m.numVisible,numScroll:m.numScroll},n=0;n<G.current.length;n++){var r=G.current[n];parseInt(r.breakpoint,10)>=e&&(t=r)}if(S!==t.numScroll){var a=Math.floor(ce*S/t.numScroll),o=t.numScroll*a*-1;ae&&(o-=t.numVisible),D(o),O(t.numScroll),Se(a)}h!==t.numVisible&&y(t.numVisible)}},me=function(e,t){(re||0!==ce)&&se(1,t),Y.current=!1,e.cancelable&&e.preventDefault()},fe=function(e,t){(re||ce<oe-1)&&se(-1,t),Y.current=!1,e.cancelable&&e.preventDefault()},ve=function(e,t){t>ce?fe(e,t):t<ce&&me(e,t)},de=function(e){z.current&&"transform"===e.propertyName&&(s.DomHandler.addClass(z.current,"p-items-hidden"),z.current.style.transition="",0!==T&&T!==oe-1||!ae||Ie(j))},he=function(e){var t=e.changedTouches[0];F.current={x:t.pageX,y:t.pageY}},ye=function(e){e.cancelable&&e.preventDefault()},be=function(e){var t=e.changedTouches[0];ge(e,ne?t.pageY-F.current.y:t.pageX-F.current.x)},ge=function(e,t){Math.abs(t)>q.current&&(t<0?fe(e):me(e))},Pe=function(){m.autoplayInterval>0&&(K.current=setInterval((function(){se(-1,T===oe-1?0:T+1)}),m.autoplayInterval))},xe=function(){K.current&&clearInterval(K.current)},Ne=function(){W.current||(W.current=s.DomHandler.createInlineStyle(p&&p.nonce||v.default.nonce));var e,t="\n            .p-carousel[".concat(J.current,"] .p-carousel-item {\n                flex: 1 0 ").concat(100/h,"%\n            }\n        ");if(m.responsiveOptions){var n=s.ObjectUtils.localeComparator(p&&p.locale||v.default.locale);G.current=P(e=m.responsiveOptions)||x(e)||N(e)||I(),G.current.sort((function(e,t){return s.ObjectUtils.sort(e.breakpoint,t.breakpoint,-1,n,p&&p.nullSortOrder||v.default.nullSortOrder)}));for(var r=0;r<G.current.length;r++){var a=G.current[r];t+="\n                    @media screen and (max-width: ".concat(a.breakpoint,") {\n                        .p-carousel[").concat(J.current,"] .p-carousel-item {\n                            flex: 1 0 ").concat(100/a.numVisible,"%\n                        }\n                    }\n                ")}}W.current.innerHTML=t},Ie=function(e){z.current&&(z.current.style.transform=ne?"translate3d(0, ".concat(e*(100/h),"%, 0)"):"translate3d(".concat(e*(100/h),"%, 0, 0)"))},Se=function(e){!ie&&A(e),m.onPageChange&&m.onPageChange({page:e})};f.useImperativeHandle(t,(function(){return{props:m,startAutoplay:Pe,stopAutoplay:xe,getElement:function(){return _.current}}})),a.useMountEffect((function(){_.current&&(J.current=s.UniqueComponentId(),_.current.setAttribute(J.current,"")),W.current||(pe(),Ie(j),ue())})),a.useUpdateEffect((function(){var e=!1,t=j;if(Ne(),m.autoplayInterval&&xe(),Q!==S||Z!==h||m.value&&ee&&ee.length!==m.value.length){X.current=(m.value.length-h)%S;var n=ce;0!==oe&&n>=oe&&(Se(n=oe-1),e=!0),t=n*S*-1,ae&&(t-=h),n===oe-1&&X.current>0?(t+=-1*X.current+S,$.current=!0):$.current=!1,t!==j&&(D(t),e=!0),Ie(t)}return ae&&(0===T?t=-1*h:0===t&&(t=-1*m.value.length,X.current>0&&($.current=!0)),t!==j&&(D(t),e=!0)),te!==m.page&&(m.page>te&&m.page<=oe-1?se(-1,m.page):m.page<te&&se(1,m.page)),!e&&le&&Pe(),function(){m.autoplayInterval&&xe(),W.current=s.DomHandler.removeInlineStyle(W.current)}}));var Oe,we,Ce,Ee,je,Re,ke,De=function(){if(m.value&&m.value.length){var e=null,t=null;if(ae){var n=null;e=(n=m.value.slice(-1*h)).map((function(e,t){return f.createElement(k,{key:t+"_scloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:-1*j===m.value.length+h,start:0===t,end:t===n.length-1,ptm:M,cx:H})})),t=(n=m.value.slice(0,h)).map((function(e,t){return f.createElement(k,{key:t+"_fcloned",className:"p-carousel-item-cloned",template:m.itemTemplate,item:e,active:0===j,start:0===t,end:t===n.length-1,ptm:M,cx:H})}))}var r=m.value.map((function(e,t){var n=ae?-1*(j+h):-1*j,r=n+h-1;return f.createElement(k,{key:t,template:m.itemTemplate,item:e,active:n<=t&&r>=t,start:n===t,end:r===t,ptm:M,cx:H})}));return f.createElement(f.Fragment,null,e,r,t)}},Be=function(){if(m.showNavigators){var e=(!re||m.value&&m.value.length<h)&&0===ce,t=s.mergeProps({className:H("previousButtonIcon")},M("previousButtonIcon")),r=s.IconUtils.getJSXIcon(ne?m.prevIcon||f.createElement(c.ChevronUpIcon,t):m.prevIcon||f.createElement(l.ChevronLeftIcon,t),R({},t),{props:m}),a=s.mergeProps({type:"button",className:H("previousButton",{isDisabled:e}),onClick:function(e){return me(e)},disabled:e,"aria-label":n.ariaLabel("previousPageLabel")},M("previousButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Te=function(){if(m.showNavigators){var e=(!re||m.value&&m.value.length<h)&&(ce===oe-1||0===oe),t=s.mergeProps({className:H("nextButtonIcon")},M("nextButtonIcon")),r=s.IconUtils.getJSXIcon(ne?m.nextIcon||f.createElement(o.ChevronDownIcon,t):m.nextIcon||f.createElement(i.ChevronRightIcon,t),R({},t),{props:m}),a=s.mergeProps({type:"button",className:H("nextButton",{isDisabled:e}),onClick:function(e){return fe(e)},disabled:e,"aria-label":n.ariaLabel("nextPageLabel")},M("nextButton"));return f.createElement("button",a,r,f.createElement(u.Ripple,null))}return null},Ae=function(e){var t=ce===e,r=function(e){return M(e,{context:{active:t}})},a=s.mergeProps({key:"carousel-indicator-"+e,className:H("indicator",{isActive:t}),"data-p-highlight":t},r("indicator")),o=s.mergeProps({type:"button",className:H("indicatorButton"),onClick:function(t){return ve(t,e)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(e+1)},r("indicatorButton"));return f.createElement("li",a,f.createElement("button",o,f.createElement(u.Ripple,null)))},Ve=(Oe=De(),we=ne?m.verticalViewPortHeight:"auto",Ce=Be(),Ee=Te(),je=s.mergeProps({className:H("itemsContent"),style:L("itemsContent",{height:we}),onTouchStart:function(e){return he(e)},onTouchMove:function(e){return ye(e)},onTouchEnd:function(e){return be(e)}},M("itemsContent")),Re=s.mergeProps({className:s.classNames(m.containerClassName,H("container"))},M("container")),ke=s.mergeProps({className:H("itemsContainer"),onTransitionEnd:de},M("itemsContainer")),f.createElement("div",Re,Ce,f.createElement("div",je,f.createElement("div",b({ref:z},ke),Oe)),Ee)),Me=function(){if(m.showIndicators){for(var e=[],t=0;t<oe;t++)e.push(Ae(t));var n=s.mergeProps({className:s.classNames(m.indicatorsContentClassName,H("indicators"))},M("indicators"));return f.createElement("ul",n,e)}return null}(),He=function(){if(m.header){var e=s.mergeProps({className:H("header")},M("header"));return f.createElement("div",e,m.header)}return null}(),Le=function(){if(m.footer){var e=s.mergeProps({className:H("footer")},M("footer"));return f.createElement("div",e,m.footer)}return null}(),Ue=s.mergeProps({id:m.id,ref:_,className:s.classNames(m.className,H("root",{isVertical:ne})),style:m.style},E.getOtherProps(m),M("root")),_e=s.mergeProps({className:s.classNames(m.contentClassName,H("content"))},M("content"));return f.createElement("div",Ue,He,f.createElement("div",_e,Ve,Me),Le)})));return k.displayName="CarouselItem",D.displayName="Carousel",e.Carousel=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevronup,primereact.ripple,primereact.utils);

package/checkbox/checkbox.d.ts

@@ -12,7 +12,7 @@ import { ComponentHooks } from '../componentbase/componentbase';
 import { PassThroughOptions } from '../passthrough';
 import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { FormBooleanEvent } from '../ts-helpers';
+import { FormEvent } from '../ts-helpers';
 import { IconType, PassThroughType } from '../utils';
 
 export declare type CheckboxPassThroughType<T> = PassThroughType<T, CheckboxPassThroughMethodOptions>;
@@ -93,18 +93,18 @@ export interface CheckboxState {
 /**
  * Custom change event.
  * @see {@link CheckboxProps.onChange}
- * @extends {FormBooleanEvent}
+ * @extends {FormEvent }
  * @event
  */
-interface CheckboxChangeEvent extends FormBooleanEvent {}
+interface CheckboxChangeEvent extends FormEvent {}
 
 /**
  * Custom click event.
  * @see {@link CheckboxProps.onClick}
- * @extends {FormBooleanEvent}
+ * @extends {FormEvent }
  * @event
  */
-interface CheckboxClickEvent extends FormBooleanEvent {}
+interface CheckboxClickEvent extends FormEvent {}
 
 /**
  * Defines valid properties in Checkbox component. In addition to these, all properties of HTMLDivElement can be used in this component.

package/componentbase/componentbase.d.ts

@@ -4,6 +4,14 @@ export interface ComponentHooks {
     useUnmountEffect?(): void;
 }
 
+/**
+ * Custom hook to use to load style options for a component.
+ * @param {string} styles - The style text content.
+ * @param {boolean} isUnstyled - Flag removes component related styles in the core.
+ * @param config - The component configuration.
+ */
+export declare function useHandleStyle(styles: string, isUnstyled: () => boolean, config: { name: string; styled?: boolean; hostName?: string }): void;
+
 export interface ComponentBasePassThroughOptions {
     hooks?: ComponentHooks;
 }

package/contextmenu/contextmenu.cjs.js

@@ -358,7 +358,7 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
         className: 'p-menuitem-link',
         labelClassName: 'p-menuitem-text',
         iconClassName: 'p-menuitem-icon',
-        submenuIconClassName: submenuIconClassName,
+        submenuIconClassName: cx('submenuIcon'),
         element: content,
         props: props,
         active: active
@@ -595,6 +595,9 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   hooks.useMountEffect(function () {
     var uniqueId = utils.UniqueComponentId();
     !idState && setIdState(uniqueId);
+    if (props.global) {
+      bindDocumentContextMenuListener();
+    }
     if (props.breakpoint) {
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }

package/contextmenu/contextmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),u=require("primereact/utils"),a=require("primereact/icons/angleright"),l=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(e),p=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||b(e,t)||g(e,t)||v()}var x=n.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return u.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===p.default.ripple})},menu:function(e){return u.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return u.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function E(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=E(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=m.memo((function(e){var t=h(m.useState(null),2),n=t[0],i=t[1],c=m.useRef(null),s=e.root||!e.resetMenu,p=e.ptm,d=e.cx,b=function(t,r){return p(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&i(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},g=function(t,r){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.isMobileMode&&r.items&&i(n&&r===n?null:r),r.items||e.onLeafClick(t))},v=function(){if(!e.isMobileMode){var t=c.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=c.current.offsetParent?c.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(c.current),i=u.DomHandler.getOuterWidth(t.children[0]),a=parseInt(n.top,10)+c.current.offsetHeight-u.DomHandler.getWindowScrollTop();c.current.style.top=a>r.height?r.height-a+"px":"0px",c.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o.useUpdateEffect((function(){s&&v()}));var x=function(t){var n=e.id+"_separator_"+t,r=u.mergeProps({id:n,key:n,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},O=function(t,r){return t.items?m.createElement(w,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:p,cx:d}):null},E=function(t,r){var o;if(!1===t.visible)return null;var i=n===t,c=t.id||e.id+"_"+r,s=u.mergeProps({className:d("icon")},b(t,"icon")),p=u.IconUtils.getJSXIcon(t.icon,I({},s),{props:e.menuProps}),f=u.mergeProps({className:d("submenuIcon")},b(t,"submenuIcon")),v=u.mergeProps({className:d("label")},b(t,"label")),h=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(a.AngleRightIcon,f),I({},f),{props:e.menuProps}),x=t.label&&m.createElement("span",v,t.label),E=O(t,r),P=u.mergeProps({href:t.url||"#",className:d("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),N=m.createElement("a",P,p,x,h,m.createElement(l.Ripple,null));if(t.template){var w={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:submenuIconClassName,element:N,props:e,active:i};N=u.ObjectUtils.getJSXElement(t.template,t,w)}var M=u.mergeProps((S(o={id:c,key:c,role:"none",className:d("menuitem",{item:t,active:i}),style:t.style},"key",c),S(o,"onMouseEnter",(function(e){return y(e,t)})),o),b(t,"menuitem"));return m.createElement("li",M,N,E)},P=e.model?e.model.map((function(e,t){return e.separator?x(t):E(e,t)})):null,N=u.mergeProps({className:d("menu",{menuProps:e})},p("menu",{hostName:e.hostName})),M=u.mergeProps({classNames:d("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},p("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,f({nodeRef:c},M),m.createElement("ul",f({ref:c},N),P))}));w.displayName="ContextMenuSub";var M=m.memo(m.forwardRef((function(e,a){var l=m.useContext(t.PrimeReactContext),c=x.getProps(e,l),s=h(m.useState(c.id),2),d=s[0],b=s[1],y=h(m.useState(!1),2),g=y[0],v=y[1],O=h(m.useState(!1),2),E=O[0],P=O[1],S=h(m.useState(!1),2),N=S[0],I=S[1],M=h(m.useState(null),2),j=M[0],H=M[1],k=x.setMetaData({props:c,state:{id:d,visible:g,reshow:E,resetMenu:N,attributeSelector:j}}),D=k.ptm,C=k.cx;n.useHandleStyle(x.css.styles,k.isUnstyled,{name:"contextmenu"});var T=m.useRef(null),U=m.useRef(null),L=m.useRef(null),R=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),q=h(o.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),I(!0))}}),2),Z=q[0],_=q[1],A=h(o.useEventListener({type:"contextmenu",when:c.global,listener:function(e){Y(e)}}),1)[0],W=h(o.useResizeListener({listener:function(e){g&&!u.DomHandler.isTouchDevice()&&B(e)}}),2),z=W[0],X=W[1],J=function(){if(!L.current){L.current=u.DomHandler.createInlineStyle(l&&l.nonce||p.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');L.current.innerHTML=t}},V=function(){L.current=u.DomHandler.removeInlineStyle(L.current)},Y=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(v(!0),c.onShow&&c.onShow(U.current))},B=function(e){U.current=e,v(!1),P(!1),c.onHide&&c.onHide(U.current)},$=function(){u.DomHandler.addStyles(T.current,{position:"absolute"}),c.autoZIndex&&u.ZIndexUtils.set("menu",T.current,l&&l.autoZIndex||p.default.autoZIndex,c.baseZIndex||l&&l.zIndex.menu||p.default.zIndex.menu),Q(U.current),j&&c.breakpoint&&(T.current.setAttribute(j,""),J())},F=function(){ne()},G=function(){re(),u.ZIndexUtils.clear(T.current)},K=function(){u.ZIndexUtils.clear(T.current),V()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(T.current),i=u.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){I(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){z(),Z()},re=function(){X(),_()};o.useMountEffect((function(){var e=u.UniqueComponentId();!d&&b(e),c.breakpoint&&!j&&H(e)})),o.useUpdateEffect((function(){c.global&&A()}),[c.global]),o.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),J()),function(){V()}}),[j,c.breakpoint]),o.useUpdateEffect((function(){g?(v(!1),P(!1),I(!0)):E||g||!N||Y(U.current)}),[E]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)})),m.useImperativeHandle(a,(function(){return{props:c,show:Y,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=u.mergeProps({id:c.id,className:u.classNames(c.className,C("root",{context:l})),style:c.style,onClick:function(e){I(!1)},onMouseEnter:function(e){I(!1)}},x.getOtherProps(c),D("root")),ie=u.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:c.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),m.createElement(r.CSSTransition,f({nodeRef:T},ie),m.createElement("div",f({ref:T},oe),m.createElement(w,{hostName:"ContextMenu",id:d,menuProps:c,model:c.model,root:!0,resetMenu:N,onLeafClick:ee,isMobileMode:R,submenuIcon:c.submenuIcon,ptm:D,cx:C}))));return m.createElement(i.Portal,{element:ue,appendTo:c.appendTo})})));M.displayName="ContextMenu",exports.ContextMenu=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/portal"),u=require("primereact/utils"),a=require("primereact/icons/angleright"),l=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=s(e),p=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||b(e,t)||g(e,t)||v()}var x=n.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return u.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===p.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===p.default.ripple})},menu:function(e){return u.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return u.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function E(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=E(e,"string");return"symbol"===O(t)?t:String(t)}function S(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=m.memo((function(e){var t=h(m.useState(null),2),n=t[0],i=t[1],c=m.useRef(null),s=e.root||!e.resetMenu,p=e.ptm,d=e.cx,b=function(t,r){return p(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&i(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():i(n)},g=function(t,r){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.isMobileMode&&r.items&&i(n&&r===n?null:r),r.items||e.onLeafClick(t))},v=function(){if(!e.isMobileMode){var t=c.current.parentElement,n=u.DomHandler.getOffset(t),r=u.DomHandler.getViewport(),o=c.current.offsetParent?c.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(c.current),i=u.DomHandler.getOuterWidth(t.children[0]),a=parseInt(n.top,10)+c.current.offsetHeight-u.DomHandler.getWindowScrollTop();c.current.style.top=a>r.height?r.height-a+"px":"0px",c.current.style.left=parseInt(n.left,10)+i+o>r.width-u.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};o.useUpdateEffect((function(){s&&v()}));var x=function(t){var n=e.id+"_separator_"+t,r=u.mergeProps({id:n,key:n,className:d("separator"),role:"separator"},p("separator",{hostName:e.hostName}));return m.createElement("li",r)},O=function(t,r){return t.items?m.createElement(w,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:p,cx:d}):null},E=function(t,r){var o;if(!1===t.visible)return null;var i=n===t,c=t.id||e.id+"_"+r,s=u.mergeProps({className:d("icon")},b(t,"icon")),p=u.IconUtils.getJSXIcon(t.icon,N({},s),{props:e.menuProps}),f=u.mergeProps({className:d("submenuIcon")},b(t,"submenuIcon")),v=u.mergeProps({className:d("label")},b(t,"label")),h=t.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(a.AngleRightIcon,f),N({},f),{props:e.menuProps}),x=t.label&&m.createElement("span",v,t.label),E=O(t,r),P=u.mergeProps({href:t.url||"#",className:d("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),I=m.createElement("a",P,p,x,h,m.createElement(l.Ripple,null));if(t.template){var w={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:d("submenuIcon"),element:I,props:e,active:i};I=u.ObjectUtils.getJSXElement(t.template,t,w)}var M=u.mergeProps((S(o={id:c,key:c,role:"none",className:d("menuitem",{item:t,active:i}),style:t.style},"key",c),S(o,"onMouseEnter",(function(e){return y(e,t)})),o),b(t,"menuitem"));return m.createElement("li",M,I,E)},P=e.model?e.model.map((function(e,t){return e.separator?x(t):E(e,t)})):null,I=u.mergeProps({className:d("menu",{menuProps:e})},p("menu",{hostName:e.hostName})),M=u.mergeProps({classNames:d("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},p("menu.transition",{hostName:e.hostName}));return m.createElement(r.CSSTransition,f({nodeRef:c},M),m.createElement("ul",f({ref:c},I),P))}));w.displayName="ContextMenuSub";var M=m.memo(m.forwardRef((function(e,a){var l=m.useContext(t.PrimeReactContext),c=x.getProps(e,l),s=h(m.useState(c.id),2),d=s[0],b=s[1],y=h(m.useState(!1),2),g=y[0],v=y[1],O=h(m.useState(!1),2),E=O[0],P=O[1],S=h(m.useState(!1),2),I=S[0],N=S[1],M=h(m.useState(null),2),j=M[0],H=M[1],k=x.setMetaData({props:c,state:{id:d,visible:g,reshow:E,resetMenu:I,attributeSelector:j}}),D=k.ptm,C=k.cx;n.useHandleStyle(x.css.styles,k.isUnstyled,{name:"contextmenu"});var T=m.useRef(null),U=m.useRef(null),L=m.useRef(null),R=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),q=h(o.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),N(!0))}}),2),Z=q[0],_=q[1],A=h(o.useEventListener({type:"contextmenu",when:c.global,listener:function(e){Y(e)}}),1)[0],W=h(o.useResizeListener({listener:function(e){g&&!u.DomHandler.isTouchDevice()&&B(e)}}),2),z=W[0],X=W[1],J=function(){if(!L.current){L.current=u.DomHandler.createInlineStyle(l&&l.nonce||p.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');L.current.innerHTML=t}},V=function(){L.current=u.DomHandler.removeInlineStyle(L.current)},Y=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(v(!0),c.onShow&&c.onShow(U.current))},B=function(e){U.current=e,v(!1),P(!1),c.onHide&&c.onHide(U.current)},$=function(){u.DomHandler.addStyles(T.current,{position:"absolute"}),c.autoZIndex&&u.ZIndexUtils.set("menu",T.current,l&&l.autoZIndex||p.default.autoZIndex,c.baseZIndex||l&&l.zIndex.menu||p.default.zIndex.menu),Q(U.current),j&&c.breakpoint&&(T.current.setAttribute(j,""),J())},F=function(){ne()},G=function(){re(),u.ZIndexUtils.clear(T.current)},K=function(){u.ZIndexUtils.clear(T.current),V()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:u.DomHandler.getHiddenElementOuterHeight(T.current),i=u.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){N(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){z(),Z()},re=function(){X(),_()};o.useMountEffect((function(){var e=u.UniqueComponentId();!d&&b(e),c.global&&A(),c.breakpoint&&!j&&H(e)})),o.useUpdateEffect((function(){c.global&&A()}),[c.global]),o.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),J()),function(){V()}}),[j,c.breakpoint]),o.useUpdateEffect((function(){g?(v(!1),P(!1),N(!0)):E||g||!I||Y(U.current)}),[E]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)})),m.useImperativeHandle(a,(function(){return{props:c,show:Y,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=u.mergeProps({id:c.id,className:u.classNames(c.className,C("root",{context:l})),style:c.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},x.getOtherProps(c),D("root")),ie=u.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:c.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),m.createElement(r.CSSTransition,f({nodeRef:T},ie),m.createElement("div",f({ref:T},oe),m.createElement(w,{hostName:"ContextMenu",id:d,menuProps:c,model:c.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:R,submenuIcon:c.submenuIcon,ptm:D,cx:C}))));return m.createElement(i.Portal,{element:ue,appendTo:c.appendTo})})));M.displayName="ContextMenu",exports.ContextMenu=M;

package/contextmenu/contextmenu.esm.js

@@ -331,7 +331,7 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
         className: 'p-menuitem-link',
         labelClassName: 'p-menuitem-text',
         iconClassName: 'p-menuitem-icon',
-        submenuIconClassName: submenuIconClassName,
+        submenuIconClassName: cx('submenuIcon'),
         element: content,
         props: props,
         active: active
@@ -568,6 +568,9 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   useMountEffect(function () {
     var uniqueId = UniqueComponentId();
     !idState && setIdState(uniqueId);
+    if (props.global) {
+      bindDocumentContextMenuListener();
+    }
     if (props.breakpoint) {
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }

package/contextmenu/contextmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useUpdateEffect as u,useMatchMedia as a,useEventListener as c,useResizeListener as l,useMountEffect as s,useUnmountEffect as m}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as f,mergeProps as d,DomHandler as b,IconUtils as y,ObjectUtils as h,UniqueComponentId as v,ZIndexUtils as g}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";import{Ripple as S}from"primereact/ripple";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,t){return E(e)||N(e,t)||I(e,t)||P()}var k=r.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return f("p-contextmenu p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},menu:function(e){return f({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return f("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return f("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function C(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function H(e){var t=C(e,"string");return"symbol"===j(t)?t:String(t)}function T(e,t,n){return(t=H(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var L=e.memo((function(t){var n=M(e.useState(null),2),r=n[0],o=n[1],a=e.useRef(null),c=t.root||!t.resetMenu,l=t.ptm,s=t.cx,m=function(e,n){return l(n,{hostName:t.hostName,context:{active:r===e}})};!0===t.resetMenu&&null!==r&&o(null);var p=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():o(n)},f=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),t.isMobileMode&&n.items&&o(r&&n===r?null:n),n.items||t.onLeafClick(e))},v=function(){if(!t.isMobileMode){var e=a.current.parentElement,n=b.getOffset(e),r=b.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:b.getHiddenElementOuterWidth(a.current),i=b.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+a.current.offsetHeight-b.getWindowScrollTop();a.current.style.top=u>r.height?r.height-u+"px":"0px",a.current.style.left=parseInt(n.left,10)+i+o>r.width-b.calculateScrollbarWidth()?-1*o+"px":i+"px"}};u((function(){c&&v()}));var g=function(n){var r=t.id+"_separator_"+n,o=d({id:r,key:r,className:s("separator"),role:"separator"},l("separator",{hostName:t.hostName}));return e.createElement("li",o)},E=function(n,o){return n.items?e.createElement(L,{id:t.id+"_"+o,hostName:t.hostName,menuProps:t.menuProps,model:n.items,resetMenu:n!==r,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:l,cx:s}):null},N=function(n,o){var i;if(!1===n.visible)return null;var u=r===n,a=n.id||t.id+"_"+o,c=d({className:s("icon")},m(n,"icon")),l=y.getJSXIcon(n.icon,A({},c),{props:t.menuProps}),b=d({className:s("submenuIcon")},m(n,"submenuIcon")),v=d({className:s("label")},m(n,"label")),g=n.items&&y.getJSXIcon(t.submenuIcon||e.createElement(x,b),A({},b),{props:t.menuProps}),O=n.label&&e.createElement("span",v,n.label),N=E(n,o),w=d({href:n.url||"#",className:s("action",{item:n}),target:n.target,onClick:function(e){return f(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},m(n,"action")),I=e.createElement("a",w,l,O,g,e.createElement(S,null));if(n.template){var P={onClick:function(e){return f(e,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:submenuIconClassName,element:I,props:t,active:u};I=h.getJSXElement(n.template,n,P)}var M=d((T(i={id:a,key:a,role:"none",className:s("menuitem",{item:n,active:u}),style:n.style},"key",a),T(i,"onMouseEnter",(function(e){return p(e,n)})),i),m(n,"menuitem"));return e.createElement("li",M,I,N)},w=t.model?t.model.map((function(e,t){return e.separator?g(t):N(e,t)})):null,I=d({className:s("menu",{menuProps:t})},l("menu",{hostName:t.hostName})),P=d({classNames:s("submenuTransition"),in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},l("menu.transition",{hostName:t.hostName}));return e.createElement(i,O({nodeRef:a},P),e.createElement("ul",O({ref:a},I),w))}));L.displayName="ContextMenuSub";var R=e.memo(e.forwardRef((function(r,y){var h=e.useContext(n),x=k.getProps(r,h),S=M(e.useState(x.id),2),E=S[0],N=S[1],w=M(e.useState(!1),2),I=w[0],P=w[1],j=M(e.useState(!1),2),C=j[0],H=j[1],T=M(e.useState(!1),2),D=T[0],A=T[1],R=M(e.useState(null),2),W=R[0],Z=R[1],_=k.setMetaData({props:x,state:{id:E,visible:I,reshow:C,resetMenu:D,attributeSelector:W}}),X=_.ptm,z=_.cx;o(k.css.styles,_.isUnstyled,{name:"contextmenu"});var J=e.useRef(null),U=e.useRef(null),V=e.useRef(null),Y=a("screen and (max-width: ".concat(x.breakpoint,")"),!!x.breakpoint),$=M(c({type:"click",listener:function(e){se(e)&&2!==e.button&&(re(e),A(!0))}}),2),q=$[0],B=$[1],F=M(c({type:"contextmenu",when:x.global,listener:function(e){ne(e)}}),1)[0],G=M(l({listener:function(e){I&&!b.isTouchDevice()&&re(e)}}),2),K=G[0],Q=G[1],ee=function(){if(!V.current){V.current=b.createInlineStyle(h&&h.nonce||t.nonce);var e="".concat(W),n="\n@media screen and (max-width: ".concat(x.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(x.scrollHeight,";\n        overflow: ").concat(x.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');V.current.innerHTML=n}},te=function(){V.current=b.removeInlineStyle(V.current)},ne=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,I?H(!0):(P(!0),x.onShow&&x.onShow(U.current))},re=function(e){U.current=e,P(!1),H(!1),x.onHide&&x.onHide(U.current)},oe=function(){b.addStyles(J.current,{position:"absolute"}),x.autoZIndex&&g.set("menu",J.current,h&&h.autoZIndex||t.autoZIndex,x.baseZIndex||h&&h.zIndex.menu||t.zIndex.menu),ce(U.current),W&&x.breakpoint&&(J.current.setAttribute(W,""),ee())},ie=function(){me()},ue=function(){pe(),g.clear(J.current)},ae=function(){g.clear(J.current),te()},ce=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=J.current.offsetParent?J.current.offsetWidth:b.getHiddenElementOuterWidth(J.current),o=J.current.offsetParent?J.current.offsetHeight:b.getHiddenElementOuterHeight(J.current),i=b.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),J.current.style.left=t+"px",J.current.style.top=n+"px"}},le=function(e){A(!0),re(e),e.stopPropagation()},se=function(e){return J&&J.current&&!(J.current.isSameNode(e.target)||J.current.contains(e.target))},me=function(){K(),q()},pe=function(){Q(),B()};s((function(){var e=v();!E&&N(e),x.breakpoint&&!W&&Z(e)})),u((function(){x.global&&F()}),[x.global]),u((function(){return W&&J.current&&(J.current.setAttribute(W,""),ee()),function(){te()}}),[W,x.breakpoint]),u((function(){I?(P(!1),H(!1),A(!0)):C||I||!D||ne(U.current)}),[C]),m((function(){g.clear(J.current)})),e.useImperativeHandle(y,(function(){return{props:x,show:ne,hide:re,getElement:function(){return J.current}}}));var fe,de,be=(fe=d({id:x.id,className:f(x.className,z("root",{context:h})),style:x.style,onClick:function(e){A(!1)},onMouseEnter:function(e){A(!1)}},k.getOtherProps(x),X("root")),de=d({classNames:z("transition"),in:I,timeout:{enter:250,exit:0},options:x.transitionOptions,unmountOnExit:!0,onEnter:oe,onEntered:ie,onExit:ue,onExited:ae},X("transition")),e.createElement(i,O({nodeRef:J},de),e.createElement("div",O({ref:J},fe),e.createElement(L,{hostName:"ContextMenu",id:E,menuProps:x,model:x.model,root:!0,resetMenu:D,onLeafClick:le,isMobileMode:Y,submenuIcon:x.submenuIcon,ptm:X,cx:z}))));return e.createElement(p,{element:be,appendTo:x.appendTo})})));R.displayName="ContextMenu";export{R as ContextMenu};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useUpdateEffect as u,useMatchMedia as a,useEventListener as c,useResizeListener as l,useMountEffect as s,useUnmountEffect as m}from"primereact/hooks";import{Portal as p}from"primereact/portal";import{classNames as f,mergeProps as d,DomHandler as b,IconUtils as y,ObjectUtils as h,UniqueComponentId as v,ZIndexUtils as g}from"primereact/utils";import{AngleRightIcon as x}from"primereact/icons/angleright";import{Ripple as S}from"primereact/ripple";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){if(e){if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,t){return E(e)||w(e,t)||I(e,t)||P()}var k=r.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return f("p-contextmenu p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},menu:function(e){return f({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return f("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return f("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function C(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function H(e){var t=C(e,"string");return"symbol"===j(t)?t:String(t)}function T(e,t,n){return(t=H(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var L=e.memo((function(t){var n=M(e.useState(null),2),r=n[0],o=n[1],a=e.useRef(null),c=t.root||!t.resetMenu,l=t.ptm,s=t.cx,m=function(e,n){return l(n,{hostName:t.hostName,context:{active:r===e}})};!0===t.resetMenu&&null!==r&&o(null);var p=function(e,n){n.disabled||t.isMobileMode?e.preventDefault():o(n)},f=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),t.isMobileMode&&n.items&&o(r&&n===r?null:n),n.items||t.onLeafClick(e))},v=function(){if(!t.isMobileMode){var e=a.current.parentElement,n=b.getOffset(e),r=b.getViewport(),o=a.current.offsetParent?a.current.offsetWidth:b.getHiddenElementOuterWidth(a.current),i=b.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+a.current.offsetHeight-b.getWindowScrollTop();a.current.style.top=u>r.height?r.height-u+"px":"0px",a.current.style.left=parseInt(n.left,10)+i+o>r.width-b.calculateScrollbarWidth()?-1*o+"px":i+"px"}};u((function(){c&&v()}));var g=function(n){var r=t.id+"_separator_"+n,o=d({id:r,key:r,className:s("separator"),role:"separator"},l("separator",{hostName:t.hostName}));return e.createElement("li",o)},E=function(n,o){return n.items?e.createElement(L,{id:t.id+"_"+o,hostName:t.hostName,menuProps:t.menuProps,model:n.items,resetMenu:n!==r,onLeafClick:t.onLeafClick,isMobileMode:t.isMobileMode,submenuIcon:t.submenuIcon,ptm:l,cx:s}):null},w=function(n,o){var i;if(!1===n.visible)return null;var u=r===n,a=n.id||t.id+"_"+o,c=d({className:s("icon")},m(n,"icon")),l=y.getJSXIcon(n.icon,A({},c),{props:t.menuProps}),b=d({className:s("submenuIcon")},m(n,"submenuIcon")),v=d({className:s("label")},m(n,"label")),g=n.items&&y.getJSXIcon(t.submenuIcon||e.createElement(x,b),A({},b),{props:t.menuProps}),O=n.label&&e.createElement("span",v,n.label),w=E(n,o),N=d({href:n.url||"#",className:s("action",{item:n}),target:n.target,onClick:function(e){return f(e,n)},role:"menuitem","aria-haspopup":null!=n.items,"aria-disabled":n.disabled},m(n,"action")),I=e.createElement("a",N,l,O,g,e.createElement(S,null));if(n.template){var P={onClick:function(e){return f(e,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:s("submenuIcon"),element:I,props:t,active:u};I=h.getJSXElement(n.template,n,P)}var M=d((T(i={id:a,key:a,role:"none",className:s("menuitem",{item:n,active:u}),style:n.style},"key",a),T(i,"onMouseEnter",(function(e){return p(e,n)})),i),m(n,"menuitem"));return e.createElement("li",M,I,w)},N=t.model?t.model.map((function(e,t){return e.separator?g(t):w(e,t)})):null,I=d({className:s("menu",{menuProps:t})},l("menu",{hostName:t.hostName})),P=d({classNames:s("submenuTransition"),in:c,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){v()}},l("menu.transition",{hostName:t.hostName}));return e.createElement(i,O({nodeRef:a},P),e.createElement("ul",O({ref:a},I),N))}));L.displayName="ContextMenuSub";var R=e.memo(e.forwardRef((function(r,y){var h=e.useContext(n),x=k.getProps(r,h),S=M(e.useState(x.id),2),E=S[0],w=S[1],N=M(e.useState(!1),2),I=N[0],P=N[1],j=M(e.useState(!1),2),C=j[0],H=j[1],T=M(e.useState(!1),2),D=T[0],A=T[1],R=M(e.useState(null),2),W=R[0],Z=R[1],_=k.setMetaData({props:x,state:{id:E,visible:I,reshow:C,resetMenu:D,attributeSelector:W}}),X=_.ptm,z=_.cx;o(k.css.styles,_.isUnstyled,{name:"contextmenu"});var J=e.useRef(null),U=e.useRef(null),V=e.useRef(null),Y=a("screen and (max-width: ".concat(x.breakpoint,")"),!!x.breakpoint),$=M(c({type:"click",listener:function(e){se(e)&&2!==e.button&&(re(e),A(!0))}}),2),q=$[0],B=$[1],F=M(c({type:"contextmenu",when:x.global,listener:function(e){ne(e)}}),1)[0],G=M(l({listener:function(e){I&&!b.isTouchDevice()&&re(e)}}),2),K=G[0],Q=G[1],ee=function(){if(!V.current){V.current=b.createInlineStyle(h&&h.nonce||t.nonce);var e="".concat(W),n="\n@media screen and (max-width: ".concat(x.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(x.scrollHeight,";\n        overflow: ").concat(x.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');V.current.innerHTML=n}},te=function(){V.current=b.removeInlineStyle(V.current)},ne=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,I?H(!0):(P(!0),x.onShow&&x.onShow(U.current))},re=function(e){U.current=e,P(!1),H(!1),x.onHide&&x.onHide(U.current)},oe=function(){b.addStyles(J.current,{position:"absolute"}),x.autoZIndex&&g.set("menu",J.current,h&&h.autoZIndex||t.autoZIndex,x.baseZIndex||h&&h.zIndex.menu||t.zIndex.menu),ce(U.current),W&&x.breakpoint&&(J.current.setAttribute(W,""),ee())},ie=function(){me()},ue=function(){pe(),g.clear(J.current)},ae=function(){g.clear(J.current),te()},ce=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=J.current.offsetParent?J.current.offsetWidth:b.getHiddenElementOuterWidth(J.current),o=J.current.offsetParent?J.current.offsetHeight:b.getHiddenElementOuterHeight(J.current),i=b.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),J.current.style.left=t+"px",J.current.style.top=n+"px"}},le=function(e){A(!0),re(e),e.stopPropagation()},se=function(e){return J&&J.current&&!(J.current.isSameNode(e.target)||J.current.contains(e.target))},me=function(){K(),q()},pe=function(){Q(),B()};s((function(){var e=v();!E&&w(e),x.global&&F(),x.breakpoint&&!W&&Z(e)})),u((function(){x.global&&F()}),[x.global]),u((function(){return W&&J.current&&(J.current.setAttribute(W,""),ee()),function(){te()}}),[W,x.breakpoint]),u((function(){I?(P(!1),H(!1),A(!0)):C||I||!D||ne(U.current)}),[C]),m((function(){g.clear(J.current)})),e.useImperativeHandle(y,(function(){return{props:x,show:ne,hide:re,getElement:function(){return J.current}}}));var fe,de,be=(fe=d({id:x.id,className:f(x.className,z("root",{context:h})),style:x.style,onClick:function(e){A(!1)},onMouseEnter:function(e){A(!1)}},k.getOtherProps(x),X("root")),de=d({classNames:z("transition"),in:I,timeout:{enter:250,exit:0},options:x.transitionOptions,unmountOnExit:!0,onEnter:oe,onEntered:ie,onExit:ue,onExited:ae},X("transition")),e.createElement(i,O({nodeRef:J},de),e.createElement("div",O({ref:J},fe),e.createElement(L,{hostName:"ContextMenu",id:E,menuProps:x,model:x.model,root:!0,resetMenu:D,onLeafClick:le,isMobileMode:Y,submenuIcon:x.submenuIcon,ptm:X,cx:z}))));return e.createElement(p,{element:be,appendTo:x.appendTo})})));R.displayName="ContextMenu";export{R as ContextMenu};

package/contextmenu/contextmenu.js

@@ -347,7 +347,7 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, componentba
           className: 'p-menuitem-link',
           labelClassName: 'p-menuitem-text',
           iconClassName: 'p-menuitem-icon',
-          submenuIconClassName: submenuIconClassName,
+          submenuIconClassName: cx('submenuIcon'),
           element: content,
           props: props,
           active: active
@@ -584,6 +584,9 @@ this.primereact.contextmenu = (function (exports, React, PrimeReact, componentba
     hooks.useMountEffect(function () {
       var uniqueId = utils.UniqueComponentId();
       !idState && setIdState(uniqueId);
+      if (props.global) {
+        bindDocumentContextMenuListener();
+      }
       if (props.breakpoint) {
         !attributeSelectorState && setAttributeSelectorState(uniqueId);
       }

package/contextmenu/contextmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,u,a,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return b(e)||y(e,t)||h(e,t)||v()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){return a.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function P(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=P(e,"string");return"symbol"===E(t)?t:String(t)}function N(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=p.memo((function(e){var t=x(p.useState(null),2),n=t[0],r=t[1],u=p.useRef(null),s=e.root||!e.resetMenu,m=e.ptm,f=e.cx,b=function(t,r){return m(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&r(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():r(n)},g=function(t,o){o.disabled?t.preventDefault():(o.url||t.preventDefault(),o.command&&o.command({originalEvent:t,item:o}),e.isMobileMode&&o.items&&r(n&&o===n?null:o),o.items||e.onLeafClick(t))},h=function(){if(!e.isMobileMode){var t=u.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=u.current.offsetParent?u.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(u.current),i=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+u.current.offsetHeight-a.DomHandler.getWindowScrollTop();u.current.style.top=c>r.height?r.height-c+"px":"0px",u.current.style.left=parseInt(n.left,10)+i+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};i.useUpdateEffect((function(){s&&h()}));var v=function(t){var n=e.id+"_separator_"+t,r=a.mergeProps({id:n,key:n,className:f("separator"),role:"separator"},m("separator",{hostName:e.hostName}));return p.createElement("li",r)},O=function(t,r){return t.items?p.createElement(M,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:m,cx:f}):null},E=function(t,r){var o;if(!1===t.visible)return null;var i=n===t,u=t.id||e.id+"_"+r,s=a.mergeProps({className:f("icon")},b(t,"icon")),m=a.IconUtils.getJSXIcon(t.icon,w({},s),{props:e.menuProps}),d=a.mergeProps({className:f("submenuIcon")},b(t,"submenuIcon")),h=a.mergeProps({className:f("label")},b(t,"label")),v=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(c.AngleRightIcon,d),w({},d),{props:e.menuProps}),x=t.label&&p.createElement("span",h,t.label),E=O(t,r),P=a.mergeProps({href:t.url||"#",className:f("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),S=p.createElement("a",P,m,x,v,p.createElement(l.Ripple,null));if(t.template){var I={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:submenuIconClassName,element:S,props:e,active:i};S=a.ObjectUtils.getJSXElement(t.template,t,I)}var M=a.mergeProps((N(o={id:u,key:u,role:"none",className:f("menuitem",{item:t,active:i}),style:t.style},"key",u),N(o,"onMouseEnter",(function(e){return y(e,t)})),o),b(t,"menuitem"));return p.createElement("li",M,S,E)},P=e.model?e.model.map((function(e,t){return e.separator?v(t):E(e,t)})):null,S=a.mergeProps({className:f("menu",{menuProps:e})},m("menu",{hostName:e.hostName})),I=a.mergeProps({classNames:f("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){h()}},m("menu.transition",{hostName:e.hostName}));return p.createElement(o.CSSTransition,d({nodeRef:u},I),p.createElement("ul",d({ref:u},S),P))}));M.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var c=p.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=x(p.useState(l.id),2),m=s[0],b=s[1],y=x(p.useState(!1),2),g=y[0],h=y[1],v=x(p.useState(!1),2),E=v[0],P=v[1],S=x(p.useState(!1),2),N=S[0],I=S[1],w=x(p.useState(null),2),j=w[0],H=w[1],k=O.setMetaData({props:l,state:{id:m,visible:g,reshow:E,resetMenu:N,attributeSelector:j}}),D=k.ptm,C=k.cx;r.useHandleStyle(O.css.styles,k.isUnstyled,{name:"contextmenu"});var T=p.useRef(null),U=p.useRef(null),R=p.useRef(null),L=i.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),Z=x(i.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),I(!0))}}),2),_=Z[0],A=Z[1],W=x(i.useEventListener({type:"contextmenu",when:l.global,listener:function(e){q(e)}}),1)[0],z=x(i.useResizeListener({listener:function(e){g&&!a.DomHandler.isTouchDevice()&&B(e)}}),2),X=z[0],J=z[1],V=function(){if(!R.current){R.current=a.DomHandler.createInlineStyle(c&&c.nonce||f.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');R.current.innerHTML=t}},Y=function(){R.current=a.DomHandler.removeInlineStyle(R.current)},q=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(h(!0),l.onShow&&l.onShow(U.current))},B=function(e){U.current=e,h(!1),P(!1),l.onHide&&l.onHide(U.current)},$=function(){a.DomHandler.addStyles(T.current,{position:"absolute"}),l.autoZIndex&&a.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||f.default.autoZIndex,l.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),Q(U.current),j&&l.breakpoint&&(T.current.setAttribute(j,""),V())},F=function(){ne()},G=function(){re(),a.ZIndexUtils.clear(T.current)},K=function(){a.ZIndexUtils.clear(T.current),Y()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(T.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){I(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){X(),_()},re=function(){J(),A()};i.useMountEffect((function(){var e=a.UniqueComponentId();!m&&b(e),l.breakpoint&&!j&&H(e)})),i.useUpdateEffect((function(){l.global&&W()}),[l.global]),i.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),V()),function(){Y()}}),[j,l.breakpoint]),i.useUpdateEffect((function(){g?(h(!1),P(!1),I(!0)):E||g||!N||q(U.current)}),[E]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(T.current)})),p.useImperativeHandle(t,(function(){return{props:l,show:q,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=a.mergeProps({id:l.id,className:a.classNames(l.className,C("root",{context:c})),style:l.style,onClick:function(e){I(!1)},onMouseEnter:function(e){I(!1)}},O.getOtherProps(l),D("root")),ie=a.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:l.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),p.createElement(o.CSSTransition,d({nodeRef:T},ie),p.createElement("div",d({ref:T},oe),p.createElement(M,{hostName:"ContextMenu",id:m,menuProps:l,model:l.model,root:!0,resetMenu:N,onLeafClick:ee,isMobileMode:L,submenuIcon:l.submenuIcon,ptm:D,cx:C}))));return p.createElement(u.Portal,{element:ue,appendTo:l.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.contextmenu=function(e,t,n,r,o,i,u,a,c,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),f=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return b(e)||y(e,t)||h(e,t)||v()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"ContextMenu",id:null,model:null,style:null,className:null,global:!1,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-contextmenu p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},menu:function(e){return a.classNames({"p-submenu-list":!e.menuProps.root})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active":e.active},e.item.className)},action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},icon:"p-menuitem-icon",submenuIcon:"p-submenu-icon",label:"p-menuitem-text",separator:"p-menu-separator",transition:"p-contextmenu",submenuTransition:"p-contextmenusub"},styles:"\n@layer primereact {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        opacity: 1;\n        transition: opacity 250ms;\n    }\n}\n"}});function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function P(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=P(e,"string");return"symbol"===E(t)?t:String(t)}function I(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=p.memo((function(e){var t=x(p.useState(null),2),n=t[0],r=t[1],u=p.useRef(null),s=e.root||!e.resetMenu,m=e.ptm,f=e.cx,b=function(t,r){return m(r,{hostName:e.hostName,context:{active:n===t}})};!0===e.resetMenu&&null!==n&&r(null);var y=function(t,n){n.disabled||e.isMobileMode?t.preventDefault():r(n)},g=function(t,o){o.disabled?t.preventDefault():(o.url||t.preventDefault(),o.command&&o.command({originalEvent:t,item:o}),e.isMobileMode&&o.items&&r(n&&o===n?null:o),o.items||e.onLeafClick(t))},h=function(){if(!e.isMobileMode){var t=u.current.parentElement,n=a.DomHandler.getOffset(t),r=a.DomHandler.getViewport(),o=u.current.offsetParent?u.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(u.current),i=a.DomHandler.getOuterWidth(t.children[0]),c=parseInt(n.top,10)+u.current.offsetHeight-a.DomHandler.getWindowScrollTop();u.current.style.top=c>r.height?r.height-c+"px":"0px",u.current.style.left=parseInt(n.left,10)+i+o>r.width-a.DomHandler.calculateScrollbarWidth()?-1*o+"px":i+"px"}};i.useUpdateEffect((function(){s&&h()}));var v=function(t){var n=e.id+"_separator_"+t,r=a.mergeProps({id:n,key:n,className:f("separator"),role:"separator"},m("separator",{hostName:e.hostName}));return p.createElement("li",r)},O=function(t,r){return t.items?p.createElement(M,{id:e.id+"_"+r,hostName:e.hostName,menuProps:e.menuProps,model:t.items,resetMenu:t!==n,onLeafClick:e.onLeafClick,isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:m,cx:f}):null},E=function(t,r){var o;if(!1===t.visible)return null;var i=n===t,u=t.id||e.id+"_"+r,s=a.mergeProps({className:f("icon")},b(t,"icon")),m=a.IconUtils.getJSXIcon(t.icon,w({},s),{props:e.menuProps}),d=a.mergeProps({className:f("submenuIcon")},b(t,"submenuIcon")),h=a.mergeProps({className:f("label")},b(t,"label")),v=t.items&&a.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(c.AngleRightIcon,d),w({},d),{props:e.menuProps}),x=t.label&&p.createElement("span",h,t.label),E=O(t,r),P=a.mergeProps({href:t.url||"#",className:f("action",{item:t}),target:t.target,onClick:function(e){return g(e,t)},role:"menuitem","aria-haspopup":null!=t.items,"aria-disabled":t.disabled},b(t,"action")),S=p.createElement("a",P,m,x,v,p.createElement(l.Ripple,null));if(t.template){var N={onClick:function(e){return g(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:"p-menuitem-icon",submenuIconClassName:f("submenuIcon"),element:S,props:e,active:i};S=a.ObjectUtils.getJSXElement(t.template,t,N)}var M=a.mergeProps((I(o={id:u,key:u,role:"none",className:f("menuitem",{item:t,active:i}),style:t.style},"key",u),I(o,"onMouseEnter",(function(e){return y(e,t)})),o),b(t,"menuitem"));return p.createElement("li",M,S,E)},P=e.model?e.model.map((function(e,t){return e.separator?v(t):E(e,t)})):null,S=a.mergeProps({className:f("menu",{menuProps:e})},m("menu",{hostName:e.hostName})),N=a.mergeProps({classNames:f("submenuTransition"),in:s,timeout:{enter:0,exit:0},unmountOnExit:!0,onEnter:function(){h()}},m("menu.transition",{hostName:e.hostName}));return p.createElement(o.CSSTransition,d({nodeRef:u},N),p.createElement("ul",d({ref:u},S),P))}));M.displayName="ContextMenuSub";var j=p.memo(p.forwardRef((function(e,t){var c=p.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=x(p.useState(l.id),2),m=s[0],b=s[1],y=x(p.useState(!1),2),g=y[0],h=y[1],v=x(p.useState(!1),2),E=v[0],P=v[1],S=x(p.useState(!1),2),I=S[0],N=S[1],w=x(p.useState(null),2),j=w[0],H=w[1],k=O.setMetaData({props:l,state:{id:m,visible:g,reshow:E,resetMenu:I,attributeSelector:j}}),D=k.ptm,C=k.cx;r.useHandleStyle(O.css.styles,k.isUnstyled,{name:"contextmenu"});var T=p.useRef(null),U=p.useRef(null),R=p.useRef(null),L=i.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),Z=x(i.useEventListener({type:"click",listener:function(e){te(e)&&2!==e.button&&(B(e),N(!0))}}),2),_=Z[0],A=Z[1],W=x(i.useEventListener({type:"contextmenu",when:l.global,listener:function(e){q(e)}}),1)[0],z=x(i.useResizeListener({listener:function(e){g&&!a.DomHandler.isTouchDevice()&&B(e)}}),2),X=z[0],J=z[1],V=function(){if(!R.current){R.current=a.DomHandler.createInlineStyle(c&&c.nonce||f.default.nonce);var e="".concat(j),t="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-contextmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.scrollHeight?"auto":"",";\n    }\n\n    .p-contextmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-contextmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-contextmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n}\n');R.current.innerHTML=t}},Y=function(){R.current=a.DomHandler.removeInlineStyle(R.current)},q=function(e){e.stopPropagation(),e.preventDefault(),U.current=e,g?P(!0):(h(!0),l.onShow&&l.onShow(U.current))},B=function(e){U.current=e,h(!1),P(!1),l.onHide&&l.onHide(U.current)},$=function(){a.DomHandler.addStyles(T.current,{position:"absolute"}),l.autoZIndex&&a.ZIndexUtils.set("menu",T.current,c&&c.autoZIndex||f.default.autoZIndex,l.baseZIndex||c&&c.zIndex.menu||f.default.zIndex.menu),Q(U.current),j&&l.breakpoint&&(T.current.setAttribute(j,""),V())},F=function(){ne()},G=function(){re(),a.ZIndexUtils.clear(T.current)},K=function(){a.ZIndexUtils.clear(T.current),Y()},Q=function(e){if(e){var t=e.pageX+1,n=e.pageY+1,r=T.current.offsetParent?T.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(T.current),o=T.current.offsetParent?T.current.offsetHeight:a.DomHandler.getHiddenElementOuterHeight(T.current),i=a.DomHandler.getViewport();t+r-document.body.scrollLeft>i.width&&(t-=r),n+o-document.body.scrollTop>i.height&&(n-=o),t<document.body.scrollLeft&&(t=document.body.scrollLeft),n<document.body.scrollTop&&(n=document.body.scrollTop),T.current.style.left=t+"px",T.current.style.top=n+"px"}},ee=function(e){N(!0),B(e),e.stopPropagation()},te=function(e){return T&&T.current&&!(T.current.isSameNode(e.target)||T.current.contains(e.target))},ne=function(){X(),_()},re=function(){J(),A()};i.useMountEffect((function(){var e=a.UniqueComponentId();!m&&b(e),l.global&&W(),l.breakpoint&&!j&&H(e)})),i.useUpdateEffect((function(){l.global&&W()}),[l.global]),i.useUpdateEffect((function(){return j&&T.current&&(T.current.setAttribute(j,""),V()),function(){Y()}}),[j,l.breakpoint]),i.useUpdateEffect((function(){g?(h(!1),P(!1),N(!0)):E||g||!I||q(U.current)}),[E]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(T.current)})),p.useImperativeHandle(t,(function(){return{props:l,show:q,hide:B,getElement:function(){return T.current}}}));var oe,ie,ue=(oe=a.mergeProps({id:l.id,className:a.classNames(l.className,C("root",{context:c})),style:l.style,onClick:function(e){N(!1)},onMouseEnter:function(e){N(!1)}},O.getOtherProps(l),D("root")),ie=a.mergeProps({classNames:C("transition"),in:g,timeout:{enter:250,exit:0},options:l.transitionOptions,unmountOnExit:!0,onEnter:$,onEntered:F,onExit:G,onExited:K},D("transition")),p.createElement(o.CSSTransition,d({nodeRef:T},ie),p.createElement("div",d({ref:T},oe),p.createElement(M,{hostName:"ContextMenu",id:m,menuProps:l,model:l.model,root:!0,resetMenu:I,onLeafClick:ee,isMobileMode:L,submenuIcon:l.submenuIcon,ptm:D,cx:C}))));return p.createElement(u.Portal,{element:ue,appendTo:l.appendTo})})));return j.displayName="ContextMenu",e.ContextMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);