2 lines
7.2 KiB
JavaScript
2 lines
7.2 KiB
JavaScript
this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,s,i,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(t),c=l(r);function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}function b(e){return b="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},b(e)}function h(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k,E,S,C=function(e){m(E,e);var t,r,l,f,b,k=(t=E,r=v(),function(){var e,n=y(t);if(r){var s=y(this).constructor;e=Reflect.construct(n,arguments,s)}else e=n.apply(this,arguments);return h(this,e)});function E(e){var t;return u(this,E),(t=k.call(this,e)).state={maskVisible:!1,visible:!1},t.onMaskClick=t.onMaskClick.bind(d(t)),t.onClose=t.onClose.bind(d(t)),t.onEntered=t.onEntered.bind(d(t)),t.onExiting=t.onExiting.bind(d(t)),t.onExited=t.onExited.bind(d(t)),t.sidebarRef=a.default.createRef(),t}return l=E,(f=[{key:"getPositionClass",value:function(){var e=this,t=["left","right","top","bottom"].find((function(t){return t===e.props.position}));return t?"p-sidebar-".concat(t):""}},{key:"focus",value:function(){var e=document.activeElement;!(e&&this.sidebarRef&&this.sidebarRef.current.contains(e))&&this.props.showCloseIcon&&this.closeIcon.focus()}},{key:"onMaskClick",value:function(e){this.props.dismissable&&this.props.modal&&this.mask===e.target&&this.onClose(e)}},{key:"onClose",value:function(e){this.props.onHide(),e.preventDefault()}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow(),this.focus(),this.enableDocumentSettings()}},{key:"onExiting",value:function(){this.props.modal&&n.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExited",value:function(){n.ZIndexUtils.clear(this.mask),this.setState({maskVisible:!1}),this.disableDocumentSettings()}},{key:"enableDocumentSettings",value:function(){this.bindGlobalListeners(),this.props.blockScroll&&n.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"disableDocumentSettings",value:function(){this.unbindGlobalListeners(),this.props.blockScroll&&n.DomHandler.removeClass(document.body,"p-overflow-hidden")}},{key:"bindGlobalListeners",value:function(){this.props.closeOnEscape&&this.bindDocumentEscapeListener()}},{key:"unbindGlobalListeners",value:function(){this.unbindDocumentEscapeListener()}},{key:"bindDocumentEscapeListener",value:function(){var e=this;this.documentEscapeListener=function(t){27===t.which&&n.ZIndexUtils.get(e.mask)===n.ZIndexUtils.getCurrent("modal",c.default.autoZIndex)&&e.onClose(t)},document.addEventListener("keydown",this.documentEscapeListener)}},{key:"unbindDocumentEscapeListener",value:function(){this.documentEscapeListener&&(document.removeEventListener("keydown",this.documentEscapeListener),this.documentEscapeListener=null)}},{key:"componentDidMount",value:function(){var e=this;this.props.visible&&this.setState({maskVisible:!0,visible:!0},(function(){n.ZIndexUtils.set("modal",e.mask,c.default.autoZIndex,e.props.baseZIndex||c.default.zIndex.modal)}))}},{key:"componentDidUpdate",value:function(e,t){var s=this;this.props.visible&&!this.state.maskVisible&&this.setState({maskVisible:!0},(function(){n.ZIndexUtils.set("modal",s.mask,c.default.autoZIndex,s.props.baseZIndex||c.default.zIndex.modal)})),this.props.visible!==this.state.visible&&this.state.maskVisible&&this.setState({visible:this.props.visible})}},{key:"componentWillUnmount",value:function(){this.disableDocumentSettings(),n.ZIndexUtils.clear(this.mask)}},{key:"renderCloseIcon",value:function(){var e=this;return this.props.showCloseIcon?a.default.createElement("button",{type:"button",ref:function(t){return e.closeIcon=t},className:"p-sidebar-close p-sidebar-icon p-link",onClick:this.onClose,"aria-label":this.props.ariaCloseLabel},a.default.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),a.default.createElement(i.Ripple,null)):null}},{key:"renderIcons",value:function(){return this.props.icons?n.ObjectUtils.getJSXElement(this.props.icons,this.props):null}},{key:"renderElement",value:function(){var e=this,t=n.classNames("p-sidebar p-component",this.props.className),i=n.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":this.props.modal,"p-sidebar-mask-scrollblocker":this.props.blockScroll,"p-sidebar-visible":this.state.maskVisible,"p-sidebar-full":this.props.fullScreen},this.props.maskClassName,this.getPositionClass()),o=this.renderCloseIcon(),r=this.renderIcons();return a.default.createElement("div",{ref:function(t){return e.mask=t},style:this.props.maskStyle,className:i,onClick:this.onMaskClick},a.default.createElement(s.CSSTransition,{nodeRef:this.sidebarRef,classNames:"p-sidebar",in:this.state.visible,timeout:{enter:this.props.fullScreen?150:300,exit:this.props.fullScreen?150:300},options:this.props.transitionOptions,unmountOnExit:!0,onEntered:this.onEntered,onExiting:this.onExiting,onExited:this.onExited},a.default.createElement("div",{ref:this.sidebarRef,id:this.props.id,className:t,style:this.props.style,role:"complementary"},a.default.createElement("div",{className:"p-sidebar-header"},r,o),a.default.createElement("div",{className:"p-sidebar-content"},this.props.children))))}},{key:"render",value:function(){if(this.state.maskVisible){var e=this.renderElement();return a.default.createElement(o.Portal,{element:e,appendTo:this.props.appendTo,visible:!0})}return null}}])&&p(l.prototype,f),b&&p(l,b),Object.defineProperty(l,"prototype",{writable:!1}),E}(t.Component);return S={id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(k=C)?Object.defineProperty(k,E,{value:S,enumerable:!0,configurable:!0,writable:!0}):k[E]=S,e.Sidebar=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.portal,primereact.api);
|