primereact/focustrap/focustrap.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

this.primereact=this.primereact||{},this.primereact.focustrap=function(e,t,r,n,o,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);function l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}var f=u.ComponentBase.extend({defaultProps:{__TYPE:"FocusTrap",children:void 0},css:{styles:""},getProps:function(e){return o.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,f.defaultProps)}});function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){var n,o,u;n=e,u=r[t],(o=i(o=t))in n?Object.defineProperty(n,o,{value:u,enumerable:!0,configurable:!0,writable:!0}):n[o]=u})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=c.default.memo(c.default.forwardRef((function(e,t){var u=c.default.useRef(null),a=c.default.useRef(null),l=c.default.useRef(null),s=c.default.useContext(r.PrimeReactContext),i=f.getProps(e,s),p={props:i};n.useStyle(f.css.styles,{name:"focustrap"});f.setMetaData(d({},p));c.default.useImperativeHandle(t,(function(){return{props:i,getInk:function(){return a.current},getTarget:function(){return u.current}}})),n.useMountEffect((function(){i.disabled||(u.current=h(),O(u.current))}));var b,m,y,v,g,h=function(){return a.current&&a.current.parentElement},O=function(e){var t=i||{},r=t.autoFocusSelector,n=t.firstFocusableSelector,u=void 0===n?"":n,a=t.autoFocus,c=void 0!==a&&a,l="".concat(P(void 0===r?"":r)),s="[autofocus]".concat(l,", [data-pc-autofocus='true']").concat(l),f=o.DomHandler.getFirstFocusableElement(e,s);c&&!f&&(f=o.DomHandler.getFirstFocusableElement(e,P(u))),o.DomHandler.focus(f)},P=function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},_=function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_firsthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_firsthiddenfocusableelement:o.DomHandler.getLastFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)};return m=void 0===(b=(i||{}).tabIndex)?0:b,v=(y=function(e,t){return c.default.createElement("span",{ref:"firstfocusableelement"===t?a:l,className:"p-hidden-accessible p-hidden-focusable",tabIndex:m,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:e,"data-pc-section":t})})((function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_lasthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_lasthiddenfocusableelement:o.DomHandler.getFirstFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)}),"firstfocusableelement"),g=y(_,"lastfocusableelement"),v.ref.current&&g.ref.current&&(v.ref.current.$_pfocustrap_lasthiddenfocusableelement=g.ref.current,g.ref.current.$_pfocustrap_firsthiddenfocusableelement=v.ref.current),c.default.createElement(c.default.Fragment,null,v,i.children,g)})));return e.FocusTrap=b,e.default=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);