primereact 10.0.2 → 10.0.4

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as o}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useEventListener as s,useMountEffect as l,useUpdateEffect as p,useUnmountEffect as c}from"primereact/hooks";import{TimesIcon as d}from"primereact/icons/times";import{Portal as u}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as m,DomHandler as f,ObjectUtils as v,ZIndexUtils as h,mergeProps as y,IconUtils as g}from"primereact/utils";function x(){return x=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},x.apply(this,arguments)}function w(e){return w="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},w(e)}function S(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=S(e,"string");return"symbol"===w(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,s=[],l=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw i}}return s}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):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 C(e,n){return O(e)||k(e,n)||I(e,n)||P()}var N=i.extend({defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return m("p-sidebar-mask",r?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return m("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return m("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}}),R=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},T=function(n,t,r){var i,o,a,s,l,p,c,d,u,b,m,h,y,g,x,w=(s=void 0===(a=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,l=i.type,p=i.listener,c=i.options,u=void 0===(d=i.when)||d,b=e.useRef(null),m=e.useRef(null),h=R(p),y=R(c),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};v.isNotEmpty(e.target)&&(x(),(e.when||u)&&(b.current=f.getTargetElement(e.target))),!m.current&&b.current&&(m.current=function(e){return p&&p(e)},b.current.addEventListener(l,m.current,c))},x=function(){m.current&&(b.current.removeEventListener(l,m.current,c),m.current=null)},e.useEffect((function(){u?b.current=f.getTargetElement(s):(x(),b.current=null)}),[s,u]),e.useEffect((function(){!m.current||""+h==""+p&&y===c||(x(),u&&g())}),[p,c,u]),o=function(){x()},e.useEffect((function(){return o}),[]),[g,x]),S=C(w,2),E=S[0],O=S[1];return e.useEffect((function(){if(t&&n.current)return E(),function(){O()}})),[n,r]};function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=E(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var L=e.forwardRef((function(i,m){var w=e.useContext(t),S=N.getProps(i,w),E=C(e.useState(!1),2),O=E[0],k=E[1],j=C(e.useState(!1),2),I=j[0],P=j[1],R=N.setMetaData({props:S,state:{containerVisible:O}}),A=R.ptm,L=R.cx,Z=R.sx;o(N.css.styles,R.isUnstyled,{name:"sidebar"});var z=e.useRef(null),B=e.useRef(null),M=e.useRef(null);T(B,S.closeOnEscape,(function(e){h.get(B.current)===h.getCurrent("modal",w&&w.autoZIndex||n.autoZIndex)&&X(e)}));var H=C(s({type:"click",listener:function(e){0===e.button&&V(e)&&X(e)}}),2),J=H[0],U=H[1],V=function(e){return z&&z.current&&!z.current.contains(e.target)},X=function(e){S.onHide(),e.preventDefault()},_=function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&z&&z.current.contains(e))&&S.showCloseIcon&&M.current.focus(),Y()},F=function(){S.modal&&f.addClass(B.current,"p-component-overlay-leave")},W=function(){h.clear(B.current),k(!1),$()},Y=function(){S.dismissable&&!S.modal&&J(),S.blockScroll&&(f.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",f.calculateScrollbarWidth()+"px"))},$=function(){U(),S.blockScroll&&(f.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"))};e.useImperativeHandle(m,(function(){return{props:S,getElement:function(){return z.current},gteMask:function(){return B.current},getCloseIcon:function(){return M.current}}})),l((function(){S.visible&&k(!0)})),p((function(){S.visible&&!O&&k(!0),S.visible!==I&&O&&P(S.visible)})),p((function(){O&&(h.set("modal",B.current,w&&w.autoZIndex||n.autoZIndex,S.baseZIndex||w&&w.zIndex.modal||n.zIndex.modal),P(!0))}),[O]),p((function(){I&&(U(),S.dismissable&&!S.modal&&J())}),[S.dismissable,S.modal,I]),c((function(){$(),B.current&&h.clear(B.current)}));var q,G,K,Q,ee,ne,te,re,ie,oe,ae,se=function(){var n=y({type:"button",ref:M,className:L("closeButton"),onClick:function(e){return X(e)},"aria-label":o},A("closeButton")),t=y({className:L("closeIcon")},A("closeIcon")),i=g.getJSXIcon(S.closeIcon||e.createElement(d,t),D({},t),{props:S}),o=S.ariaCloseLabel||r("close");return S.showCloseIcon?e.createElement("button",n,i,e.createElement(b,null)):null};return O&&(q=se(),G=S.icons?v.getJSXElement(S.icons,S):null,K=S.header?v.getJSXElement(S.header,S):null,Q={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},ee=y({ref:B,style:Z("mask"),className:L("mask",{maskVisibleState:O}),onMouseDown:function(e){return n=e,void(S.dismissable&&S.modal&&B.current===n.target&&X(n));var n}},A("mask")),ne=y({id:S.id,className:L("root",{context:w}),style:S.style,role:"complementary"},N.getOtherProps(S),A("root")),te=y({className:L("header")},A("header")),re=y({className:L("content")},A("content")),ie=y({className:L("icons")},A("icons")),oe=y({classNames:L("transition"),in:I,timeout:Q,options:S.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:F,onExited:W},A("transition")),ae=e.createElement("div",ee,e.createElement(a,x({nodeRef:z},oe),e.createElement("div",x({ref:z},ne),e.createElement("div",te,K,e.createElement("div",ie,G,q)),e.createElement("div",re,S.children)))),e.createElement(u,{element:ae,appendTo:S.appendTo,visible:!0}))}));L.displayName="Sidebar";export{L as Sidebar};
+import*as e from"react";import{DomHandler as n,ObjectUtils as t,classNames as r,ZIndexUtils as i,mergeProps as o,IconUtils as a}from"primereact/utils";import s,{PrimeReactContext as l,localeOption as p}from"primereact/api";import{ComponentBase as c,useHandleStyle as d}from"primereact/componentbase";import{CSSTransition as u}from"primereact/csstransition";import{useEventListener as b,useMountEffect as f,useUpdateEffect as m,useUnmountEffect as v}from"primereact/hooks";import{TimesIcon as h}from"primereact/icons/times";import{Portal as y}from"primereact/portal";import{Ripple as g}from"primereact/ripple";function x(){return x=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},x.apply(this,arguments)}function w(e){return w="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},w(e)}function S(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function E(e){var n=S(e,"string");return"symbol"===w(n)?n:String(n)}function k(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,s=[],l=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw i}}return s}}function j(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return j(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(e,n):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 N(e,n){return k(e)||O(e,n)||I(e,n)||P()}var C=function(n){var t=e.useRef(void 0);return e.useEffect((function(){t.current=n})),t.current},R=function(r,i,o){var a,s,l,p,c,d,u,b,f,m,v,h,y,g,x,w=(p=void 0===(l=(a={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),o(e))}}).target)?"document":l,c=a.type,d=a.listener,u=a.options,f=void 0===(b=a.when)||b,m=e.useRef(null),v=e.useRef(null),h=C(d),y=C(u),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.isNotEmpty(e.target)&&(x(),(e.when||f)&&(m.current=n.getTargetElement(e.target))),!v.current&&m.current&&(v.current=function(e){return d&&d(e)},m.current.addEventListener(c,v.current,u))},x=function(){v.current&&(m.current.removeEventListener(c,v.current,u),v.current=null)},e.useEffect((function(){f?m.current=n.getTargetElement(p):(x(),m.current=null)}),[p,f]),e.useEffect((function(){!v.current||""+h==""+d&&y===u||(x(),f&&g())}),[d,u,f]),s=function(){x()},e.useEffect((function(){return s}),[]),[g,x]),S=N(w,2),E=S[0],k=S[1];return e.useEffect((function(){if(i&&r.current)return E(),function(){k()}})),[r,o]},T=c.extend({defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return r("p-sidebar-mask",i?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return r("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return r("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===s.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===s.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=E(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=e.forwardRef((function(r,c){var w=e.useContext(l),S=T.getProps(r,w),E=N(e.useState(!1),2),k=E[0],O=E[1],j=N(e.useState(!1),2),I=j[0],P=j[1],C=T.setMetaData({props:S,state:{containerVisible:k}}),A=C.ptm,B=C.cx,L=C.sx;d(T.css.styles,C.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),z=e.useRef(null),M=e.useRef(null);R(z,S.closeOnEscape,(function(e){i.get(z.current)===i.getCurrent("modal",w&&w.autoZIndex||s.autoZIndex)&&X(e)}));var H=N(b({type:"click",listener:function(e){0===e.button&&V(e)&&X(e)}}),2),J=H[0],U=H[1],V=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},X=function(e){S.onHide(),e.preventDefault()},_=function(){var e;S.onShow&&S.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&S.showCloseIcon&&M.current.focus(),$()},F=function(){S.modal&&n.addClass(z.current,"p-component-overlay-leave")},Y=function(){i.clear(z.current),O(!1),q()},$=function(){S.dismissable&&!S.modal&&J(),S.blockScroll&&n.blockBodyScroll()},q=function(){U(),S.blockScroll&&n.unblockBodyScroll()};e.useImperativeHandle(c,(function(){return{props:S,getElement:function(){return Z.current},gteMask:function(){return z.current},getCloseIcon:function(){return M.current}}})),f((function(){S.visible&&O(!0)})),m((function(){S.visible&&!k&&O(!0),S.visible!==I&&k&&P(S.visible)})),m((function(){k&&(i.set("modal",z.current,w&&w.autoZIndex||s.autoZIndex,S.baseZIndex||w&&w.zIndex.modal||s.zIndex.modal),P(!0))}),[k]),m((function(){I&&(U(),S.dismissable&&!S.modal&&J())}),[S.dismissable,S.modal,I]),v((function(){q(),z.current&&i.clear(z.current)}));var G,K,Q,W,ee,ne,te,re,ie,oe,ae,se=function(){var n=o({type:"button",ref:M,className:B("closeButton"),onClick:function(e){return X(e)},"aria-label":i},A("closeButton")),t=o({className:B("closeIcon")},A("closeIcon")),r=a.getJSXIcon(S.closeIcon||e.createElement(h,t),D({},t),{props:S}),i=S.ariaCloseLabel||p("close");return S.showCloseIcon?e.createElement("button",n,r,e.createElement(g,null)):null};return k&&(G=se(),K=S.icons?t.getJSXElement(S.icons,S):null,Q=S.header?t.getJSXElement(S.header,S):null,W={enter:S.fullScreen?150:300,exit:S.fullScreen?150:300},ee=o({ref:z,style:L("mask"),className:B("mask",{maskVisibleState:k}),onMouseDown:function(e){return n=e,void(S.dismissable&&S.modal&&z.current===n.target&&X(n));var n}},A("mask")),ne=o({id:S.id,className:B("root",{context:w}),style:S.style,role:"complementary"},T.getOtherProps(S),A("root")),te=o({className:B("header")},A("header")),re=o({className:B("content")},A("content")),ie=o({className:B("icons")},A("icons")),oe=o({classNames:B("transition"),in:I,timeout:W,options:S.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:F,onExited:Y},A("transition")),ae=e.createElement("div",ee,e.createElement(u,x({nodeRef:Z},oe),e.createElement("div",x({ref:Z},ne),e.createElement("div",te,Q,e.createElement("div",ie,K,G)),e.createElement("div",re,S.children)))),e.createElement(y,{element:ae,appendTo:S.appendTo,visible:!0}))}));B.displayName="Sidebar";export{B as Sidebar};

package/sidebar/sidebar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, portal, ripple, utils) {
+this.primereact.sidebar = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, portal, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -136,90 +136,6 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var classes = {
-    closeButton: 'p-sidebar-close p-sidebar-icon p-link',
-    closeIcon: 'p-sidebar-close-icon',
-    mask: function mask(_ref) {
-      var props = _ref.props,
-        maskVisibleState = _ref.maskVisibleState;
-      var positions = ['left', 'right', 'top', 'bottom'];
-      var pos = positions.find(function (item) {
-        return item === props.position;
-      });
-      return utils.classNames('p-sidebar-mask', pos ? "p-sidebar-".concat(pos) : '', {
-        'p-component-overlay p-component-overlay-enter': props.modal,
-        'p-sidebar-mask-scrollblocker': props.blockScroll,
-        'p-sidebar-visible': maskVisibleState,
-        'p-sidebar-full': props.fullScreen
-      }, props.maskClassName);
-    },
-    header: function header(_ref2) {
-      var props = _ref2.props;
-      return utils.classNames('p-sidebar-header', {
-        'p-sidebar-custom-header': props.header
-      });
-    },
-    content: 'p-sidebar-content',
-    icons: 'p-sidebar-icons',
-    root: function root(_ref3) {
-      var props = _ref3.props,
-        context = _ref3.context;
-      return utils.classNames('p-sidebar p-component', props.className, {
-        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
-      });
-    },
-    transition: 'p-sidebar'
-  };
-  var styles = "\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n";
-  var inlineStyles = {
-    mask: function mask(_ref4) {
-      var props = _ref4.props;
-      return {
-        position: 'fixed',
-        height: '100%',
-        width: '100%',
-        left: 0,
-        top: 0,
-        display: 'flex',
-        justifyContent: props.position === 'left' ? 'flex-start' : props.position === 'right' ? 'flex-end' : 'center',
-        alignItems: props.position === 'top' ? 'flex-start' : props.position === 'bottom' ? 'flex-end' : 'center'
-      };
-    }
-  };
-  var SidebarBase = componentbase.ComponentBase.extend({
-    defaultProps: {
-      __TYPE: 'Sidebar',
-      id: null,
-      style: null,
-      className: null,
-      maskStyle: null,
-      maskClassName: null,
-      visible: false,
-      position: 'left',
-      fullScreen: false,
-      blockScroll: false,
-      baseZIndex: 0,
-      dismissable: true,
-      showCloseIcon: true,
-      closeIcon: null,
-      ariaCloseLabel: null,
-      closeOnEscape: true,
-      icons: null,
-      modal: true,
-      appendTo: null,
-      transitionOptions: null,
-      onShow: null,
-      onHide: null,
-      children: undefined
-    },
-    css: {
-      classes: classes,
-      styles: styles,
-      inlineStyles: inlineStyles
-    }
-  });
-
   var usePrevious = function usePrevious(newValue) {
     var ref = React__namespace.useRef(undefined);
     React__namespace.useEffect(function () {
@@ -320,6 +236,90 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
     return [ref, callback];
   };
 
+  var classes = {
+    closeButton: 'p-sidebar-close p-sidebar-icon p-link',
+    closeIcon: 'p-sidebar-close-icon',
+    mask: function mask(_ref) {
+      var props = _ref.props,
+        maskVisibleState = _ref.maskVisibleState;
+      var positions = ['left', 'right', 'top', 'bottom'];
+      var pos = positions.find(function (item) {
+        return item === props.position;
+      });
+      return utils.classNames('p-sidebar-mask', pos ? "p-sidebar-".concat(pos) : '', {
+        'p-component-overlay p-component-overlay-enter': props.modal,
+        'p-sidebar-mask-scrollblocker': props.blockScroll,
+        'p-sidebar-visible': maskVisibleState,
+        'p-sidebar-full': props.fullScreen
+      }, props.maskClassName);
+    },
+    header: function header(_ref2) {
+      var props = _ref2.props;
+      return utils.classNames('p-sidebar-header', {
+        'p-sidebar-custom-header': props.header
+      });
+    },
+    content: 'p-sidebar-content',
+    icons: 'p-sidebar-icons',
+    root: function root(_ref3) {
+      var props = _ref3.props,
+        context = _ref3.context;
+      return utils.classNames('p-sidebar p-component', props.className, {
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
+      });
+    },
+    transition: 'p-sidebar'
+  };
+  var styles = "\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n";
+  var inlineStyles = {
+    mask: function mask(_ref4) {
+      var props = _ref4.props;
+      return {
+        position: 'fixed',
+        height: '100%',
+        width: '100%',
+        left: 0,
+        top: 0,
+        display: 'flex',
+        justifyContent: props.position === 'left' ? 'flex-start' : props.position === 'right' ? 'flex-end' : 'center',
+        alignItems: props.position === 'top' ? 'flex-start' : props.position === 'bottom' ? 'flex-end' : 'center'
+      };
+    }
+  };
+  var SidebarBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Sidebar',
+      id: null,
+      style: null,
+      className: null,
+      maskStyle: null,
+      maskClassName: null,
+      visible: false,
+      position: 'left',
+      fullScreen: false,
+      blockScroll: false,
+      baseZIndex: 0,
+      dismissable: true,
+      showCloseIcon: true,
+      closeIcon: null,
+      ariaCloseLabel: null,
+      closeOnEscape: true,
+      icons: null,
+      modal: true,
+      appendTo: null,
+      transitionOptions: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    css: {
+      classes: classes,
+      styles: styles,
+      inlineStyles: inlineStyles
+    }
+  });
+
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -408,15 +408,13 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
         bindDocumentClickListener();
       }
       if (props.blockScroll) {
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
       }
     };
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindDocumentClickListener();
       if (props.blockScroll) {
-        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        utils.DomHandler.unblockBodyScroll();
       }
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -563,4 +561,4 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple, primereact.utils);
+})({}, React, primereact.utils, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple);

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=d(n),b=p(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return x(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}function S(){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 E(e,n){return y(e)||g(e,n)||w(e,n)||S()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return c.classNames("p-sidebar-mask",r?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return c.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return c.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}}),j=function(e){var n=u.useRef(void 0);return u.useEffect((function(){n.current=e})),n.current},k=function(e,n,t){var r,i,a,o,s,l,p,d,b,f,m,v,h,y,g,x=(o=void 0===(a=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),t(e))}}).target)?"document":a,s=r.type,l=r.listener,p=r.options,b=void 0===(d=r.when)||d,f=u.useRef(null),m=u.useRef(null),v=j(l),h=j(p),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||b)&&(f.current=c.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return l&&l(e)},f.current.addEventListener(s,m.current,p))},g=function(){m.current&&(f.current.removeEventListener(s,m.current,p),m.current=null)},u.useEffect((function(){b?f.current=c.DomHandler.getTargetElement(o):(g(),f.current=null)}),[o,b]),u.useEffect((function(){!m.current||""+v==""+l&&h===p||(g(),b&&y())}),[l,p,b]),i=function(){g()},u.useEffect((function(){return i}),[]),[y,g]),w=E(x,2),S=w[0],O=w[1];return u.useEffect((function(){if(n&&e.current)return S(),function(){O()}})),[e,t]};function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=u.forwardRef((function(e,n){var p=u.useContext(t.PrimeReactContext),d=O.getProps(e,p),m=E(u.useState(!1),2),v=m[0],h=m[1],y=E(u.useState(!1),2),g=y[0],x=y[1],w=O.setMetaData({props:d,state:{containerVisible:v}}),S=w.ptm,j=w.cx,P=w.sx;r.useHandleStyle(O.css.styles,w.isUnstyled,{name:"sidebar"});var C=u.useRef(null),N=u.useRef(null),U=u.useRef(null);k(N,d.closeOnEscape,(function(e){c.ZIndexUtils.get(N.current)===c.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||b.default.autoZIndex)&&H(e)}));var D=E(a.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&H(e)}}),2),R=D[0],T=D[1],Z=function(e){return C&&C.current&&!C.current.contains(e.target)},H=function(e){d.onHide(),e.preventDefault()},A=function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&d.showCloseIcon&&U.current.focus(),L()},M=function(){d.modal&&c.DomHandler.addClass(N.current,"p-component-overlay-leave")},z=function(){c.ZIndexUtils.clear(N.current),h(!1),_()},L=function(){d.dismissable&&!d.modal&&R(),d.blockScroll&&(c.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",c.DomHandler.calculateScrollbarWidth()+"px"))},_=function(){T(),d.blockScroll&&(c.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"))};u.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return C.current},gteMask:function(){return N.current},getCloseIcon:function(){return U.current}}})),a.useMountEffect((function(){d.visible&&h(!0)})),a.useUpdateEffect((function(){d.visible&&!v&&h(!0),d.visible!==g&&v&&x(d.visible)})),a.useUpdateEffect((function(){v&&(c.ZIndexUtils.set("modal",N.current,p&&p.autoZIndex||b.default.autoZIndex,d.baseZIndex||p&&p.zIndex.modal||b.default.zIndex.modal),x(!0))}),[v]),a.useUpdateEffect((function(){g&&(T(),d.dismissable&&!d.modal&&R())}),[d.dismissable,d.modal,g]),a.useUnmountEffect((function(){_(),N.current&&c.ZIndexUtils.clear(N.current)}));var B,J,V,X,F,W,Y,$,q,G,K,Q=function(){var e=c.mergeProps({type:"button",ref:U,className:j("closeButton"),onClick:function(e){return H(e)},"aria-label":i},S("closeButton")),n=c.mergeProps({className:j("closeIcon")},S("closeIcon")),r=c.IconUtils.getJSXIcon(d.closeIcon||u.createElement(o.TimesIcon,n),I({},n),{props:d}),i=d.ariaCloseLabel||t.localeOption("close");return d.showCloseIcon?u.createElement("button",e,r,u.createElement(l.Ripple,null)):null};return v&&(B=Q(),J=d.icons?c.ObjectUtils.getJSXElement(d.icons,d):null,V=d.header?c.ObjectUtils.getJSXElement(d.header,d):null,X={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},F=c.mergeProps({ref:N,style:P("mask"),className:j("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&N.current===n.target&&H(n));var n}},S("mask")),W=c.mergeProps({id:d.id,className:j("root",{context:p}),style:d.style,role:"complementary"},O.getOtherProps(d),S("root")),Y=c.mergeProps({className:j("header")},S("header")),$=c.mergeProps({className:j("content")},S("content")),q=c.mergeProps({className:j("icons")},S("icons")),G=c.mergeProps({classNames:j("transition"),in:g,timeout:X,options:d.transitionOptions,unmountOnExit:!0,onEntered:A,onExiting:M,onExited:z},S("transition")),K=u.createElement("div",F,u.createElement(i.CSSTransition,f({nodeRef:C},G),u.createElement("div",f({ref:C},W),u.createElement("div",Y,V,u.createElement("div",q,J,B)),u.createElement("div",$,d.children)))),u.createElement(s.Portal,{element:K,appendTo:d.appendTo,visible:!0}))}));return C.displayName="Sidebar",e.Sidebar=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var u=d(n),b=p(r);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return x(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}function S(){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 E(e,n){return y(e)||g(e,n)||w(e,n)||S()}var O=function(e){var n=u.useRef(void 0);return u.useEffect((function(){n.current=e})),n.current},j=function(e,n,r){var i,a,o,s,l,c,p,d,b,f,m,v,h,y,g,x=(s=void 0===(o=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":o,l=i.type,c=i.listener,p=i.options,b=void 0===(d=i.when)||d,f=u.useRef(null),m=u.useRef(null),v=O(c),h=O(p),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||b)&&(f.current=t.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,p))},g=function(){m.current&&(f.current.removeEventListener(l,m.current,p),m.current=null)},u.useEffect((function(){b?f.current=t.DomHandler.getTargetElement(s):(g(),f.current=null)}),[s,b]),u.useEffect((function(){!m.current||""+v==""+c&&h===p||(g(),b&&y())}),[c,p,b]),a=function(){g()},u.useEffect((function(){return a}),[]),[y,g]),w=E(x,2),S=w[0],j=w[1];return u.useEffect((function(){if(n&&e.current)return S(),function(){j()}})),[e,r]},k=i.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===n.position}));return t.classNames("p-sidebar-mask",i?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return t.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return t.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N=u.forwardRef((function(e,n){var p=u.useContext(r.PrimeReactContext),d=k.getProps(e,p),m=E(u.useState(!1),2),v=m[0],h=m[1],y=E(u.useState(!1),2),g=y[0],x=y[1],w=k.setMetaData({props:d,state:{containerVisible:v}}),S=w.ptm,O=w.cx,I=w.sx;i.useHandleStyle(k.css.styles,w.isUnstyled,{name:"sidebar"});var N=u.useRef(null),C=u.useRef(null),U=u.useRef(null);j(C,d.closeOnEscape,(function(e){t.ZIndexUtils.get(C.current)===t.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||b.default.autoZIndex)&&H(e)}));var D=E(o.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&H(e)}}),2),R=D[0],T=D[1],Z=function(e){return N&&N.current&&!N.current.contains(e.target)},H=function(e){d.onHide(),e.preventDefault()},A=function(){var e;d.onShow&&d.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&d.showCloseIcon&&U.current.focus(),z()},B=function(){d.modal&&t.DomHandler.addClass(C.current,"p-component-overlay-leave")},M=function(){t.ZIndexUtils.clear(C.current),h(!1),L()},z=function(){d.dismissable&&!d.modal&&R(),d.blockScroll&&t.DomHandler.blockBodyScroll()},L=function(){T(),d.blockScroll&&t.DomHandler.unblockBodyScroll()};u.useImperativeHandle(n,(function(){return{props:d,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return U.current}}})),o.useMountEffect((function(){d.visible&&h(!0)})),o.useUpdateEffect((function(){d.visible&&!v&&h(!0),d.visible!==g&&v&&x(d.visible)})),o.useUpdateEffect((function(){v&&(t.ZIndexUtils.set("modal",C.current,p&&p.autoZIndex||b.default.autoZIndex,d.baseZIndex||p&&p.zIndex.modal||b.default.zIndex.modal),x(!0))}),[v]),o.useUpdateEffect((function(){g&&(T(),d.dismissable&&!d.modal&&R())}),[d.dismissable,d.modal,g]),o.useUnmountEffect((function(){L(),C.current&&t.ZIndexUtils.clear(C.current)}));var _,J,V,X,F,Y,$,q,G,K,Q,W=function(){var e=t.mergeProps({type:"button",ref:U,className:O("closeButton"),onClick:function(e){return H(e)},"aria-label":a},S("closeButton")),n=t.mergeProps({className:O("closeIcon")},S("closeIcon")),i=t.IconUtils.getJSXIcon(d.closeIcon||u.createElement(s.TimesIcon,n),P({},n),{props:d}),a=d.ariaCloseLabel||r.localeOption("close");return d.showCloseIcon?u.createElement("button",e,i,u.createElement(c.Ripple,null)):null};return v&&(_=W(),J=d.icons?t.ObjectUtils.getJSXElement(d.icons,d):null,V=d.header?t.ObjectUtils.getJSXElement(d.header,d):null,X={enter:d.fullScreen?150:300,exit:d.fullScreen?150:300},F=t.mergeProps({ref:C,style:I("mask"),className:O("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(d.dismissable&&d.modal&&C.current===n.target&&H(n));var n}},S("mask")),Y=t.mergeProps({id:d.id,className:O("root",{context:p}),style:d.style,role:"complementary"},k.getOtherProps(d),S("root")),$=t.mergeProps({className:O("header")},S("header")),q=t.mergeProps({className:O("content")},S("content")),G=t.mergeProps({className:O("icons")},S("icons")),K=t.mergeProps({classNames:O("transition"),in:g,timeout:X,options:d.transitionOptions,unmountOnExit:!0,onEntered:A,onExiting:B,onExited:M},S("transition")),Q=u.createElement("div",F,u.createElement(a.CSSTransition,f({nodeRef:N},K),u.createElement("div",f({ref:N},Y),u.createElement("div",$,V,u.createElement("div",G,J,_)),u.createElement("div",q,d.children)))),u.createElement(l.Portal,{element:Q,appendTo:d.appendTo,visible:!0}))}));return N.displayName="Sidebar",e.Sidebar=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple);

package/slider/slider.cjs.js

@@ -406,8 +406,8 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     bottomValue = utils.ObjectUtils.isEmpty(bottomValue) ? null : bottomValue;
     var style = {
       transition: dragging.current ? 'none' : null,
-      left: leftValue && leftValue + '%',
-      bottom: bottomValue && bottomValue + '%'
+      left: leftValue != null && leftValue + '%',
+      bottom: bottomValue != null && bottomValue + '%'
     };
     var handleProps = utils.mergeProps(_objectSpread({
       className: cx('handle', {
@@ -432,7 +432,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       },
       'aria-valuemin': props.min,
       'aria-valuemax': props.max,
-      'aria-valuenow': leftValue || bottomValue,
+      'aria-valuenow': leftValue || bottomValue || 0,
       'aria-orientation': props.orientation
     }, ariaProps), ptm('handle'));
     return /*#__PURE__*/React__namespace.createElement("span", handleProps);

package/slider/slider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),i=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=o(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function f(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function y(){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 b(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,a,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function g(){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,n){return b(e)||v(e,n)||m(e,n)||g()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return i.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return i.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=c(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=a.memo(a.forwardRef((function(e,o){var u=a.useContext(n.PrimeReactContext),s=O.getProps(e,u),c=a.useRef(null),p=a.useRef(0),b=a.useRef(!1),v=a.useRef(!1),g=a.useRef(0),x=a.useRef(0),S=a.useRef(0),w=a.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,D=h(t.useEventListener({type:"mousemove",listener:function(e){return K(e)}}),2),R=D[0],I=D[1],N=h(t.useEventListener({type:"mouseup",listener:function(e){return V(e)}}),2),C=N[0],z=N[1],M=h(t.useEventListener({type:"touchmove",listener:function(e){return K(e)}}),2),U=M[0],k=M[1],_=h(t.useEventListener({type:"touchend",listener:function(e){return V(e)}}),2),H=_[0],L=_[1],T=O.setMetaData({props:s}),q=T.ptm,F=T.cx,W=T.sx;r.useHandleStyle(O.css.styles,T.isUnstyled,{name:"slider"});var Y=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},B=function(e,n){s.disabled||(v.current=!0,J(),b.current=!0,p.current=n)},K=function(e){v.current&&(Q(e),e.preventDefault())},V=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},X=function(e,n){R(),C(),B(0,n)},$=function(e,n){U(),H(),B(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?Y(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||Y(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();g.current=e.left+i.DomHandler.getWindowScrollLeft(),x.current=e.top+i.DomHandler.getWindowScrollTop(),S.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(P?100*(n-g.current)/S.current:100*(x.current+w.current-r)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var o=s.range?E[p.current]:E,a=t-o;a<0?t=o+Math.ceil(t/s.step-o/s.step)*s.step:a>0&&(t=o+Math.floor(t/s.step-o/s.step)*s.step)}else t=Math.floor(t);return Z(e,t)}},Z=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return s.range?(0===p.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(i=f(r=E)||d(r)||m(r)||y())[p.current]=t,s.onChange&&s.onChange({originalEvent:e,value:i})):(t<s.min?t=s.min:t>s.max&&(t=s.max),i=t,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,r){e=i.ObjectUtils.isEmpty(e)?null:e,n=i.ObjectUtils.isEmpty(n)?null:n;var t={transition:v.current?"none":null,left:e&&e+"%",bottom:n&&n+"%"},o=i.mergeProps(j({className:F("handle",{index:r,handleIndex:p}),style:j(j({},W("handle",{dragging:v,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return X(0,r)},onTouchStart:function(e){return $(0,r)},onKeyDown:function(e){return G(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n,"aria-orientation":s.orientation},ce),q("handle"));return a.createElement("span",o)};a.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,re,te,ie,oe,ae,le,ue,se=O.getOtherProps(s),ce=i.ObjectUtils.reduceKeys(se,i.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),re=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),te=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(re,null,1):ee(null,re,1),oe=re>ne?re-ne:ne-re,ae=re>ne?ne:re,le=P?{left:ae+"%",width:oe+"%"}:{bottom:ae+"%",height:oe+"%"},ue=i.mergeProps({className:F("range"),style:j(j({},W("range")),le)},q("range")),a.createElement(a.Fragment,null,a.createElement("span",ue),te,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},r=P?ee(e,null,null):ee(null,e,null),t=i.mergeProps({className:F("range"),style:j(j({},W("range")),n)},q("range"));return a.createElement(a.Fragment,null,a.createElement("span",t),r)}(),fe=i.mergeProps({style:s.style,className:F("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!b.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},O.getOtherProps(s),q("root"));return a.createElement("div",l({id:s.id,ref:c},fe),pe)})));S.displayName="Slider",exports.Slider=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),t=require("primereact/hooks"),i=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=o(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==u(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function c(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function f(e){if(Array.isArray(e))return p(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function y(){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 b(e){if(Array.isArray(e))return e}function v(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,a,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function g(){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,n){return b(e)||v(e,n)||m(e,n)||g()}var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return i.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return i.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=c(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var S=a.memo(a.forwardRef((function(e,o){var u=a.useContext(n.PrimeReactContext),s=O.getProps(e,u),c=a.useRef(null),p=a.useRef(0),b=a.useRef(!1),v=a.useRef(!1),g=a.useRef(0),x=a.useRef(0),S=a.useRef(0),w=a.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,D=h(t.useEventListener({type:"mousemove",listener:function(e){return K(e)}}),2),R=D[0],I=D[1],N=h(t.useEventListener({type:"mouseup",listener:function(e){return V(e)}}),2),C=N[0],z=N[1],M=h(t.useEventListener({type:"touchmove",listener:function(e){return K(e)}}),2),U=M[0],k=M[1],_=h(t.useEventListener({type:"touchend",listener:function(e){return V(e)}}),2),H=_[0],L=_[1],T=O.setMetaData({props:s}),q=T.ptm,F=T.cx,W=T.sx;r.useHandleStyle(O.css.styles,T.isUnstyled,{name:"slider"});var Y=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},B=function(e,n){s.disabled||(v.current=!0,J(),b.current=!0,p.current=n)},K=function(e){v.current&&(Q(e),e.preventDefault())},V=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},X=function(e,n){R(),C(),B(0,n)},$=function(e,n){U(),H(),B(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?Y(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||Y(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();g.current=e.left+i.DomHandler.getWindowScrollLeft(),x.current=e.top+i.DomHandler.getWindowScrollTop(),S.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=i.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(P?100*(n-g.current)/S.current:100*(x.current+w.current-r)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var o=s.range?E[p.current]:E,a=t-o;a<0?t=o+Math.ceil(t/s.step-o/s.step)*s.step:a>0&&(t=o+Math.floor(t/s.step-o/s.step)*s.step)}else t=Math.floor(t);return Z(e,t)}},Z=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return s.range?(0===p.current?t<s.min?t=s.min:t>s.max&&(t=s.max):t>s.max?t=s.max:t<s.min&&(t=s.min),(i=f(r=E)||d(r)||m(r)||y())[p.current]=t,s.onChange&&s.onChange({originalEvent:e,value:i})):(t<s.min?t=s.min:t>s.max&&(t=s.max),i=t,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,r){e=i.ObjectUtils.isEmpty(e)?null:e,n=i.ObjectUtils.isEmpty(n)?null:n;var t={transition:v.current?"none":null,left:null!=e&&e+"%",bottom:null!=n&&n+"%"},o=i.mergeProps(j({className:F("handle",{index:r,handleIndex:p}),style:j(j({},W("handle",{dragging:v,leftValue:e,bottomValue:n})),t),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return X(0,r)},onTouchStart:function(e){return $(0,r)},onKeyDown:function(e){return G(e,r)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),q("handle"));return a.createElement("span",o)};a.useImperativeHandle(o,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,re,te,ie,oe,ae,le,ue,se=O.getOtherProps(s),ce=i.ObjectUtils.reduceKeys(se,i.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),re=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),te=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(re,null,1):ee(null,re,1),oe=re>ne?re-ne:ne-re,ae=re>ne?ne:re,le=P?{left:ae+"%",width:oe+"%"}:{bottom:ae+"%",height:oe+"%"},ue=i.mergeProps({className:F("range"),style:j(j({},W("range")),le)},q("range")),a.createElement(a.Fragment,null,a.createElement("span",ue),te,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},r=P?ee(e,null,null):ee(null,e,null),t=i.mergeProps({className:F("range"),style:j(j({},W("range")),n)},q("range"));return a.createElement(a.Fragment,null,a.createElement("span",t),r)}(),fe=i.mergeProps({style:s.style,className:F("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!b.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},O.getOtherProps(s),q("root"));return a.createElement("div",l({id:s.id,ref:c},fe),pe)})));S.displayName="Slider",exports.Slider=S;

package/slider/slider.esm.js

@@ -382,8 +382,8 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     bottomValue = ObjectUtils.isEmpty(bottomValue) ? null : bottomValue;
     var style = {
       transition: dragging.current ? 'none' : null,
-      left: leftValue && leftValue + '%',
-      bottom: bottomValue && bottomValue + '%'
+      left: leftValue != null && leftValue + '%',
+      bottom: bottomValue != null && bottomValue + '%'
     };
     var handleProps = mergeProps(_objectSpread({
       className: cx('handle', {
@@ -408,7 +408,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       },
       'aria-valuemin': props.min,
       'aria-valuemax': props.max,
-      'aria-valuenow': leftValue || bottomValue,
+      'aria-valuenow': leftValue || bottomValue || 0,
       'aria-orientation': props.orientation
     }, ariaProps), ptm('handle'));
     return /*#__PURE__*/React.createElement("span", handleProps);

package/slider/slider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{classNames as o,ObjectUtils as a,DomHandler as l,mergeProps as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===c(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return m(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,n):void 0}}function v(){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 b(e){if(Array.isArray(e))return e}function g(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,a,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function x(){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 w(e,n){return b(e)||g(e,n)||h(e,n)||x()}var S=r.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=e.memo(e.forwardRef((function(r,o){var c=e.useContext(n),p=S.getProps(r,c),f=e.useRef(null),m=e.useRef(0),b=e.useRef(!1),g=e.useRef(!1),x=e.useRef(0),O=e.useRef(0),j=e.useRef(0),P=e.useRef(0),A=p.range?p.value||[p.min,p.max]:p.value||0,R="horizontal"===p.orientation,I="vertical"===p.orientation,D=w(i({type:"mousemove",listener:function(e){return $(e)}}),2),N=D[0],z=D[1],C=w(i({type:"mouseup",listener:function(e){return q(e)}}),2),k=C[0],M=C[1],T=w(i({type:"touchmove",listener:function(e){return $(e)}}),2),F=T[0],U=T[1],W=w(i({type:"touchend",listener:function(e){return q(e)}}),2),Y=W[0],_=W[1],H=S.setMetaData({props:p}),K=H.ptm,L=H.cx,V=H.sx;t(S.css.styles,H.isUnstyled,{name:"slider"});var X=function(e,n){ne(e,(p.range?A[m.current]:A)+(p.step||1)*n),e.preventDefault()},B=function(e,n){p.disabled||(g.current=!0,Z(),b.current=!0,m.current=n)},$=function(e){g.current&&(ee(e),e.preventDefault())},q=function(e){if(g.current){g.current=!1;var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n}),z(),M(),U(),_()}},G=function(e,n){N(),k(),B(0,n)},J=function(e,n){F(),Y(),B(0,n)},Q=function(e,n){if(!p.disabled){m.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?X(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||X(e,-1)}},Z=function(){var e=f.current.getBoundingClientRect();x.current=e.left+l.getWindowScrollLeft(),O.current=e.top+l.getWindowScrollTop(),j.current=f.current.offsetWidth,P.current=f.current.offsetHeight},ee=function(e){var n=a.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=a.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(R?100*(n-x.current)/j.current:100*(O.current+P.current-r)/P.current)/100*(p.max-p.min)+p.min;if(p.step){var i=p.range?A[m.current]:A,o=t-i;o<0?t=i+Math.ceil(t/p.step-i/p.step)*p.step:o>0&&(t=i+Math.floor(t/p.step-i/p.step)*p.step)}else t=Math.floor(t);return ne(e,t)}},ne=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return p.range?(0===m.current?t<p.min?t=p.min:t>p.max&&(t=p.max):t>p.max?t=p.max:t<p.min&&(t=p.min),(i=d(r=A)||y(r)||h(r)||v())[m.current]=t,p.onChange&&p.onChange({originalEvent:e,value:i})):(t<p.min?t=p.min:t>p.max&&(t=p.max),i=t,p.onChange&&p.onChange({originalEvent:e,value:i})),i},re=function(n,r,t){n=a.isEmpty(n)?null:n,r=a.isEmpty(r)?null:r;var i={transition:g.current?"none":null,left:n&&n+"%",bottom:r&&r+"%"},o=u(E({className:L("handle",{index:t,handleIndex:m}),style:E(E({},V("handle",{dragging:g,leftValue:n,bottomValue:r})),i),tabIndex:p.tabIndex,role:"slider",onMouseDown:function(e){return G(0,t)},onTouchStart:function(e){return J(0,t)},onKeyDown:function(e){return Q(e,t)},"aria-valuemin":p.min,"aria-valuemax":p.max,"aria-valuenow":n||r,"aria-orientation":p.orientation},fe),K("handle"));return e.createElement("span",o)};e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return f.current}}}));var te,ie,oe,ae,le,ue,se,ce,pe=S.getOtherProps(p),fe=a.reduceKeys(pe,l.ARIA_PROPS),me=p.range?(te=100*(A[0]<p.min?p.min:A[0]-p.min)/(p.max-p.min),ie=100*(A[1]>p.max?p.max:A[1]-p.min)/(p.max-p.min),oe=R?re(te,null,0):re(null,te,0),ae=R?re(ie,null,1):re(null,ie,1),le=ie>te?ie-te:te-ie,ue=ie>te?te:ie,se=R?{left:ue+"%",width:le+"%"}:{bottom:ue+"%",height:le+"%"},ce=u({className:L("range"),style:E(E({},V("range")),se)},K("range")),e.createElement(e.Fragment,null,e.createElement("span",ce),oe,ae)):function(){var n;n=A<p.min?p.min:A>p.max?p.max:100*(A-p.min)/(p.max-p.min);var r=R?{width:n+"%"}:{height:n+"%"},t=R?re(n,null,null):re(null,n,null),i=u({className:L("range"),style:E(E({},V("range")),r)},K("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),de=u({style:p.style,className:L("root",{vertical:I,horizontal:R}),onClick:function(e){if(!p.disabled){if(!b.current){Z();var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},S.getOtherProps(p),K("root"));return e.createElement("div",s({id:p.id,ref:f},de),me)})));j.displayName="Slider";export{j as Slider};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as t}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{classNames as o,ObjectUtils as a,DomHandler as l,mergeProps as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,n){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==c(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===c(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return m(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,n):void 0}}function v(){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 b(e){if(Array.isArray(e))return e}function g(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,i,o,a,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=o.call(r)).done)&&(l.push(t.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function x(){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 w(e,n){return b(e)||g(e,n)||h(e,n)||x()}var S=r.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function O(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function E(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?O(Object(r),!0).forEach((function(n){var t,i,o;t=e,o=r[n],(i=f(i=n))in t?Object.defineProperty(t,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}var j=e.memo(e.forwardRef((function(r,o){var c=e.useContext(n),p=S.getProps(r,c),f=e.useRef(null),m=e.useRef(0),b=e.useRef(!1),g=e.useRef(!1),x=e.useRef(0),O=e.useRef(0),j=e.useRef(0),P=e.useRef(0),A=p.range?p.value||[p.min,p.max]:p.value||0,R="horizontal"===p.orientation,I="vertical"===p.orientation,D=w(i({type:"mousemove",listener:function(e){return $(e)}}),2),N=D[0],z=D[1],C=w(i({type:"mouseup",listener:function(e){return q(e)}}),2),k=C[0],M=C[1],T=w(i({type:"touchmove",listener:function(e){return $(e)}}),2),F=T[0],U=T[1],W=w(i({type:"touchend",listener:function(e){return q(e)}}),2),Y=W[0],_=W[1],H=S.setMetaData({props:p}),K=H.ptm,L=H.cx,V=H.sx;t(S.css.styles,H.isUnstyled,{name:"slider"});var X=function(e,n){ne(e,(p.range?A[m.current]:A)+(p.step||1)*n),e.preventDefault()},B=function(e,n){p.disabled||(g.current=!0,Z(),b.current=!0,m.current=n)},$=function(e){g.current&&(ee(e),e.preventDefault())},q=function(e){if(g.current){g.current=!1;var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n}),z(),M(),U(),_()}},G=function(e,n){N(),k(),B(0,n)},J=function(e,n){F(),Y(),B(0,n)},Q=function(e,n){if(!p.disabled){m.current=n;var r=e.key;"ArrowRight"===r||"ArrowUp"===r?X(e,1):"ArrowLeft"!==r&&"ArrowDown"!==r||X(e,-1)}},Z=function(){var e=f.current.getBoundingClientRect();x.current=e.left+l.getWindowScrollLeft(),O.current=e.top+l.getWindowScrollTop(),j.current=f.current.offsetWidth,P.current=f.current.offsetHeight},ee=function(e){var n=a.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,r=a.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&r){var t=(R?100*(n-x.current)/j.current:100*(O.current+P.current-r)/P.current)/100*(p.max-p.min)+p.min;if(p.step){var i=p.range?A[m.current]:A,o=t-i;o<0?t=i+Math.ceil(t/p.step-i/p.step)*p.step:o>0&&(t=i+Math.floor(t/p.step-i/p.step)*p.step)}else t=Math.floor(t);return ne(e,t)}},ne=function(e,n){var r,t=parseFloat(n.toFixed(10)),i=t;return p.range?(0===m.current?t<p.min?t=p.min:t>p.max&&(t=p.max):t>p.max?t=p.max:t<p.min&&(t=p.min),(i=d(r=A)||y(r)||h(r)||v())[m.current]=t,p.onChange&&p.onChange({originalEvent:e,value:i})):(t<p.min?t=p.min:t>p.max&&(t=p.max),i=t,p.onChange&&p.onChange({originalEvent:e,value:i})),i},re=function(n,r,t){n=a.isEmpty(n)?null:n,r=a.isEmpty(r)?null:r;var i={transition:g.current?"none":null,left:null!=n&&n+"%",bottom:null!=r&&r+"%"},o=u(E({className:L("handle",{index:t,handleIndex:m}),style:E(E({},V("handle",{dragging:g,leftValue:n,bottomValue:r})),i),tabIndex:p.tabIndex,role:"slider",onMouseDown:function(e){return G(0,t)},onTouchStart:function(e){return J(0,t)},onKeyDown:function(e){return Q(e,t)},"aria-valuemin":p.min,"aria-valuemax":p.max,"aria-valuenow":n||r||0,"aria-orientation":p.orientation},fe),K("handle"));return e.createElement("span",o)};e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return f.current}}}));var te,ie,oe,ae,le,ue,se,ce,pe=S.getOtherProps(p),fe=a.reduceKeys(pe,l.ARIA_PROPS),me=p.range?(te=100*(A[0]<p.min?p.min:A[0]-p.min)/(p.max-p.min),ie=100*(A[1]>p.max?p.max:A[1]-p.min)/(p.max-p.min),oe=R?re(te,null,0):re(null,te,0),ae=R?re(ie,null,1):re(null,ie,1),le=ie>te?ie-te:te-ie,ue=ie>te?te:ie,se=R?{left:ue+"%",width:le+"%"}:{bottom:ue+"%",height:le+"%"},ce=u({className:L("range"),style:E(E({},V("range")),se)},K("range")),e.createElement(e.Fragment,null,e.createElement("span",ce),oe,ae)):function(){var n;n=A<p.min?p.min:A>p.max?p.max:100*(A-p.min)/(p.max-p.min);var r=R?{width:n+"%"}:{height:n+"%"},t=R?re(n,null,null):re(null,n,null),i=u({className:L("range"),style:E(E({},V("range")),r)},K("range"));return e.createElement(e.Fragment,null,e.createElement("span",i),t)}(),de=u({style:p.style,className:L("root",{vertical:I,horizontal:R}),onClick:function(e){if(!p.disabled){if(!b.current){Z();var n=ee(e);p.onSlideEnd&&p.onSlideEnd({originalEvent:e,value:n})}b.current=!1}}},S.getOtherProps(p),K("root"));return e.createElement("div",s({id:p.id,ref:f},de),me)})));j.displayName="Slider";export{j as Slider};

package/slider/slider.js

@@ -399,8 +399,8 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
       bottomValue = utils.ObjectUtils.isEmpty(bottomValue) ? null : bottomValue;
       var style = {
         transition: dragging.current ? 'none' : null,
-        left: leftValue && leftValue + '%',
-        bottom: bottomValue && bottomValue + '%'
+        left: leftValue != null && leftValue + '%',
+        bottom: bottomValue != null && bottomValue + '%'
       };
       var handleProps = utils.mergeProps(_objectSpread({
         className: cx('handle', {
@@ -425,7 +425,7 @@ this.primereact.slider = (function (exports, React, api, componentbase, hooks, u
         },
         'aria-valuemin': props.min,
         'aria-valuemax': props.max,
-        'aria-valuenow': leftValue || bottomValue,
+        'aria-valuenow': leftValue || bottomValue || 0,
         'aria-orientation': props.orientation
       }, ariaProps), ptm('handle'));
       return /*#__PURE__*/React__namespace.createElement("span", handleProps);

package/slider/slider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r,i,o){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=a(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function c(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=c(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function b(){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 v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function g(){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 O(e,n){return v(e)||h(e,n)||y(e,n)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=p(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=l.memo(l.forwardRef((function(e,n){var a=l.useContext(t.PrimeReactContext),s=x.getProps(e,a),c=l.useRef(null),p=l.useRef(0),f=l.useRef(!1),v=l.useRef(!1),h=l.useRef(0),g=l.useRef(0),j=l.useRef(0),w=l.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,R=O(i.useEventListener({type:"mousemove",listener:function(e){return V(e)}}),2),D=R[0],I=R[1],N=O(i.useEventListener({type:"mouseup",listener:function(e){return X(e)}}),2),C=N[0],z=N[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return V(e)}}),2),U=M[0],k=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return X(e)}}),2),H=_[0],L=_[1],T=x.setMetaData({props:s}),F=T.ptm,W=T.cx,Y=T.sx;r.useHandleStyle(x.css.styles,T.isUnstyled,{name:"slider"});var B=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},K=function(e,n){s.disabled||(v.current=!0,J(),f.current=!0,p.current=n)},V=function(e){v.current&&(Q(e),e.preventDefault())},X=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},$=function(e,n){D(),C(),K(0,n)},q=function(e,n){U(),H(),K(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?B(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||B(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();h.current=e.left+o.DomHandler.getWindowScrollLeft(),g.current=e.top+o.DomHandler.getWindowScrollTop(),j.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,t=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&t){var r=(P?100*(n-h.current)/j.current:100*(g.current+w.current-t)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var i=s.range?E[p.current]:E,a=r-i;a<0?r=i+Math.ceil(r/s.step-i/s.step)*s.step:a>0&&(r=i+Math.floor(r/s.step-i/s.step)*s.step)}else r=Math.floor(r);return Z(e,r)}},Z=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return s.range?(0===p.current?r<s.min?r=s.min:r>s.max&&(r=s.max):r>s.max?r=s.max:r<s.min&&(r=s.min),(i=d(t=E)||m(t)||y(t)||b())[p.current]=r,s.onChange&&s.onChange({originalEvent:e,value:i})):(r<s.min?r=s.min:r>s.max&&(r=s.max),i=r,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,t){e=o.ObjectUtils.isEmpty(e)?null:e,n=o.ObjectUtils.isEmpty(n)?null:n;var r={transition:v.current?"none":null,left:e&&e+"%",bottom:n&&n+"%"},i=o.mergeProps(S({className:W("handle",{index:t,handleIndex:p}),style:S(S({},Y("handle",{dragging:v,leftValue:e,bottomValue:n})),r),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return $(0,t)},onTouchStart:function(e){return q(0,t)},onKeyDown:function(e){return G(e,t)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n,"aria-orientation":s.orientation},ce),F("handle"));return l.createElement("span",i)};l.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,te,re,ie,oe,ae,le,ue,se=x.getOtherProps(s),ce=o.ObjectUtils.reduceKeys(se,o.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),te=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),re=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(te,null,1):ee(null,te,1),oe=te>ne?te-ne:ne-te,ae=te>ne?ne:te,le=P?{left:ae+"%",width:oe+"%"}:{bottom:ae+"%",height:oe+"%"},ue=o.mergeProps({className:W("range"),style:S(S({},Y("range")),le)},F("range")),l.createElement(l.Fragment,null,l.createElement("span",ue),re,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},t=P?ee(e,null,null):ee(null,e,null),r=o.mergeProps({className:W("range"),style:S(S({},Y("range")),n)},F("range"));return l.createElement(l.Fragment,null,l.createElement("span",r),t)}(),fe=o.mergeProps({style:s.style,className:W("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!f.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}f.current=!1}}},x.getOtherProps(s),F("root"));return l.createElement("div",u({id:s.id,ref:c},fe),pe)})));return w.displayName="Slider",e.Slider=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.slider=function(e,n,t,r,i,o){"use strict";function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=a(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function c(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=c(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function b(){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 v(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function g(){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 O(e,n){return v(e)||h(e,n)||y(e,n)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Slider",id:null,value:null,min:0,max:100,orientation:"horizontal",step:null,range:!1,style:null,className:null,disabled:!1,tabIndex:0,onChange:null,onSlideEnd:null,children:void 0},css:{classes:{handle:function(e){var n=e.index;return o.classNames("p-slider-handle",{"p-slider-handle-start":0===n,"p-slider-handle-end":1===n,"p-slider-handle-active":e.handleIndex.current===n})},range:"p-slider-range",root:function(e){var n=e.props;return o.classNames("p-slider p-component",n.className,{"p-disabled":n.disabled,"p-slider-horizontal":e.horizontal,"p-slider-vertical":e.vertical})}},styles:"\n@layer primereact {\n    .p-slider {\n        position: relative;\n    }\n    \n    .p-slider .p-slider-handle {\n        position: absolute;\n        cursor: grab;\n        touch-action: none;\n        display: block;\n        z-index: 1;\n    }\n    \n    .p-slider .p-slider-handle.p-slider-handle-active {\n        z-index: 2;\n    }\n    \n    .p-slider-range {\n        position: absolute;\n        display: block;\n    }\n    \n    .p-slider-horizontal .p-slider-range {\n        top: 0;\n        left: 0;\n        height: 100%;\n    }\n    \n    .p-slider-horizontal .p-slider-handle {\n        top: 50%;\n    }\n    \n    .p-slider-vertical {\n        height: 100px;\n    }\n    \n    .p-slider-vertical .p-slider-handle {\n        left: 50%;\n    }\n    \n    .p-slider-vertical .p-slider-range {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n    }\n}\n",inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=p(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=l.memo(l.forwardRef((function(e,n){var a=l.useContext(t.PrimeReactContext),s=x.getProps(e,a),c=l.useRef(null),p=l.useRef(0),f=l.useRef(!1),v=l.useRef(!1),h=l.useRef(0),g=l.useRef(0),j=l.useRef(0),w=l.useRef(0),E=s.range?s.value||[s.min,s.max]:s.value||0,P="horizontal"===s.orientation,A="vertical"===s.orientation,R=O(i.useEventListener({type:"mousemove",listener:function(e){return V(e)}}),2),D=R[0],I=R[1],N=O(i.useEventListener({type:"mouseup",listener:function(e){return X(e)}}),2),C=N[0],z=N[1],M=O(i.useEventListener({type:"touchmove",listener:function(e){return V(e)}}),2),U=M[0],k=M[1],_=O(i.useEventListener({type:"touchend",listener:function(e){return X(e)}}),2),H=_[0],L=_[1],T=x.setMetaData({props:s}),F=T.ptm,W=T.cx,Y=T.sx;r.useHandleStyle(x.css.styles,T.isUnstyled,{name:"slider"});var B=function(e,n){Z(e,(s.range?E[p.current]:E)+(s.step||1)*n),e.preventDefault()},K=function(e,n){s.disabled||(v.current=!0,J(),f.current=!0,p.current=n)},V=function(e){v.current&&(Q(e),e.preventDefault())},X=function(e){if(v.current){v.current=!1;var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n}),I(),z(),k(),L()}},$=function(e,n){D(),C(),K(0,n)},q=function(e,n){U(),H(),K(0,n)},G=function(e,n){if(!s.disabled){p.current=n;var t=e.key;"ArrowRight"===t||"ArrowUp"===t?B(e,1):"ArrowLeft"!==t&&"ArrowDown"!==t||B(e,-1)}},J=function(){var e=c.current.getBoundingClientRect();h.current=e.left+o.DomHandler.getWindowScrollLeft(),g.current=e.top+o.DomHandler.getWindowScrollTop(),j.current=c.current.offsetWidth,w.current=c.current.offsetHeight},Q=function(e){var n=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageX:e.pageX,t=o.ObjectUtils.isNotEmpty(e.touches)?e.touches[0].pageY:e.pageY;if(n&&t){var r=(P?100*(n-h.current)/j.current:100*(g.current+w.current-t)/w.current)/100*(s.max-s.min)+s.min;if(s.step){var i=s.range?E[p.current]:E,a=r-i;a<0?r=i+Math.ceil(r/s.step-i/s.step)*s.step:a>0&&(r=i+Math.floor(r/s.step-i/s.step)*s.step)}else r=Math.floor(r);return Z(e,r)}},Z=function(e,n){var t,r=parseFloat(n.toFixed(10)),i=r;return s.range?(0===p.current?r<s.min?r=s.min:r>s.max&&(r=s.max):r>s.max?r=s.max:r<s.min&&(r=s.min),(i=d(t=E)||m(t)||y(t)||b())[p.current]=r,s.onChange&&s.onChange({originalEvent:e,value:i})):(r<s.min?r=s.min:r>s.max&&(r=s.max),i=r,s.onChange&&s.onChange({originalEvent:e,value:i})),i},ee=function(e,n,t){e=o.ObjectUtils.isEmpty(e)?null:e,n=o.ObjectUtils.isEmpty(n)?null:n;var r={transition:v.current?"none":null,left:null!=e&&e+"%",bottom:null!=n&&n+"%"},i=o.mergeProps(S({className:W("handle",{index:t,handleIndex:p}),style:S(S({},Y("handle",{dragging:v,leftValue:e,bottomValue:n})),r),tabIndex:s.tabIndex,role:"slider",onMouseDown:function(e){return $(0,t)},onTouchStart:function(e){return q(0,t)},onKeyDown:function(e){return G(e,t)},"aria-valuemin":s.min,"aria-valuemax":s.max,"aria-valuenow":e||n||0,"aria-orientation":s.orientation},ce),F("handle"));return l.createElement("span",i)};l.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return c.current}}}));var ne,te,re,ie,oe,ae,le,ue,se=x.getOtherProps(s),ce=o.ObjectUtils.reduceKeys(se,o.DomHandler.ARIA_PROPS),pe=s.range?(ne=100*(E[0]<s.min?s.min:E[0]-s.min)/(s.max-s.min),te=100*(E[1]>s.max?s.max:E[1]-s.min)/(s.max-s.min),re=P?ee(ne,null,0):ee(null,ne,0),ie=P?ee(te,null,1):ee(null,te,1),oe=te>ne?te-ne:ne-te,ae=te>ne?ne:te,le=P?{left:ae+"%",width:oe+"%"}:{bottom:ae+"%",height:oe+"%"},ue=o.mergeProps({className:W("range"),style:S(S({},Y("range")),le)},F("range")),l.createElement(l.Fragment,null,l.createElement("span",ue),re,ie)):function(){var e;e=E<s.min?s.min:E>s.max?s.max:100*(E-s.min)/(s.max-s.min);var n=P?{width:e+"%"}:{height:e+"%"},t=P?ee(e,null,null):ee(null,e,null),r=o.mergeProps({className:W("range"),style:S(S({},Y("range")),n)},F("range"));return l.createElement(l.Fragment,null,l.createElement("span",r),t)}(),fe=o.mergeProps({style:s.style,className:W("root",{vertical:A,horizontal:P}),onClick:function(e){if(!s.disabled){if(!f.current){J();var n=Q(e);s.onSlideEnd&&s.onSlideEnd({originalEvent:e,value:n})}f.current=!1}}},x.getOtherProps(s),F("root"));return l.createElement("div",u({id:s.id,ref:c},fe),pe)})));return w.displayName="Slider",e.Slider=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);