primereact 10.3.3 → 10.5.0

package/selectbutton/selectbutton.js

@@ -68,6 +68,46 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _nonIterableRest() {
+    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 _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var classes = {
     root: function root(_ref) {
       var props = _ref.props;
@@ -112,46 +152,6 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
     }
   });
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(r, l) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e,
-        n,
-        i,
-        u,
-        a = [],
-        f = !0,
-        o = !1;
-      try {
-        if (i = (t = t.call(r)).next, 0 === l) {
-          if (Object(t) !== t) return;
-          f = !1;
-        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-      } catch (r) {
-        o = !0, n = r;
-      } finally {
-        try {
-          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-        } finally {
-          if (o) throw n;
-        }
-      }
-      return a;
-    }
-  }
-
-  function _nonIterableRest() {
-    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 _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
   var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -170,7 +170,8 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
         }
       });
     };
-    var onClick = function onClick(event) {
+    var _onClick = function onClick(event, index) {
+      props.setFocusedIndex(index);
       if (props.onClick) {
         props.onClick({
           originalEvent: event,
@@ -184,13 +185,46 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
     var onBlur = function onBlur() {
       setFocusedState(false);
     };
-    var onKeyDown = function onKeyDown(event) {
-      var keyCode = event.which;
-      if (keyCode === 32) {
-        onClick(event);
-        event.preventDefault();
+    var _onKeyDown = function onKeyDown(event, index) {
+      switch (event.code) {
+        case 'Space':
+          {
+            _onClick(event, index);
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowDown':
+        case 'ArrowRight':
+          {
+            changeTabIndexes(event, 'next');
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowUp':
+        case 'ArrowLeft':
+          {
+            changeTabIndexes(event, 'prev');
+            event.preventDefault();
+            break;
+          }
       }
     };
+    var changeTabIndexes = function changeTabIndexes(event, direction) {
+      var firstTabableChild, index;
+      for (var i = 0; i <= props.elementRef.current.children.length - 1; i++) {
+        if (props.elementRef.current.children[i].getAttribute('tabindex') === '0') firstTabableChild = {
+          elem: props.elementRef.current.children[i],
+          index: i
+        };
+      }
+      if (direction === 'prev') {
+        if (firstTabableChild.index === 0) index = props.elementRef.current.children.length - 1;else index = firstTabableChild.index - 1;
+      } else {
+        if (firstTabableChild.index === props.elementRef.current.children.length - 1) index = 0;else index = firstTabableChild.index + 1;
+      }
+      props.setFocusedIndex(index);
+      props.elementRef.current.children[index].focus();
+    };
     var createContent = function createContent() {
       var labelProps = mergeProps({
         className: cx('label')
@@ -206,9 +240,14 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
       role: 'button',
       'aria-label': props.label,
       'aria-pressed': props.selected,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
+      onClick: function onClick(event) {
+        return _onClick(event, props.index);
+      },
+      onKeyDown: function onKeyDown(event) {
+        return _onKeyDown(event, props.index);
+      },
       tabIndex: props.tabIndex,
+      'aria-disabled': props.disabled,
       onFocus: onFocus,
       onBlur: onBlur
     }, getPTOptions('button'));
@@ -220,6 +259,10 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SelectButtonBase.getProps(inProps, context);
+    var _React$useState = React__namespace.useState(0),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedIndex = _React$useState2[0],
+      setFocusedIndex = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var _SelectButtonBase$set = SelectButtonBase.setMetaData({
         props: props
@@ -292,7 +335,7 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
         return props.options.map(function (option, index) {
           var isDisabled = props.disabled || isOptionDisabled(option);
           var optionLabel = getOptionLabel(option);
-          var tabIndex = isDisabled ? null : 0;
+          var tabIndex = index === focusedIndex ? '0' : '-1';
           var selected = isSelected(option);
           var key = optionLabel + '_' + index;
           return /*#__PURE__*/React__namespace.createElement(SelectButtonItem, {
@@ -301,13 +344,16 @@ this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, u
             label: optionLabel,
             className: option.className,
             option: option,
+            setFocusedIndex: setFocusedIndex,
             onClick: onOptionClick,
             template: props.itemTemplate,
             selected: selected,
             tabIndex: tabIndex,
+            index: index,
             disabled: isDisabled,
             ptm: ptm,
-            cx: cx
+            cx: cx,
+            elementRef: elementRef
           });
         });
       }

package/selectbutton/selectbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,o,r,a,i){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function m(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 f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):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){return m(e)||d(e)||f(e)||b()}var y=a.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-selectbutton p-buttonset p-component",e.props.className)},button:function(e){var t=e.itemProps;return r.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}});function g(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r,a,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=s.memo((function(e){var t,n,o,a=s.useState(!1),u=(n=2,g(t=a)||h(t,n)||f(t,n)||O()),c=u[0],p=u[1],m=l.useMergeProps(),d=e.ptm,b=e.cx,v=function(t){return d(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},y=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},j=(o=m({className:b("label")},v("label")),e.template?r.ObjectUtils.getJSXElement(e.template,e.option):s.createElement("span",o,e.label)),E=m({className:r.classNames(e.className,b("button",{itemProps:e,focusedState:c})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:y,onKeyDown:function(e){32===e.which&&(y(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){p(!0)},onBlur:function(){p(!1)}},v("button"));return s.createElement("div",E,j,!e.disabled&&s.createElement(i.Ripple,null))}));j.displayName="SelectButtonItem";var E=s.memo(s.forwardRef((function(e,t){var a=l.useMergeProps(),i=s.useContext(n.PrimeReactContext),u=y.getProps(e,i),p=s.useRef(null),m=y.setMetaData({props:u}),d=m.ptm,f=m.cx,b=function(e){if(!u.disabled&&!O(e.option)){var t=E(e.option);if(!t||u.unselectable&&u.allowEmpty){var n,l=h(e.option);if(u.multiple){var o=u.value?v(u.value):[];n=t?o.filter((function(e){return!r.ObjectUtils.equals(e,l,u.dataKey)})):[].concat(v(o),[l])}else n=t?null:l;u.onChange&&u.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:u.name,id:u.id,value:n}})}}},g=function(e){return u.optionLabel?r.ObjectUtils.resolveFieldData(e,u.optionLabel):e&&void 0!==e.label?e.label:e},h=function(e){return u.optionValue?r.ObjectUtils.resolveFieldData(e,u.optionValue):e&&void 0!==e.value?e.value:e},O=function(e){return u.optionDisabled?r.ObjectUtils.isFunction(u.optionDisabled)?u.optionDisabled(e):r.ObjectUtils.resolveFieldData(e,u.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},E=function(e){var t=h(e);return u.multiple?!(!u.value||!u.value.length)&&u.value.some((function(e){return r.ObjectUtils.equals(e,t,u.dataKey)})):r.ObjectUtils.equals(u.value,t,u.dataKey)};s.useImperativeHandle(t,(function(){return{props:u,focus:function(){return r.DomHandler.focusFirstElement(p.current)},getElement:function(){return p.current}}}));var N=r.ObjectUtils.isNotEmpty(u.tooltip),S=u.options&&u.options.length?u.options.map((function(e,t){var n=u.disabled||O(e),l=g(e),o=n?null:0,r=E(e);return s.createElement(j,{hostName:"SelectButton",key:l+"_"+t,label:l,className:e.className,option:e,onClick:b,template:u.itemTemplate,selected:r,tabIndex:o,disabled:n,ptm:d,cx:f})})):null,D=a({ref:p,id:u.id,className:f("root"),style:u.style,role:"group"},y.getOtherProps(u),d("root"));return s.createElement(s.Fragment,null,s.createElement("div",D,S),N&&s.createElement(o.Tooltip,c({target:p,content:u.tooltip},u.tooltipOptions,{pt:d("tooltip")})))})));return E.displayName="SelectButton",e.SelectButton=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,r,l,o,a,i){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return p(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):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){return d(e)||f(e)||m(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}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,t){return y(e)||h(e,t)||m(e,t)||g()}var x=a.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,allowEmpty:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},css:{classes:{root:function(e){return o.classNames("p-selectbutton p-buttonset p-component",e.props.className)},button:function(e){var t=e.itemProps;return o.classNames("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":e.focusedState})},label:"p-button-label p-c"}}}),j=c.memo((function(e){var t,n=O(c.useState(!1),2),l=n[0],a=n[1],u=r.useMergeProps(),s=e.ptm,p=e.cx,d=function(t){return s(t,{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,option:e.option}})},f=function(t,n){e.setFocusedIndex(n),e.onClick&&e.onClick({originalEvent:t,option:e.option})},m=function(e,t){switch(e.code){case"Space":f(e,t),e.preventDefault();break;case"ArrowDown":case"ArrowRight":b(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":b(e,"prev"),e.preventDefault()}},b=function(t,n){for(var r,l,o=0;o<=e.elementRef.current.children.length-1;o++)"0"===e.elementRef.current.children[o].getAttribute("tabindex")&&(r={elem:e.elementRef.current.children[o],index:o});e.setFocusedIndex(l="prev"===n?0===r.index?e.elementRef.current.children.length-1:r.index-1:r.index===e.elementRef.current.children.length-1?0:r.index+1),e.elementRef.current.children[l].focus()},v=(t=u({className:p("label")},d("label")),e.template?o.ObjectUtils.getJSXElement(e.template,e.option):c.createElement("span",t,e.label)),y=u({className:o.classNames(e.className,p("button",{itemProps:e,focusedState:l})),role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:function(t){return f(t,e.index)},onKeyDown:function(t){return m(t,e.index)},tabIndex:e.tabIndex,"aria-disabled":e.disabled,onFocus:function(){a(!0)},onBlur:function(){a(!1)}},d("button"));return c.createElement("div",y,v,!e.disabled&&c.createElement(i.Ripple,null))}));j.displayName="SelectButtonItem";var E=c.memo(c.forwardRef((function(e,t){var a=r.useMergeProps(),i=c.useContext(n.PrimeReactContext),u=x.getProps(e,i),p=O(c.useState(0),2),d=p[0],f=p[1],m=c.useRef(null),b=x.setMetaData({props:u}),y=b.ptm,h=b.cx,g=function(e){if(!u.disabled&&!w(e.option)){var t=D(e.option);if(!t||u.unselectable&&u.allowEmpty){var n,r=S(e.option);if(u.multiple){var l=u.value?v(u.value):[];n=t?l.filter((function(e){return!o.ObjectUtils.equals(e,r,u.dataKey)})):[].concat(v(l),[r])}else n=t?null:r;u.onChange&&u.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:u.name,id:u.id,value:n}})}}},E=function(e){return u.optionLabel?o.ObjectUtils.resolveFieldData(e,u.optionLabel):e&&void 0!==e.label?e.label:e},S=function(e){return u.optionValue?o.ObjectUtils.resolveFieldData(e,u.optionValue):e&&void 0!==e.value?e.value:e},w=function(e){return u.optionDisabled?o.ObjectUtils.isFunction(u.optionDisabled)?u.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,u.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},D=function(e){var t=S(e);return u.multiple?!(!u.value||!u.value.length)&&u.value.some((function(e){return o.ObjectUtils.equals(e,t,u.dataKey)})):o.ObjectUtils.equals(u.value,t,u.dataKey)};c.useImperativeHandle(t,(function(){return{props:u,focus:function(){return o.DomHandler.focusFirstElement(m.current)},getElement:function(){return m.current}}}));var N=o.ObjectUtils.isNotEmpty(u.tooltip),P=u.options&&u.options.length?u.options.map((function(e,t){var n=u.disabled||w(e),r=E(e),l=t===d?"0":"-1",o=D(e);return c.createElement(j,{hostName:"SelectButton",key:r+"_"+t,label:r,className:e.className,option:e,setFocusedIndex:f,onClick:g,template:u.itemTemplate,selected:o,tabIndex:l,index:t,disabled:n,ptm:y,cx:h,elementRef:m})})):null,A=a({ref:m,id:u.id,className:h("root"),style:u.style,role:"group"},x.getOtherProps(u),y("root"));return c.createElement(c.Fragment,null,c.createElement("div",A,P),N&&c.createElement(l.Tooltip,s({target:m,content:u.tooltip},u.tooltipOptions,{pt:y("tooltip")})))})));return E.displayName="SelectButton",e.SelectButton=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.ripple);

package/sidebar/sidebar.cjs.js

@@ -201,28 +201,30 @@ var inlineStyles = {
 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,
+    appendTo: null,
+    ariaCloseLabel: null,
     baseZIndex: 0,
-    dismissable: true,
-    showCloseIcon: true,
+    blockScroll: false,
+    children: undefined,
+    className: null,
     closeIcon: null,
-    ariaCloseLabel: null,
     closeOnEscape: true,
+    content: null,
+    dismissable: true,
+    fullScreen: false,
+    header: null,
     icons: null,
+    id: null,
+    maskClassName: null,
+    maskStyle: null,
     modal: true,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
     onHide: null,
-    children: undefined
+    onShow: null,
+    position: 'left',
+    showCloseIcon: true,
+    style: null,
+    transitionOptions: null,
+    visible: false
   },
   css: {
     classes: classes,

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),o=require("primereact/portal"),s=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(e),b=c(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 f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function v(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 g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(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 w(e,n){return y(e)||v(e,n)||x(e,n)||S()}var O=t.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 l.classNames("p-sidebar-mask",r&&!n.fullScreen?"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 l.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 l.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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 E(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(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)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.forwardRef((function(e,c){var p=i.useMergeProps(),f=d.useContext(n.PrimeReactContext),m=O.getProps(e,f),h=w(d.useState(!1),2),y=h[0],v=h[1],g=w(d.useState(!1),2),x=g[0],S=g[1],E=O.setMetaData({props:m,state:{containerVisible:y}}),k=E.ptm,I=E.cx,P=E.sx;t.useHandleStyle(O.css.styles,E.isUnstyled,{name:"sidebar"});var N=d.useRef(null),C=d.useRef(null),D=d.useRef(null),R=i.useDisplayOrder("sidebar",x);i.useGlobalOnEscapeKey({callback:function(e){_(e)},when:x&&m.closeOnEscape&&R,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&A(e)&&_(e)}}),2),T=U[0],q=U[1],A=function(e){return N&&N.current&&!N.current.contains(e.target)},_=function(e){m.onHide(),e.preventDefault()},B=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&l.DomHandler.blockBodyScroll()},H=function(){q(),m.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),i.useMountEffect((function(){m.visible&&v(!0)})),i.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),i.useUpdateEffect((function(){y&&(l.ZIndexUtils.set("modal",C.current,f&&f.autoZIndex||b.default.autoZIndex,m.baseZIndex||f&&f.zIndex.modal||b.default.zIndex.modal),S(!0))}),[y]),i.useUpdateEffect((function(){x&&(q(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),i.useUnmountEffect((function(){H(),C.current&&l.ZIndexUtils.clear(C.current)}));var M,Z,z,L,J,X=function(){var e=m.ariaCloseLabel||n.localeOption("close"),t=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return _(e)},"aria-label":e},k("closeButton")),r=p({className:I("closeIcon")},k("closeIcon")),i=l.IconUtils.getJSXIcon(m.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:m});return m.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},V=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&_(n));var n}},k("mask")),G=p({id:m.id,className:I("root",{context:f}),style:m.style,role:"complementary"},O.getOtherProps(m),k("root")),K=p({className:I("header")},k("header")),Y=p({className:I("content")},k("content")),F=p({className:I("icons")},k("icons")),$={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:$,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),B()},onExiting:function(){m.modal&&l.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(C.current),v(!1),H()}},k("transition"));return y&&(J=null!=e&&e.content?(L={closeIconRef:D,hide:_},d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),l.ObjectUtils.getJSXElement(e.content,L))))):(M=X(),Z=m.icons?l.ObjectUtils.getJSXElement(m.icons,m):null,z=m.header?l.ObjectUtils.getJSXElement(m.header,m):null,d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),d.createElement("div",K,z,d.createElement("div",F,Z,M)),d.createElement("div",Y,m.children))))),d.createElement(o.Portal,{element:J,appendTo:m.appendTo,visible:!0}))}));k.displayName="Sidebar",exports.Sidebar=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),o=require("primereact/portal"),s=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(e),b=c(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 f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function v(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 g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(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 w(e,n){return y(e)||v(e,n)||x(e,n)||S()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},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 l.classNames("p-sidebar-mask",r&&!n.fullScreen?"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 l.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 l.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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 E(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 j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(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)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.forwardRef((function(e,c){var p=i.useMergeProps(),f=d.useContext(n.PrimeReactContext),m=O.getProps(e,f),h=w(d.useState(!1),2),y=h[0],v=h[1],g=w(d.useState(!1),2),x=g[0],S=g[1],E=O.setMetaData({props:m,state:{containerVisible:y}}),k=E.ptm,I=E.cx,P=E.sx;t.useHandleStyle(O.css.styles,E.isUnstyled,{name:"sidebar"});var N=d.useRef(null),C=d.useRef(null),D=d.useRef(null),R=i.useDisplayOrder("sidebar",x);i.useGlobalOnEscapeKey({callback:function(e){_(e)},when:x&&m.closeOnEscape&&R,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&A(e)&&_(e)}}),2),T=U[0],q=U[1],A=function(e){return N&&N.current&&!N.current.contains(e.target)},_=function(e){m.onHide(),e.preventDefault()},B=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&l.DomHandler.blockBodyScroll()},H=function(){q(),m.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),i.useMountEffect((function(){m.visible&&v(!0)})),i.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),i.useUpdateEffect((function(){y&&(l.ZIndexUtils.set("modal",C.current,f&&f.autoZIndex||b.default.autoZIndex,m.baseZIndex||f&&f.zIndex.modal||b.default.zIndex.modal),S(!0))}),[y]),i.useUpdateEffect((function(){x&&(q(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),i.useUnmountEffect((function(){H(),C.current&&l.ZIndexUtils.clear(C.current)}));var M,Z,z,L,J,X=function(){var e=m.ariaCloseLabel||n.localeOption("close"),t=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return _(e)},"aria-label":e},k("closeButton")),r=p({className:I("closeIcon")},k("closeIcon")),i=l.IconUtils.getJSXIcon(m.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:m});return m.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},V=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&_(n));var n}},k("mask")),G=p({id:m.id,className:I("root",{context:f}),style:m.style,role:"complementary"},O.getOtherProps(m),k("root")),K=p({className:I("header")},k("header")),Y=p({className:I("content")},k("content")),F=p({className:I("icons")},k("icons")),$={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:$,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),B()},onExiting:function(){m.modal&&l.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(C.current),v(!1),H()}},k("transition"));return y&&(J=null!=e&&e.content?(L={closeIconRef:D,hide:_},d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),l.ObjectUtils.getJSXElement(e.content,L))))):(M=X(),Z=m.icons?l.ObjectUtils.getJSXElement(m.icons,m):null,z=m.header?l.ObjectUtils.getJSXElement(m.header,m):null,d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),d.createElement("div",K,z,d.createElement("div",F,Z,M)),d.createElement("div",Y,m.children))))),d.createElement(o.Portal,{element:J,appendTo:m.appendTo,visible:!0}))}));k.displayName="Sidebar",exports.Sidebar=k;

package/sidebar/sidebar.esm.js

@@ -174,28 +174,30 @@ var inlineStyles = {
 var SidebarBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Sidebar',
-    id: null,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    visible: false,
-    position: 'left',
-    fullScreen: false,
-    blockScroll: false,
+    appendTo: null,
+    ariaCloseLabel: null,
     baseZIndex: 0,
-    dismissable: true,
-    showCloseIcon: true,
+    blockScroll: false,
+    children: undefined,
+    className: null,
     closeIcon: null,
-    ariaCloseLabel: null,
     closeOnEscape: true,
+    content: null,
+    dismissable: true,
+    fullScreen: false,
+    header: null,
     icons: null,
+    id: null,
+    maskClassName: null,
+    maskStyle: null,
     modal: true,
-    appendTo: null,
-    transitionOptions: null,
-    onShow: null,
     onHide: null,
-    children: undefined
+    onShow: null,
+    position: 'left',
+    showCloseIcon: true,
+    style: null,
+    transitionOptions: null,
+    visible: false
   },
   css: {
     classes: classes,

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 a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as l,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as d,useMountEffect as b,useUpdateEffect as u,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as y,ZIndexUtils as g,DomHandler as x,ObjectUtils as w,IconUtils as S}from"primereact/utils";function O(){return O=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},O.apply(this,arguments)}function k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function P(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,p=!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){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function N(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 C(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function R(){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 A(e,n){return I(e)||P(e,n)||C(e,n)||R()}var D=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 y("p-sidebar-mask",r&&!n.fullScreen?"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 y("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 y("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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 B(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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=j(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)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(i,y){var k=s(),E=e.useContext(t),j=D.getProps(i,E),I=A(e.useState(!1),2),P=I[0],N=I[1],C=A(e.useState(!1),2),R=C[0],B=C[1],z=D.setMetaData({props:j,state:{containerVisible:P}}),J=z.ptm,M=z.cx,X=z.sx;a(D.css.styles,z.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),H=e.useRef(null),L=e.useRef(null),V=l("sidebar",R);p({callback:function(e){$(e)},when:R&&j.closeOnEscape&&V,priority:[c.SIDEBAR,V]});var U=A(d({type:"click",listener:function(e){0===e.button&&Y(e)&&$(e)}}),2),_=U[0],F=U[1],Y=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},$=function(e){j.onHide(),e.preventDefault()},q=function(){j.dismissable&&!j.modal&&_(),j.blockScroll&&x.blockBodyScroll()},G=function(){F(),j.blockScroll&&x.unblockBodyScroll()};e.useImperativeHandle(y,(function(){return{props:j,getElement:function(){return Z.current},gteMask:function(){return H.current},getCloseIcon:function(){return L.current}}})),b((function(){j.visible&&N(!0)})),u((function(){j.visible&&!P&&N(!0),j.visible!==R&&P&&B(j.visible)})),u((function(){P&&(g.set("modal",H.current,E&&E.autoZIndex||n.autoZIndex,j.baseZIndex||E&&E.zIndex.modal||n.zIndex.modal),B(!0))}),[P]),u((function(){R&&(F(),j.dismissable&&!j.modal&&_())}),[j.dismissable,j.modal,R]),m((function(){G(),H.current&&g.clear(H.current)}));var K,Q,W,ee,ne,te=function(){var n=j.ariaCloseLabel||r("close"),t=k({type:"button",ref:L,className:M("closeButton"),onClick:function(e){return $(e)},"aria-label":n},J("closeButton")),i=k({className:M("closeIcon")},J("closeIcon")),a=S.getJSXIcon(j.closeIcon||e.createElement(f,i),T({},i),{props:j});return j.showCloseIcon?e.createElement("button",t,a,e.createElement(v,null)):null},re=k({ref:H,style:X("mask"),className:M("mask",{maskVisibleState:P}),onMouseDown:function(e){return n=e,void(j.dismissable&&j.modal&&H.current===n.target&&$(n));var n}},J("mask")),ie=k({id:j.id,className:M("root",{context:E}),style:j.style,role:"complementary"},D.getOtherProps(j),J("root")),ae=k({className:M("header")},J("header")),oe=k({className:M("content")},J("content")),se=k({className:M("icons")},J("icons")),le={enter:j.fullScreen?150:300,exit:j.fullScreen?150:300},pe=k({classNames:M("transition"),in:R,timeout:le,options:j.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;j.onShow&&j.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&j.showCloseIcon&&L.current&&L.current.focus(),q()},onExiting:function(){j.modal&&x.addClass(H.current,"p-component-overlay-leave")},onExited:function(){g.clear(H.current),N(!1),G()}},J("transition"));return P&&(ne=null!=i&&i.content?(ee={closeIconRef:L,hide:$},e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),w.getJSXElement(i.content,ee))))):(K=te(),Q=j.icons?w.getJSXElement(j.icons,j):null,W=j.header?w.getJSXElement(j.header,j):null,e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),e.createElement("div",ae,W,e.createElement("div",se,Q,K)),e.createElement("div",oe,j.children))))),e.createElement(h,{element:ne,appendTo:j.appendTo,visible:!0}))}));z.displayName="Sidebar";export{z as Sidebar};
+import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as l,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as d,useMountEffect as b,useUpdateEffect as u,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as y,ZIndexUtils as g,DomHandler as x,ObjectUtils as w,IconUtils as S}from"primereact/utils";function O(){return O=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},O.apply(this,arguments)}function k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function P(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,p=!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){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function N(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 C(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function R(){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 A(e,n){return I(e)||P(e,n)||C(e,n)||R()}var D=i.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},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 y("p-sidebar-mask",r&&!n.fullScreen?"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 y("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 y("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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 B(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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=j(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)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(i,y){var k=s(),E=e.useContext(t),j=D.getProps(i,E),I=A(e.useState(!1),2),P=I[0],N=I[1],C=A(e.useState(!1),2),R=C[0],B=C[1],z=D.setMetaData({props:j,state:{containerVisible:P}}),J=z.ptm,M=z.cx,X=z.sx;a(D.css.styles,z.isUnstyled,{name:"sidebar"});var Z=e.useRef(null),H=e.useRef(null),L=e.useRef(null),V=l("sidebar",R);p({callback:function(e){$(e)},when:R&&j.closeOnEscape&&V,priority:[c.SIDEBAR,V]});var U=A(d({type:"click",listener:function(e){0===e.button&&Y(e)&&$(e)}}),2),_=U[0],F=U[1],Y=function(e){return Z&&Z.current&&!Z.current.contains(e.target)},$=function(e){j.onHide(),e.preventDefault()},q=function(){j.dismissable&&!j.modal&&_(),j.blockScroll&&x.blockBodyScroll()},G=function(){F(),j.blockScroll&&x.unblockBodyScroll()};e.useImperativeHandle(y,(function(){return{props:j,getElement:function(){return Z.current},gteMask:function(){return H.current},getCloseIcon:function(){return L.current}}})),b((function(){j.visible&&N(!0)})),u((function(){j.visible&&!P&&N(!0),j.visible!==R&&P&&B(j.visible)})),u((function(){P&&(g.set("modal",H.current,E&&E.autoZIndex||n.autoZIndex,j.baseZIndex||E&&E.zIndex.modal||n.zIndex.modal),B(!0))}),[P]),u((function(){R&&(F(),j.dismissable&&!j.modal&&_())}),[j.dismissable,j.modal,R]),m((function(){G(),H.current&&g.clear(H.current)}));var K,Q,W,ee,ne,te=function(){var n=j.ariaCloseLabel||r("close"),t=k({type:"button",ref:L,className:M("closeButton"),onClick:function(e){return $(e)},"aria-label":n},J("closeButton")),i=k({className:M("closeIcon")},J("closeIcon")),a=S.getJSXIcon(j.closeIcon||e.createElement(f,i),T({},i),{props:j});return j.showCloseIcon?e.createElement("button",t,a,e.createElement(v,null)):null},re=k({ref:H,style:X("mask"),className:M("mask",{maskVisibleState:P}),onMouseDown:function(e){return n=e,void(j.dismissable&&j.modal&&H.current===n.target&&$(n));var n}},J("mask")),ie=k({id:j.id,className:M("root",{context:E}),style:j.style,role:"complementary"},D.getOtherProps(j),J("root")),ae=k({className:M("header")},J("header")),oe=k({className:M("content")},J("content")),se=k({className:M("icons")},J("icons")),le={enter:j.fullScreen?150:300,exit:j.fullScreen?150:300},pe=k({classNames:M("transition"),in:R,timeout:le,options:j.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;j.onShow&&j.onShow(),!((e=document.activeElement)&&Z&&Z.current.contains(e))&&j.showCloseIcon&&L.current&&L.current.focus(),q()},onExiting:function(){j.modal&&x.addClass(H.current,"p-component-overlay-leave")},onExited:function(){g.clear(H.current),N(!1),G()}},J("transition"));return P&&(ne=null!=i&&i.content?(ee={closeIconRef:L,hide:$},e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),w.getJSXElement(i.content,ee))))):(K=te(),Q=j.icons?w.getJSXElement(j.icons,j):null,W=j.header?w.getJSXElement(j.header,j):null,e.createElement("div",re,e.createElement(o,O({nodeRef:Z},pe),e.createElement("div",O({ref:Z},ie),e.createElement("div",ae,W,e.createElement("div",se,Q,K)),e.createElement("div",oe,j.children))))),e.createElement(h,{element:ne,appendTo:j.appendTo,visible:!0}))}));z.displayName="Sidebar";export{z as Sidebar};

package/sidebar/sidebar.js

@@ -190,28 +190,30 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
   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,
+      appendTo: null,
+      ariaCloseLabel: null,
       baseZIndex: 0,
-      dismissable: true,
-      showCloseIcon: true,
+      blockScroll: false,
+      children: undefined,
+      className: null,
       closeIcon: null,
-      ariaCloseLabel: null,
       closeOnEscape: true,
+      content: null,
+      dismissable: true,
+      fullScreen: false,
+      header: null,
       icons: null,
+      id: null,
+      maskClassName: null,
+      maskStyle: null,
       modal: true,
-      appendTo: null,
-      transitionOptions: null,
-      onShow: null,
       onHide: null,
-      children: undefined
+      onShow: null,
+      position: 'left',
+      showCloseIcon: true,
+      style: null,
+      transitionOptions: null,
+      visible: false
     },
     css: {
       classes: classes,

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 b=d(n),u=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 h(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 y(e){var n=h(e,"string");return"symbol"===m(n)?n:String(n)}function v(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 S(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 w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return v(e)||g(e,n)||S(e,n)||w()}var E=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&&!n.fullScreen?"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"===u.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===u.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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 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 k(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,a;r=e,a=t[n],(i=y(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=b.forwardRef((function(e,n){var p=a.useMergeProps(),d=b.useContext(t.PrimeReactContext),m=E.getProps(e,d),h=O(b.useState(!1),2),y=h[0],v=h[1],g=O(b.useState(!1),2),x=g[0],S=g[1],w=E.setMetaData({props:m,state:{containerVisible:y}}),j=w.ptm,I=w.cx,P=w.sx;r.useHandleStyle(E.css.styles,w.isUnstyled,{name:"sidebar"});var N=b.useRef(null),C=b.useRef(null),D=b.useRef(null),R=a.useDisplayOrder("sidebar",x);a.useGlobalOnEscapeKey({callback:function(e){B(e)},when:x&&m.closeOnEscape&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&_(e)&&B(e)}}),2),T=U[0],A=U[1],_=function(e){return N&&N.current&&!N.current.contains(e.target)},B=function(e){m.onHide(),e.preventDefault()},H=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&c.DomHandler.blockBodyScroll()},M=function(){A(),m.blockScroll&&c.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),a.useMountEffect((function(){m.visible&&v(!0)})),a.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),a.useUpdateEffect((function(){y&&(c.ZIndexUtils.set("modal",C.current,d&&d.autoZIndex||u.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||u.default.zIndex.modal),S(!0))}),[y]),a.useUpdateEffect((function(){x&&(A(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),a.useUnmountEffect((function(){M(),C.current&&c.ZIndexUtils.clear(C.current)}));var Z,z,L,J,X,V=function(){var e=m.ariaCloseLabel||t.localeOption("close"),n=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return B(e)},"aria-label":e},j("closeButton")),r=p({className:I("closeIcon")},j("closeIcon")),i=c.IconUtils.getJSXIcon(m.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:m});return m.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},G=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&B(n));var n}},j("mask")),K=p({id:m.id,className:I("root",{context:d}),style:m.style,role:"complementary"},E.getOtherProps(m),j("root")),Y=p({className:I("header")},j("header")),F=p({className:I("content")},j("content")),$=p({className:I("icons")},j("icons")),q={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:q,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),H()},onExiting:function(){m.modal&&c.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){c.ZIndexUtils.clear(C.current),v(!1),M()}},j("transition"));return y&&(X=null!=e&&e.content?(J={closeIconRef:D,hide:B},b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),c.ObjectUtils.getJSXElement(e.content,J))))):(Z=V(),z=m.icons?c.ObjectUtils.getJSXElement(m.icons,m):null,L=m.header?c.ObjectUtils.getJSXElement(m.header,m):null,b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),b.createElement("div",Y,L,b.createElement("div",$,z,Z)),b.createElement("div",F,m.children))))),b.createElement(s.Portal,{element:X,appendTo:m.appendTo,visible:!0}))}));return I.displayName="Sidebar",e.Sidebar=I,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 b=d(n),u=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 h(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 y(e){var n=h(e,"string");return"symbol"===m(n)?n:String(n)}function v(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 S(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 w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return v(e)||g(e,n)||S(e,n)||w()}var E=r.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},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&&!n.fullScreen?"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"===u.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===u.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;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\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 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 k(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,a;r=e,a=t[n],(i=y(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=b.forwardRef((function(e,n){var p=a.useMergeProps(),d=b.useContext(t.PrimeReactContext),m=E.getProps(e,d),h=O(b.useState(!1),2),y=h[0],v=h[1],g=O(b.useState(!1),2),x=g[0],S=g[1],w=E.setMetaData({props:m,state:{containerVisible:y}}),j=w.ptm,I=w.cx,P=w.sx;r.useHandleStyle(E.css.styles,w.isUnstyled,{name:"sidebar"});var N=b.useRef(null),C=b.useRef(null),D=b.useRef(null),R=a.useDisplayOrder("sidebar",x);a.useGlobalOnEscapeKey({callback:function(e){B(e)},when:x&&m.closeOnEscape&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&_(e)&&B(e)}}),2),T=U[0],A=U[1],_=function(e){return N&&N.current&&!N.current.contains(e.target)},B=function(e){m.onHide(),e.preventDefault()},H=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&c.DomHandler.blockBodyScroll()},M=function(){A(),m.blockScroll&&c.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),a.useMountEffect((function(){m.visible&&v(!0)})),a.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),a.useUpdateEffect((function(){y&&(c.ZIndexUtils.set("modal",C.current,d&&d.autoZIndex||u.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||u.default.zIndex.modal),S(!0))}),[y]),a.useUpdateEffect((function(){x&&(A(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),a.useUnmountEffect((function(){M(),C.current&&c.ZIndexUtils.clear(C.current)}));var Z,z,L,J,X,V=function(){var e=m.ariaCloseLabel||t.localeOption("close"),n=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return B(e)},"aria-label":e},j("closeButton")),r=p({className:I("closeIcon")},j("closeIcon")),i=c.IconUtils.getJSXIcon(m.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:m});return m.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},G=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&B(n));var n}},j("mask")),K=p({id:m.id,className:I("root",{context:d}),style:m.style,role:"complementary"},E.getOtherProps(m),j("root")),Y=p({className:I("header")},j("header")),F=p({className:I("content")},j("content")),$=p({className:I("icons")},j("icons")),q={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:q,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),H()},onExiting:function(){m.modal&&c.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){c.ZIndexUtils.clear(C.current),v(!1),M()}},j("transition"));return y&&(X=null!=e&&e.content?(J={closeIconRef:D,hide:B},b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),c.ObjectUtils.getJSXElement(e.content,J))))):(Z=V(),z=m.icons?c.ObjectUtils.getJSXElement(m.icons,m):null,L=m.header?c.ObjectUtils.getJSXElement(m.header,m):null,b.createElement("div",G,b.createElement(i.CSSTransition,f({nodeRef:N},Q),b.createElement("div",f({ref:N},K),b.createElement("div",Y,L,b.createElement("div",$,z,Z)),b.createElement("div",F,m.children))))),b.createElement(s.Portal,{element:X,appendTo:m.appendTo,visible:!0}))}));return I.displayName="Sidebar",e.Sidebar=I,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);

package/slider/slider.cjs.js

@@ -328,10 +328,31 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }
     handleIndex.current = index;
     var key = event.key;
-    if (key === 'ArrowRight' || key === 'ArrowUp') {
-      spin(event, 1);
-    } else if (key === 'ArrowLeft' || key === 'ArrowDown') {
-      spin(event, -1);
+    switch (key) {
+      case 'ArrowRight':
+      case 'ArrowUp':
+        spin(event, 1);
+        break;
+      case 'ArrowLeft':
+      case 'ArrowDown':
+        spin(event, -1);
+        break;
+      case 'PageUp':
+        spin(event, 10);
+        event.preventDefault();
+        break;
+      case 'PageDown':
+        spin(event, -10);
+        event.preventDefault();
+        break;
+      case 'Home':
+        spin(event, -value);
+        event.preventDefault();
+        break;
+      case 'End':
+        spin(event, props.max);
+        event.preventDefault();
+        break;
     }
   };
   var onBarClick = function onBarClick(event) {