@seamly/web-ui 21.0.2-beta.1 → 21.0.2-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dist/lib/components.js +182 -109
- package/build/dist/lib/components.min.js +1 -1
- package/build/dist/lib/components.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/hooks.js +27 -27
- package/build/dist/lib/hooks.min.js +1 -1
- package/build/dist/lib/index.debug.js +3 -3
- package/build/dist/lib/index.debug.min.js +1 -1
- package/build/dist/lib/index.js +184 -111
- package/build/dist/lib/index.min.js +1 -1
- package/build/dist/lib/index.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/standalone.js +211 -138
- package/build/dist/lib/standalone.min.js +1 -1
- package/build/dist/lib/standalone.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/style-guide.js +184 -111
- package/build/dist/lib/style-guide.min.js +1 -1
- package/build/dist/lib/style-guide.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/utils.js +184 -111
- package/build/dist/lib/utils.min.js +1 -1
- package/build/dist/lib/utils.min.js.LICENSE.txt +1 -1
- package/package.json +1 -1
- package/src/javascripts/api/index.ts +1 -1
package/build/dist/lib/index.js
CHANGED
|
@@ -3826,37 +3826,37 @@ function arrObjKeys(obj, inspect) {
|
|
|
3826
3826
|
"use strict";
|
|
3827
3827
|
__webpack_require__.r(__webpack_exports__);
|
|
3828
3828
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3829
|
-
/* harmony export */ "Children": () => (/* binding */
|
|
3829
|
+
/* harmony export */ "Children": () => (/* binding */ A),
|
|
3830
3830
|
/* harmony export */ "Component": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_0__.Component),
|
|
3831
3831
|
/* harmony export */ "Fragment": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_0__.Fragment),
|
|
3832
|
-
/* harmony export */ "PureComponent": () => (/* binding */
|
|
3833
|
-
/* harmony export */ "StrictMode": () => (/* binding */
|
|
3834
|
-
/* harmony export */ "Suspense": () => (/* binding */
|
|
3835
|
-
/* harmony export */ "SuspenseList": () => (/* binding */
|
|
3836
|
-
/* harmony export */ "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED": () => (/* binding */
|
|
3837
|
-
/* harmony export */ "cloneElement": () => (/* binding */
|
|
3832
|
+
/* harmony export */ "PureComponent": () => (/* binding */ E),
|
|
3833
|
+
/* harmony export */ "StrictMode": () => (/* binding */ hn),
|
|
3834
|
+
/* harmony export */ "Suspense": () => (/* binding */ U),
|
|
3835
|
+
/* harmony export */ "SuspenseList": () => (/* binding */ M),
|
|
3836
|
+
/* harmony export */ "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED": () => (/* binding */ en),
|
|
3837
|
+
/* harmony export */ "cloneElement": () => (/* binding */ ln),
|
|
3838
3838
|
/* harmony export */ "createContext": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_0__.createContext),
|
|
3839
3839
|
/* harmony export */ "createElement": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_0__.createElement),
|
|
3840
|
-
/* harmony export */ "createFactory": () => (/* binding */
|
|
3841
|
-
/* harmony export */ "createPortal": () => (/* binding */
|
|
3840
|
+
/* harmony export */ "createFactory": () => (/* binding */ un),
|
|
3841
|
+
/* harmony export */ "createPortal": () => (/* binding */ $),
|
|
3842
3842
|
/* harmony export */ "createRef": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_0__.createRef),
|
|
3843
|
-
/* harmony export */ "default": () => (/* binding */
|
|
3844
|
-
/* harmony export */ "findDOMNode": () => (/* binding */
|
|
3845
|
-
/* harmony export */ "flushSync": () => (/* binding */
|
|
3846
|
-
/* harmony export */ "forwardRef": () => (/* binding */
|
|
3847
|
-
/* harmony export */ "hydrate": () => (/* binding */
|
|
3848
|
-
/* harmony export */ "isValidElement": () => (/* binding */
|
|
3849
|
-
/* harmony export */ "lazy": () => (/* binding */
|
|
3850
|
-
/* harmony export */ "memo": () => (/* binding */
|
|
3851
|
-
/* harmony export */ "render": () => (/* binding */
|
|
3852
|
-
/* harmony export */ "startTransition": () => (/* binding */
|
|
3853
|
-
/* harmony export */ "unmountComponentAtNode": () => (/* binding */
|
|
3854
|
-
/* harmony export */ "unstable_batchedUpdates": () => (/* binding */
|
|
3855
|
-
/* harmony export */ "useDeferredValue": () => (/* binding */
|
|
3856
|
-
/* harmony export */ "useInsertionEffect": () => (/* binding */
|
|
3857
|
-
/* harmony export */ "useSyncExternalStore": () => (/* binding */
|
|
3858
|
-
/* harmony export */ "useTransition": () => (/* binding */
|
|
3859
|
-
/* harmony export */ "version": () => (/* binding */
|
|
3843
|
+
/* harmony export */ "default": () => (/* binding */ _n),
|
|
3844
|
+
/* harmony export */ "findDOMNode": () => (/* binding */ fn),
|
|
3845
|
+
/* harmony export */ "flushSync": () => (/* binding */ sn),
|
|
3846
|
+
/* harmony export */ "forwardRef": () => (/* binding */ N),
|
|
3847
|
+
/* harmony export */ "hydrate": () => (/* binding */ Y),
|
|
3848
|
+
/* harmony export */ "isValidElement": () => (/* binding */ on),
|
|
3849
|
+
/* harmony export */ "lazy": () => (/* binding */ F),
|
|
3850
|
+
/* harmony export */ "memo": () => (/* binding */ w),
|
|
3851
|
+
/* harmony export */ "render": () => (/* binding */ Z),
|
|
3852
|
+
/* harmony export */ "startTransition": () => (/* binding */ vn),
|
|
3853
|
+
/* harmony export */ "unmountComponentAtNode": () => (/* binding */ cn),
|
|
3854
|
+
/* harmony export */ "unstable_batchedUpdates": () => (/* binding */ an),
|
|
3855
|
+
/* harmony export */ "useDeferredValue": () => (/* binding */ dn),
|
|
3856
|
+
/* harmony export */ "useInsertionEffect": () => (/* binding */ mn),
|
|
3857
|
+
/* harmony export */ "useSyncExternalStore": () => (/* binding */ yn),
|
|
3858
|
+
/* harmony export */ "useTransition": () => (/* binding */ pn),
|
|
3859
|
+
/* harmony export */ "version": () => (/* binding */ rn)
|
|
3860
3860
|
/* harmony export */ });
|
|
3861
3861
|
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(710);
|
|
3862
3862
|
/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__);
|
|
@@ -3865,7 +3865,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3865
3865
|
/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
3866
3866
|
/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in preact_hooks__WEBPACK_IMPORTED_MODULE_1__) if(["default","Component","Fragment","createContext","createElement","createRef","Children","PureComponent","StrictMode","Suspense","SuspenseList","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","cloneElement","createFactory","createPortal","findDOMNode","flushSync","forwardRef","hydrate","isValidElement","lazy","memo","render","startTransition","unmountComponentAtNode","unstable_batchedUpdates","useDeferredValue","useInsertionEffect","useSyncExternalStore","useTransition","version"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => preact_hooks__WEBPACK_IMPORTED_MODULE_1__[__WEBPACK_IMPORT_KEY__]
|
|
3867
3867
|
/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
3868
|
-
function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function E(n,t){return n===t&&(0!==n||1/n==1/t)||n!=n&&t!=t}function w(n){this.props=n}function R(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var x=preact__WEBPACK_IMPORTED_MODULE_0__.options.__b;preact__WEBPACK_IMPORTED_MODULE_0__.options.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),x&&x(n)};var N="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var A=function(n,t){return null==n?null:(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)((0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n).map(t))},O={map:A,forEach:A,count:function(n){return n?(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n).length:0},only:function(n){var t=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray},T=preact__WEBPACK_IMPORTED_MODULE_0__.options.__e;preact__WEBPACK_IMPORTED_MODULE_0__.options.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r)};var I=preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount;function L(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)})),n}function U(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return U(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function D(){this.__u=0,this.t=null,this.__b=null}function F(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function M(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return (0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(r,o)}return o.displayName="Lazy",o.__f=!0,o}function V(){this.u=null,this.o=null}preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),I&&I(n)},(D.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=F(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l())};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=U(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},D.prototype.componentWillUnmount=function(){this.t=[]},D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=L(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,n.fallback);return i&&(i.__h=null),[(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function P(n){return this.getChildContext=function(){return n.context},n.children}function $(n){var e=this,r=n.i;e.componentWillUnmount=function(){(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),n.__v?(e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)((0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(P,{context:e.context},n.__v),e.l)):e.l&&e.componentWillUnmount()}function j(n,e){var r=(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)($,{__v:n,i:e});return r.containerInfo=e,r}(V.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).__a=function(n){var t=this,e=F(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u()};e?e(o):o()}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t)})};var z="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,B=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,H="undefined"!=typeof document,Z=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function Y(n,t,e){return null==t.__k&&(t.textContent=""),(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(n,t),"function"==typeof e&&e(),n?n.__c:null}function q(n,t,e){return (0,preact__WEBPACK_IMPORTED_MODULE_0__.hydrate)(n,t),"function"==typeof e&&e(),n?n.__c:null}preact__WEBPACK_IMPORTED_MODULE_0__.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(preact__WEBPACK_IMPORTED_MODULE_0__.Component.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var G=preact__WEBPACK_IMPORTED_MODULE_0__.options.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}preact__WEBPACK_IMPORTED_MODULE_0__.options.event=function(n){return G&&(n=G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var X,nn={configurable:!0,get:function(){return this.class}},tn=preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode;preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode=function(n){var t=n.type,e=n.props,u=e;if("string"==typeof t){var o=-1===t.indexOf("-");for(var i in u={},e){var l=e[i];H&&"children"===i&&"noscript"===t||"value"===i&&"defaultValue"in e&&null==l||("defaultValue"===i&&"value"in e&&null==e.value?i="value":"download"===i&&!0===l?l="":/ondoubleclick/i.test(i)?i="ondblclick":/^onchange(textarea|input)/i.test(i+t)&&!Z(e.type)?i="oninput":/^onfocus$/i.test(i)?i="onfocusin":/^onblur$/i.test(i)?i="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(i)?i=i.toLowerCase():o&&B.test(i)?i=i.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===l&&(l=void 0),/^oninput$/i.test(i)&&(i=i.toLowerCase(),u[i]&&(i="oninputCapture")),u[i]=l)}"select"==t&&u.multiple&&Array.isArray(u.value)&&(u.value=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==t&&null!=u.defaultValue&&(u.value=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),n.props=u,e.class!=e.className&&(nn.enumerable="className"in e,null!=e.className&&(u.class=e.className),Object.defineProperty(u,"className",nn))}n.$$typeof=z,tn&&tn(n)};var en=preact__WEBPACK_IMPORTED_MODULE_0__.options.__r;preact__WEBPACK_IMPORTED_MODULE_0__.options.__r=function(n){en&&en(n),X=n.__c};var rn={ReactCurrentDispatcher:{current:{readContext:function(n){return X.__n[n.__c].props.value}}}},un="17.0.2";function on(n){return preact__WEBPACK_IMPORTED_MODULE_0__.createElement.bind(null,n)}function ln(n){return!!n&&n.$$typeof===z}function cn(n){return ln(n)?preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement.apply(null,arguments):n}function fn(n){return!!n.__k&&((0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null,n),!0)}function an(n){return n&&(n.base||1===n.nodeType&&n)||null}var sn=function(n,t){return n(t)},hn=function(n,t){return n(t)},vn=preact__WEBPACK_IMPORTED_MODULE_0__.Fragment;function dn(n){n()}function pn(n){return n}function mn(){return[!1,dn]}var yn=preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect;function _n(n,t){var e=t(),r=(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({h:{__:e,v:t}}),u=r[0].h,o=r[1];return (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(function(){u.__=e,u.v=t,E(u.__,t())||o({h:u})},[n,e,t]),(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function(){return E(u.__,u.v())||o({h:u}),n(function(){E(u.__,u.v())||o({h:u})})},[n]),e}var bn={useState:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState,useId:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useId,useReducer:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useReducer,useEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect,useLayoutEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect,useInsertionEffect:yn,useTransition:mn,useDeferredValue:pn,useSyncExternalStore:_n,startTransition:dn,useRef:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef,useImperativeHandle:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle,useMemo:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useMemo,useCallback:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useCallback,useContext:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useContext,useDebugValue:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebugValue,version:"17.0.2",Children:O,render:Y,hydrate:q,unmountComponentAtNode:fn,createPortal:j,createElement:preact__WEBPACK_IMPORTED_MODULE_0__.createElement,createContext:preact__WEBPACK_IMPORTED_MODULE_0__.createContext,createFactory:on,cloneElement:cn,createRef:preact__WEBPACK_IMPORTED_MODULE_0__.createRef,Fragment:preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,isValidElement:ln,findDOMNode:an,Component:preact__WEBPACK_IMPORTED_MODULE_0__.Component,PureComponent:w,memo:R,forwardRef:k,flushSync:hn,unstable_batchedUpdates:sn,StrictMode:vn,Suspense:D,SuspenseList:V,lazy:M,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:rn};
|
|
3868
|
+
function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function E(n){this.props=n}function w(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(E.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=preact__WEBPACK_IMPORTED_MODULE_0__.options.__b;preact__WEBPACK_IMPORTED_MODULE_0__.options.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n)};var x="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function N(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=x,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var k=function(n,t){return null==n?null:(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)((0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n).map(t))},A={map:k,forEach:k,count:function(n){return n?(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n).length:0},only:function(n){var t=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray},O=preact__WEBPACK_IMPORTED_MODULE_0__.options.__e;preact__WEBPACK_IMPORTED_MODULE_0__.options.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);O(n,t,e,r)};var T=preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount;function I(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)})),n}function L(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function U(){this.__u=0,this.t=null,this.__b=null}function D(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function F(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return (0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(r,o)}return o.displayName="Lazy",o.__f=!0,o}function M(){this.u=null,this.o=null}preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),T&&T(n)},(U.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=D(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l())};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=L(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},U.prototype.componentWillUnmount=function(){this.t=[]},U.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=I(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,n.fallback);return i&&(i.__h=null),[(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,e.__a?null:n.children),i]};var V=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function W(n){return this.getChildContext=function(){return n.context},n.children}function P(n){var e=this,r=n.i;e.componentWillUnmount=function(){(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null,e.l),e.l=null,e.i=null},e.i&&e.i!==r&&e.componentWillUnmount(),n.__v?(e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n)},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n)}}),(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)((0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(W,{context:e.context},n.__v),e.l)):e.l&&e.componentWillUnmount()}function $(n,e){var r=(0,preact__WEBPACK_IMPORTED_MODULE_0__.createElement)(P,{__v:n,i:e});return r.containerInfo=e,r}(M.prototype=new preact__WEBPACK_IMPORTED_MODULE_0__.Component).__a=function(n){var t=this,e=D(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V(t,n,r)):u()};e?e(o):o()}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V(n,e,t)})};var j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,B="undefined"!=typeof document,H=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function Z(n,t,e){return null==t.__k&&(t.textContent=""),(0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(n,t),"function"==typeof e&&e(),n?n.__c:null}function Y(n,t,e){return (0,preact__WEBPACK_IMPORTED_MODULE_0__.hydrate)(n,t),"function"==typeof e&&e(),n?n.__c:null}preact__WEBPACK_IMPORTED_MODULE_0__.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(preact__WEBPACK_IMPORTED_MODULE_0__.Component.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var q=preact__WEBPACK_IMPORTED_MODULE_0__.options.event;function G(){}function J(){return this.cancelBubble}function K(){return this.defaultPrevented}preact__WEBPACK_IMPORTED_MODULE_0__.options.event=function(n){return q&&(n=q(n)),n.persist=G,n.isPropagationStopped=J,n.isDefaultPrevented=K,n.nativeEvent=n};var Q,X={configurable:!0,get:function(){return this.class}},nn=preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode;preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode=function(n){var t=n.type,e=n.props,u=e;if("string"==typeof t){var o=-1===t.indexOf("-");for(var i in u={},e){var l=e[i];B&&"children"===i&&"noscript"===t||"value"===i&&"defaultValue"in e&&null==l||("defaultValue"===i&&"value"in e&&null==e.value?i="value":"download"===i&&!0===l?l="":/ondoubleclick/i.test(i)?i="ondblclick":/^onchange(textarea|input)/i.test(i+t)&&!H(e.type)?i="oninput":/^onfocus$/i.test(i)?i="onfocusin":/^onblur$/i.test(i)?i="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(i)?i=i.toLowerCase():o&&z.test(i)?i=i.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===l&&(l=void 0),/^oninput$/i.test(i)&&(i=i.toLowerCase(),u[i]&&(i="oninputCapture")),u[i]=l)}"select"==t&&u.multiple&&Array.isArray(u.value)&&(u.value=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),"select"==t&&null!=u.defaultValue&&(u.value=(0,preact__WEBPACK_IMPORTED_MODULE_0__.toChildArray)(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),n.props=u,e.class!=e.className&&(X.enumerable="className"in e,null!=e.className&&(u.class=e.className),Object.defineProperty(u,"className",X))}n.$$typeof=j,nn&&nn(n)};var tn=preact__WEBPACK_IMPORTED_MODULE_0__.options.__r;preact__WEBPACK_IMPORTED_MODULE_0__.options.__r=function(n){tn&&tn(n),Q=n.__c};var en={ReactCurrentDispatcher:{current:{readContext:function(n){return Q.__n[n.__c].props.value}}}},rn="17.0.2";function un(n){return preact__WEBPACK_IMPORTED_MODULE_0__.createElement.bind(null,n)}function on(n){return!!n&&n.$$typeof===j}function ln(n){return on(n)?preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement.apply(null,arguments):n}function cn(n){return!!n.__k&&((0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null,n),!0)}function fn(n){return n&&(n.base||1===n.nodeType&&n)||null}var an=function(n,t){return n(t)},sn=function(n,t){return n(t)},hn=preact__WEBPACK_IMPORTED_MODULE_0__.Fragment;function vn(n){n()}function dn(n){return n}function pn(){return[!1,vn]}var mn=preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect;function yn(n,t){var e=t(),r=(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)({h:{__:e,v:t}}),u=r[0].h,o=r[1];return (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(function(){u.__=e,u.v=t,u.__!==t()&&o({h:u})},[n,e,t]),(0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function(){return u.__!==u.v()&&o({h:u}),n(function(){u.__!==u.v()&&o({h:u})})},[n]),e}var _n={useState:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState,useId:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useId,useReducer:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useReducer,useEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect,useLayoutEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect,useInsertionEffect:mn,useTransition:pn,useDeferredValue:dn,useSyncExternalStore:yn,startTransition:vn,useRef:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef,useImperativeHandle:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle,useMemo:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useMemo,useCallback:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useCallback,useContext:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useContext,useDebugValue:preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useDebugValue,version:"17.0.2",Children:A,render:Z,hydrate:Y,unmountComponentAtNode:cn,createPortal:$,createElement:preact__WEBPACK_IMPORTED_MODULE_0__.createElement,createContext:preact__WEBPACK_IMPORTED_MODULE_0__.createContext,createFactory:un,cloneElement:ln,createRef:preact__WEBPACK_IMPORTED_MODULE_0__.createRef,Fragment:preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,isValidElement:on,findDOMNode:fn,Component:preact__WEBPACK_IMPORTED_MODULE_0__.Component,PureComponent:E,memo:w,forwardRef:N,flushSync:sn,unstable_batchedUpdates:an,StrictMode:hn,Suspense:U,SuspenseList:M,lazy:F,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:en};
|
|
3869
3869
|
//# sourceMappingURL=compat.module.js.map
|
|
3870
3870
|
|
|
3871
3871
|
|
|
@@ -7156,7 +7156,7 @@ class API {
|
|
|
7156
7156
|
(_a = this.conversation) === null || _a === void 0 ? void 0 : _a.onConnection(connectionState => {
|
|
7157
7157
|
const connected = connectionState === 'join_channel_succeeded';
|
|
7158
7158
|
const ready = connectionState === 'attach_channel_succeeded';
|
|
7159
|
-
if (
|
|
7159
|
+
if (connected || ready) {
|
|
7160
7160
|
this.send(command, payload, waitForReady);
|
|
7161
7161
|
}
|
|
7162
7162
|
});
|
|
@@ -7254,7 +7254,7 @@ _API_ready = new WeakMap(), _API_externalId = new WeakMap(), _API_layoutMode = n
|
|
|
7254
7254
|
return {
|
|
7255
7255
|
clientName: "@seamly/web-ui",
|
|
7256
7256
|
clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
|
|
7257
|
-
clientVersion: "21.0.2-beta.
|
|
7257
|
+
clientVersion: "21.0.2-beta.2",
|
|
7258
7258
|
currentUrl: window.location.toString(),
|
|
7259
7259
|
screenResolution: `${window.screen.width}x${window.screen.height}`,
|
|
7260
7260
|
timezone: getTimeZone(),
|
|
@@ -16484,21 +16484,24 @@ var isFocusable = function isFocusable(node, options) {
|
|
|
16484
16484
|
|
|
16485
16485
|
;// CONCATENATED MODULE: ./node_modules/focus-trap/dist/focus-trap.esm.js
|
|
16486
16486
|
/*!
|
|
16487
|
-
* focus-trap 7.
|
|
16487
|
+
* focus-trap 7.0.0
|
|
16488
16488
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
16489
16489
|
*/
|
|
16490
16490
|
|
|
16491
16491
|
|
|
16492
16492
|
function focus_trap_esm_ownKeys(object, enumerableOnly) {
|
|
16493
16493
|
var keys = Object.keys(object);
|
|
16494
|
+
|
|
16494
16495
|
if (Object.getOwnPropertySymbols) {
|
|
16495
16496
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
16496
16497
|
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
16497
16498
|
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
16498
16499
|
})), keys.push.apply(keys, symbols);
|
|
16499
16500
|
}
|
|
16501
|
+
|
|
16500
16502
|
return keys;
|
|
16501
16503
|
}
|
|
16504
|
+
|
|
16502
16505
|
function focus_trap_esm_objectSpread2(target) {
|
|
16503
16506
|
for (var i = 1; i < arguments.length; i++) {
|
|
16504
16507
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
@@ -16508,8 +16511,10 @@ function focus_trap_esm_objectSpread2(target) {
|
|
|
16508
16511
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
16509
16512
|
});
|
|
16510
16513
|
}
|
|
16514
|
+
|
|
16511
16515
|
return target;
|
|
16512
16516
|
}
|
|
16517
|
+
|
|
16513
16518
|
function focus_trap_esm_defineProperty(obj, key, value) {
|
|
16514
16519
|
if (key in obj) {
|
|
16515
16520
|
Object.defineProperty(obj, key, {
|
|
@@ -16521,52 +16526,64 @@ function focus_trap_esm_defineProperty(obj, key, value) {
|
|
|
16521
16526
|
} else {
|
|
16522
16527
|
obj[key] = value;
|
|
16523
16528
|
}
|
|
16529
|
+
|
|
16524
16530
|
return obj;
|
|
16525
16531
|
}
|
|
16526
16532
|
|
|
16527
|
-
var
|
|
16528
|
-
var
|
|
16529
|
-
|
|
16530
|
-
|
|
16531
|
-
|
|
16532
|
-
|
|
16533
|
-
|
|
16533
|
+
var activeFocusTraps = function () {
|
|
16534
|
+
var trapQueue = [];
|
|
16535
|
+
return {
|
|
16536
|
+
activateTrap: function activateTrap(trap) {
|
|
16537
|
+
if (trapQueue.length > 0) {
|
|
16538
|
+
var activeTrap = trapQueue[trapQueue.length - 1];
|
|
16539
|
+
|
|
16540
|
+
if (activeTrap !== trap) {
|
|
16541
|
+
activeTrap.pause();
|
|
16542
|
+
}
|
|
16543
|
+
}
|
|
16544
|
+
|
|
16545
|
+
var trapIndex = trapQueue.indexOf(trap);
|
|
16546
|
+
|
|
16547
|
+
if (trapIndex === -1) {
|
|
16548
|
+
trapQueue.push(trap);
|
|
16549
|
+
} else {
|
|
16550
|
+
// move this existing trap to the front of the queue
|
|
16551
|
+
trapQueue.splice(trapIndex, 1);
|
|
16552
|
+
trapQueue.push(trap);
|
|
16553
|
+
}
|
|
16554
|
+
},
|
|
16555
|
+
deactivateTrap: function deactivateTrap(trap) {
|
|
16556
|
+
var trapIndex = trapQueue.indexOf(trap);
|
|
16557
|
+
|
|
16558
|
+
if (trapIndex !== -1) {
|
|
16559
|
+
trapQueue.splice(trapIndex, 1);
|
|
16560
|
+
}
|
|
16561
|
+
|
|
16562
|
+
if (trapQueue.length > 0) {
|
|
16563
|
+
trapQueue[trapQueue.length - 1].unpause();
|
|
16534
16564
|
}
|
|
16535
16565
|
}
|
|
16536
|
-
|
|
16537
|
-
|
|
16538
|
-
|
|
16539
|
-
} else {
|
|
16540
|
-
// move this existing trap to the front of the queue
|
|
16541
|
-
trapStack.splice(trapIndex, 1);
|
|
16542
|
-
trapStack.push(trap);
|
|
16543
|
-
}
|
|
16544
|
-
},
|
|
16545
|
-
deactivateTrap: function deactivateTrap(trapStack, trap) {
|
|
16546
|
-
var trapIndex = trapStack.indexOf(trap);
|
|
16547
|
-
if (trapIndex !== -1) {
|
|
16548
|
-
trapStack.splice(trapIndex, 1);
|
|
16549
|
-
}
|
|
16550
|
-
if (trapStack.length > 0) {
|
|
16551
|
-
trapStack[trapStack.length - 1].unpause();
|
|
16552
|
-
}
|
|
16553
|
-
}
|
|
16554
|
-
};
|
|
16566
|
+
};
|
|
16567
|
+
}();
|
|
16568
|
+
|
|
16555
16569
|
var isSelectableInput = function isSelectableInput(node) {
|
|
16556
16570
|
return node.tagName && node.tagName.toLowerCase() === 'input' && typeof node.select === 'function';
|
|
16557
16571
|
};
|
|
16572
|
+
|
|
16558
16573
|
var isEscapeEvent = function isEscapeEvent(e) {
|
|
16559
16574
|
return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
|
|
16560
16575
|
};
|
|
16576
|
+
|
|
16561
16577
|
var isTabEvent = function isTabEvent(e) {
|
|
16562
16578
|
return e.key === 'Tab' || e.keyCode === 9;
|
|
16563
16579
|
};
|
|
16580
|
+
|
|
16564
16581
|
var delay = function delay(fn) {
|
|
16565
16582
|
return setTimeout(fn, 0);
|
|
16566
|
-
};
|
|
16567
|
-
|
|
16568
|
-
// Array.find/findIndex() are not supported on IE; this replicates enough
|
|
16583
|
+
}; // Array.find/findIndex() are not supported on IE; this replicates enough
|
|
16569
16584
|
// of Array.findIndex() for our needs
|
|
16585
|
+
|
|
16586
|
+
|
|
16570
16587
|
var findIndex = function findIndex(arr, fn) {
|
|
16571
16588
|
var idx = -1;
|
|
16572
16589
|
arr.every(function (value, i) {
|
|
@@ -16577,10 +16594,8 @@ var findIndex = function findIndex(arr, fn) {
|
|
|
16577
16594
|
|
|
16578
16595
|
return true; // next
|
|
16579
16596
|
});
|
|
16580
|
-
|
|
16581
16597
|
return idx;
|
|
16582
16598
|
};
|
|
16583
|
-
|
|
16584
16599
|
/**
|
|
16585
16600
|
* Get an option's value when it could be a plain value, or a handler that provides
|
|
16586
16601
|
* the value.
|
|
@@ -16588,12 +16603,16 @@ var findIndex = function findIndex(arr, fn) {
|
|
|
16588
16603
|
* @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.
|
|
16589
16604
|
* @returns {*} The `value`, or the handler's returned value.
|
|
16590
16605
|
*/
|
|
16606
|
+
|
|
16607
|
+
|
|
16591
16608
|
var valueOrHandler = function valueOrHandler(value) {
|
|
16592
16609
|
for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
16593
16610
|
params[_key - 1] = arguments[_key];
|
|
16594
16611
|
}
|
|
16612
|
+
|
|
16595
16613
|
return typeof value === 'function' ? value.apply(void 0, params) : value;
|
|
16596
16614
|
};
|
|
16615
|
+
|
|
16597
16616
|
var getActualTarget = function getActualTarget(event) {
|
|
16598
16617
|
// NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the
|
|
16599
16618
|
// shadow host. However, event.target.composedPath() will be an array of
|
|
@@ -16604,16 +16623,18 @@ var getActualTarget = function getActualTarget(event) {
|
|
|
16604
16623
|
// composedPath()[0] === event.target always).
|
|
16605
16624
|
return event.target.shadowRoot && typeof event.composedPath === 'function' ? event.composedPath()[0] : event.target;
|
|
16606
16625
|
};
|
|
16626
|
+
|
|
16607
16627
|
var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
16608
16628
|
// SSR: a live trap shouldn't be created in this type of environment so this
|
|
16609
16629
|
// should be safe code to execute if the `document` option isn't specified
|
|
16610
16630
|
var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
|
|
16611
|
-
|
|
16631
|
+
|
|
16612
16632
|
var config = focus_trap_esm_objectSpread2({
|
|
16613
16633
|
returnFocusOnDeactivate: true,
|
|
16614
16634
|
escapeDeactivates: true,
|
|
16615
16635
|
delayInitialFocus: true
|
|
16616
16636
|
}, userOptions);
|
|
16637
|
+
|
|
16617
16638
|
var state = {
|
|
16618
16639
|
// containers given to createFocusTrap()
|
|
16619
16640
|
// @type {Array<HTMLElement>}
|
|
@@ -16633,7 +16654,6 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16633
16654
|
// }>}
|
|
16634
16655
|
containerGroups: [],
|
|
16635
16656
|
// same order/length as `containers` list
|
|
16636
|
-
|
|
16637
16657
|
// references to objects in `containerGroups`, but only those that actually have
|
|
16638
16658
|
// tabbable nodes in them
|
|
16639
16659
|
// NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
|
|
@@ -16657,10 +16677,10 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16657
16677
|
* @param {string|undefined} [configOptionName] Name of option to use __instead of__ `optionName`
|
|
16658
16678
|
* IIF `configOverrideOptions` is not defined. Otherwise, `optionName` is used.
|
|
16659
16679
|
*/
|
|
16680
|
+
|
|
16660
16681
|
var getOption = function getOption(configOverrideOptions, optionName, configOptionName) {
|
|
16661
16682
|
return configOverrideOptions && configOverrideOptions[optionName] !== undefined ? configOverrideOptions[optionName] : config[configOptionName || optionName];
|
|
16662
16683
|
};
|
|
16663
|
-
|
|
16664
16684
|
/**
|
|
16665
16685
|
* Finds the index of the container that contains the element.
|
|
16666
16686
|
* @param {HTMLElement} element
|
|
@@ -16668,15 +16688,16 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16668
16688
|
* `state.containerGroups` (the order/length of these lists are the same); -1
|
|
16669
16689
|
* if the element isn't found.
|
|
16670
16690
|
*/
|
|
16691
|
+
|
|
16692
|
+
|
|
16671
16693
|
var findContainerIndex = function findContainerIndex(element) {
|
|
16672
16694
|
// NOTE: search `containerGroups` because it's possible a group contains no tabbable
|
|
16673
16695
|
// nodes, but still contains focusable nodes (e.g. if they all have `tabindex=-1`)
|
|
16674
16696
|
// and we still need to find the element in there
|
|
16675
16697
|
return state.containerGroups.findIndex(function (_ref) {
|
|
16676
16698
|
var container = _ref.container,
|
|
16677
|
-
|
|
16678
|
-
return container.contains(element) ||
|
|
16679
|
-
// fall back to explicit tabbable search which will take into consideration any
|
|
16699
|
+
tabbableNodes = _ref.tabbableNodes;
|
|
16700
|
+
return container.contains(element) || // fall back to explicit tabbable search which will take into consideration any
|
|
16680
16701
|
// web components if the `tabbableOptions.getShadowRoot` option was used for
|
|
16681
16702
|
// the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
|
|
16682
16703
|
// look inside web components even if open)
|
|
@@ -16685,7 +16706,6 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16685
16706
|
});
|
|
16686
16707
|
});
|
|
16687
16708
|
};
|
|
16688
|
-
|
|
16689
16709
|
/**
|
|
16690
16710
|
* Gets the node for the given option, which is expected to be an option that
|
|
16691
16711
|
* can be either a DOM node, a string that is a selector to get a node, `false`
|
|
@@ -16699,14 +16719,19 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16699
16719
|
* @throws {Error} If the option is set, not `false`, and is not, or does not
|
|
16700
16720
|
* resolve to a node.
|
|
16701
16721
|
*/
|
|
16722
|
+
|
|
16723
|
+
|
|
16702
16724
|
var getNodeForOption = function getNodeForOption(optionName) {
|
|
16703
16725
|
var optionValue = config[optionName];
|
|
16726
|
+
|
|
16704
16727
|
if (typeof optionValue === 'function') {
|
|
16705
16728
|
for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
16706
16729
|
params[_key2 - 1] = arguments[_key2];
|
|
16707
16730
|
}
|
|
16731
|
+
|
|
16708
16732
|
optionValue = optionValue.apply(void 0, params);
|
|
16709
16733
|
}
|
|
16734
|
+
|
|
16710
16735
|
if (optionValue === true) {
|
|
16711
16736
|
optionValue = undefined; // use default value
|
|
16712
16737
|
}
|
|
@@ -16714,51 +16739,56 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16714
16739
|
if (!optionValue) {
|
|
16715
16740
|
if (optionValue === undefined || optionValue === false) {
|
|
16716
16741
|
return optionValue;
|
|
16717
|
-
}
|
|
16718
|
-
|
|
16742
|
+
} // else, empty string (invalid), null (invalid), 0 (invalid)
|
|
16743
|
+
|
|
16719
16744
|
|
|
16720
16745
|
throw new Error("`".concat(optionName, "` was specified but was not a node, or did not return a node"));
|
|
16721
16746
|
}
|
|
16747
|
+
|
|
16722
16748
|
var node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point
|
|
16723
16749
|
|
|
16724
16750
|
if (typeof optionValue === 'string') {
|
|
16725
16751
|
node = doc.querySelector(optionValue); // resolve to node, or null if fails
|
|
16752
|
+
|
|
16726
16753
|
if (!node) {
|
|
16727
16754
|
throw new Error("`".concat(optionName, "` as selector refers to no known node"));
|
|
16728
16755
|
}
|
|
16729
16756
|
}
|
|
16757
|
+
|
|
16730
16758
|
return node;
|
|
16731
16759
|
};
|
|
16760
|
+
|
|
16732
16761
|
var getInitialFocusNode = function getInitialFocusNode() {
|
|
16733
|
-
var node = getNodeForOption('initialFocus');
|
|
16762
|
+
var node = getNodeForOption('initialFocus'); // false explicitly indicates we want no initialFocus at all
|
|
16734
16763
|
|
|
16735
|
-
// false explicitly indicates we want no initialFocus at all
|
|
16736
16764
|
if (node === false) {
|
|
16737
16765
|
return false;
|
|
16738
16766
|
}
|
|
16767
|
+
|
|
16739
16768
|
if (node === undefined) {
|
|
16740
16769
|
// option not specified: use fallback options
|
|
16741
16770
|
if (findContainerIndex(doc.activeElement) >= 0) {
|
|
16742
16771
|
node = doc.activeElement;
|
|
16743
16772
|
} else {
|
|
16744
16773
|
var firstTabbableGroup = state.tabbableGroups[0];
|
|
16745
|
-
var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
|
|
16774
|
+
var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode; // NOTE: `fallbackFocus` option function cannot return `false` (not supported)
|
|
16746
16775
|
|
|
16747
|
-
// NOTE: `fallbackFocus` option function cannot return `false` (not supported)
|
|
16748
16776
|
node = firstTabbableNode || getNodeForOption('fallbackFocus');
|
|
16749
16777
|
}
|
|
16750
16778
|
}
|
|
16779
|
+
|
|
16751
16780
|
if (!node) {
|
|
16752
16781
|
throw new Error('Your focus-trap needs to have at least one focusable element');
|
|
16753
16782
|
}
|
|
16783
|
+
|
|
16754
16784
|
return node;
|
|
16755
16785
|
};
|
|
16786
|
+
|
|
16756
16787
|
var updateTabbableNodes = function updateTabbableNodes() {
|
|
16757
16788
|
state.containerGroups = state.containers.map(function (container) {
|
|
16758
|
-
var tabbableNodes = tabbable(container, config.tabbableOptions);
|
|
16759
|
-
|
|
16760
|
-
// NOTE: if we have tabbable nodes, we must have focusable nodes; focusable nodes
|
|
16789
|
+
var tabbableNodes = tabbable(container, config.tabbableOptions); // NOTE: if we have tabbable nodes, we must have focusable nodes; focusable nodes
|
|
16761
16790
|
// are a superset of tabbable nodes
|
|
16791
|
+
|
|
16762
16792
|
var focusableNodes = focusable(container, config.tabbableOptions);
|
|
16763
16793
|
return {
|
|
16764
16794
|
container: container,
|
|
@@ -16766,6 +16796,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16766
16796
|
focusableNodes: focusableNodes,
|
|
16767
16797
|
firstTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[0] : null,
|
|
16768
16798
|
lastTabbableNode: tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : null,
|
|
16799
|
+
|
|
16769
16800
|
/**
|
|
16770
16801
|
* Finds the __tabbable__ node that follows the given node in the specified direction,
|
|
16771
16802
|
* in this container, if any.
|
|
@@ -16789,14 +16820,17 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16789
16820
|
var nodeIdx = focusableNodes.findIndex(function (n) {
|
|
16790
16821
|
return n === node;
|
|
16791
16822
|
});
|
|
16823
|
+
|
|
16792
16824
|
if (nodeIdx < 0) {
|
|
16793
16825
|
return undefined;
|
|
16794
16826
|
}
|
|
16827
|
+
|
|
16795
16828
|
if (forward) {
|
|
16796
16829
|
return focusableNodes.slice(nodeIdx + 1).find(function (n) {
|
|
16797
16830
|
return isTabbable(n, config.tabbableOptions);
|
|
16798
16831
|
});
|
|
16799
16832
|
}
|
|
16833
|
+
|
|
16800
16834
|
return focusableNodes.slice(0, nodeIdx).reverse().find(function (n) {
|
|
16801
16835
|
return isTabbable(n, config.tabbableOptions);
|
|
16802
16836
|
});
|
|
@@ -16805,46 +16839,53 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16805
16839
|
});
|
|
16806
16840
|
state.tabbableGroups = state.containerGroups.filter(function (group) {
|
|
16807
16841
|
return group.tabbableNodes.length > 0;
|
|
16808
|
-
});
|
|
16842
|
+
}); // throw if no groups have tabbable nodes and we don't have a fallback focus node either
|
|
16809
16843
|
|
|
16810
|
-
// throw if no groups have tabbable nodes and we don't have a fallback focus node either
|
|
16811
16844
|
if (state.tabbableGroups.length <= 0 && !getNodeForOption('fallbackFocus') // returning false not supported for this option
|
|
16812
16845
|
) {
|
|
16813
16846
|
throw new Error('Your focus-trap must have at least one container with at least one tabbable node in it at all times');
|
|
16814
16847
|
}
|
|
16815
16848
|
};
|
|
16849
|
+
|
|
16816
16850
|
var tryFocus = function tryFocus(node) {
|
|
16817
16851
|
if (node === false) {
|
|
16818
16852
|
return;
|
|
16819
16853
|
}
|
|
16854
|
+
|
|
16820
16855
|
if (node === doc.activeElement) {
|
|
16821
16856
|
return;
|
|
16822
16857
|
}
|
|
16858
|
+
|
|
16823
16859
|
if (!node || !node.focus) {
|
|
16824
16860
|
tryFocus(getInitialFocusNode());
|
|
16825
16861
|
return;
|
|
16826
16862
|
}
|
|
16863
|
+
|
|
16827
16864
|
node.focus({
|
|
16828
16865
|
preventScroll: !!config.preventScroll
|
|
16829
16866
|
});
|
|
16830
16867
|
state.mostRecentlyFocusedNode = node;
|
|
16868
|
+
|
|
16831
16869
|
if (isSelectableInput(node)) {
|
|
16832
16870
|
node.select();
|
|
16833
16871
|
}
|
|
16834
16872
|
};
|
|
16873
|
+
|
|
16835
16874
|
var getReturnFocusNode = function getReturnFocusNode(previousActiveElement) {
|
|
16836
16875
|
var node = getNodeForOption('setReturnFocus', previousActiveElement);
|
|
16837
16876
|
return node ? node : node === false ? false : previousActiveElement;
|
|
16838
|
-
};
|
|
16839
|
-
|
|
16840
|
-
// This needs to be done on mousedown and touchstart instead of click
|
|
16877
|
+
}; // This needs to be done on mousedown and touchstart instead of click
|
|
16841
16878
|
// so that it precedes the focus event.
|
|
16879
|
+
|
|
16880
|
+
|
|
16842
16881
|
var checkPointerDown = function checkPointerDown(e) {
|
|
16843
16882
|
var target = getActualTarget(e);
|
|
16883
|
+
|
|
16844
16884
|
if (findContainerIndex(target) >= 0) {
|
|
16845
16885
|
// allow the click since it ocurred inside the trap
|
|
16846
16886
|
return;
|
|
16847
16887
|
}
|
|
16888
|
+
|
|
16848
16889
|
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
16849
16890
|
// immediately deactivate the trap
|
|
16850
16891
|
trap.deactivate({
|
|
@@ -16862,26 +16903,25 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16862
16903
|
returnFocus: config.returnFocusOnDeactivate && !isFocusable(target, config.tabbableOptions)
|
|
16863
16904
|
});
|
|
16864
16905
|
return;
|
|
16865
|
-
}
|
|
16866
|
-
|
|
16867
|
-
// This is needed for mobile devices.
|
|
16906
|
+
} // This is needed for mobile devices.
|
|
16868
16907
|
// (If we'll only let `click` events through,
|
|
16869
16908
|
// then on mobile they will be blocked anyways if `touchstart` is blocked.)
|
|
16909
|
+
|
|
16910
|
+
|
|
16870
16911
|
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
16871
16912
|
// allow the click outside the trap to take place
|
|
16872
16913
|
return;
|
|
16873
|
-
}
|
|
16914
|
+
} // otherwise, prevent the click
|
|
16915
|
+
|
|
16874
16916
|
|
|
16875
|
-
// otherwise, prevent the click
|
|
16876
16917
|
e.preventDefault();
|
|
16877
|
-
};
|
|
16918
|
+
}; // In case focus escapes the trap for some strange reason, pull it back in.
|
|
16919
|
+
|
|
16878
16920
|
|
|
16879
|
-
// In case focus escapes the trap for some strange reason, pull it back in.
|
|
16880
16921
|
var checkFocusIn = function checkFocusIn(e) {
|
|
16881
16922
|
var target = getActualTarget(e);
|
|
16882
|
-
var targetContained = findContainerIndex(target) >= 0;
|
|
16923
|
+
var targetContained = findContainerIndex(target) >= 0; // In Firefox when you Tab out of an iframe the Document is briefly focused.
|
|
16883
16924
|
|
|
16884
|
-
// In Firefox when you Tab out of an iframe the Document is briefly focused.
|
|
16885
16925
|
if (targetContained || target instanceof Document) {
|
|
16886
16926
|
if (targetContained) {
|
|
16887
16927
|
state.mostRecentlyFocusedNode = target;
|
|
@@ -16891,22 +16931,24 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16891
16931
|
e.stopImmediatePropagation();
|
|
16892
16932
|
tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());
|
|
16893
16933
|
}
|
|
16894
|
-
};
|
|
16895
|
-
|
|
16896
|
-
// Hijack Tab events on the first and last focusable nodes of the trap,
|
|
16934
|
+
}; // Hijack Tab events on the first and last focusable nodes of the trap,
|
|
16897
16935
|
// in order to prevent focus from escaping. If it escapes for even a
|
|
16898
16936
|
// moment it can end up scrolling the page and causing confusion so we
|
|
16899
16937
|
// kind of need to capture the action at the keydown phase.
|
|
16938
|
+
|
|
16939
|
+
|
|
16900
16940
|
var checkTab = function checkTab(e) {
|
|
16901
16941
|
var target = getActualTarget(e);
|
|
16902
16942
|
updateTabbableNodes();
|
|
16903
16943
|
var destinationNode = null;
|
|
16944
|
+
|
|
16904
16945
|
if (state.tabbableGroups.length > 0) {
|
|
16905
16946
|
// make sure the target is actually contained in a group
|
|
16906
16947
|
// NOTE: the target may also be the container itself if it's focusable
|
|
16907
16948
|
// with tabIndex='-1' and was given initial focus
|
|
16908
16949
|
var containerIndex = findContainerIndex(target);
|
|
16909
16950
|
var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : undefined;
|
|
16951
|
+
|
|
16910
16952
|
if (containerIndex < 0) {
|
|
16911
16953
|
// target not found in any group: quite possible focus has escaped the trap,
|
|
16912
16954
|
// so bring it back in to...
|
|
@@ -16919,12 +16961,12 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16919
16961
|
}
|
|
16920
16962
|
} else if (e.shiftKey) {
|
|
16921
16963
|
// REVERSE
|
|
16922
|
-
|
|
16923
16964
|
// is the target the first tabbable node in a group?
|
|
16924
16965
|
var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref2) {
|
|
16925
16966
|
var firstTabbableNode = _ref2.firstTabbableNode;
|
|
16926
16967
|
return target === firstTabbableNode;
|
|
16927
16968
|
});
|
|
16969
|
+
|
|
16928
16970
|
if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) {
|
|
16929
16971
|
// an exception case where the target is either the container itself, or
|
|
16930
16972
|
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
@@ -16934,6 +16976,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16934
16976
|
// first tabbable node, and go to the last tabbable node of the LAST group
|
|
16935
16977
|
startOfGroupIndex = containerIndex;
|
|
16936
16978
|
}
|
|
16979
|
+
|
|
16937
16980
|
if (startOfGroupIndex >= 0) {
|
|
16938
16981
|
// YES: then shift+tab should go to the last tabbable node in the
|
|
16939
16982
|
// previous group (and wrap around to the last tabbable node of
|
|
@@ -16944,12 +16987,12 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16944
16987
|
}
|
|
16945
16988
|
} else {
|
|
16946
16989
|
// FORWARD
|
|
16947
|
-
|
|
16948
16990
|
// is the target the last tabbable node in a group?
|
|
16949
16991
|
var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {
|
|
16950
16992
|
var lastTabbableNode = _ref3.lastTabbableNode;
|
|
16951
16993
|
return target === lastTabbableNode;
|
|
16952
16994
|
});
|
|
16995
|
+
|
|
16953
16996
|
if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) {
|
|
16954
16997
|
// an exception case where the target is the container itself, or
|
|
16955
16998
|
// a non-tabbable node that was given focus (i.e. tabindex is negative
|
|
@@ -16959,11 +17002,13 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16959
17002
|
// last tabbable node, and go to the first tabbable node of the FIRST group
|
|
16960
17003
|
lastOfGroupIndex = containerIndex;
|
|
16961
17004
|
}
|
|
17005
|
+
|
|
16962
17006
|
if (lastOfGroupIndex >= 0) {
|
|
16963
17007
|
// YES: then tab should go to the first tabbable node in the next
|
|
16964
17008
|
// group (and wrap around to the first tabbable node of the FIRST
|
|
16965
17009
|
// group if it's the last tabbable node of the LAST group)
|
|
16966
17010
|
var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
|
|
17011
|
+
|
|
16967
17012
|
var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];
|
|
16968
17013
|
destinationNode = _destinationGroup.firstTabbableNode;
|
|
16969
17014
|
}
|
|
@@ -16972,11 +17017,12 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16972
17017
|
// NOTE: the fallbackFocus option does not support returning false to opt-out
|
|
16973
17018
|
destinationNode = getNodeForOption('fallbackFocus');
|
|
16974
17019
|
}
|
|
17020
|
+
|
|
16975
17021
|
if (destinationNode) {
|
|
16976
17022
|
e.preventDefault();
|
|
16977
17023
|
tryFocus(destinationNode);
|
|
16978
|
-
}
|
|
16979
|
-
|
|
17024
|
+
} // else, let the browser take care of [shift+]tab and move the focus
|
|
17025
|
+
|
|
16980
17026
|
};
|
|
16981
17027
|
|
|
16982
17028
|
var checkKey = function checkKey(e) {
|
|
@@ -16985,40 +17031,44 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
16985
17031
|
trap.deactivate();
|
|
16986
17032
|
return;
|
|
16987
17033
|
}
|
|
17034
|
+
|
|
16988
17035
|
if (isTabEvent(e)) {
|
|
16989
17036
|
checkTab(e);
|
|
16990
17037
|
return;
|
|
16991
17038
|
}
|
|
16992
17039
|
};
|
|
17040
|
+
|
|
16993
17041
|
var checkClick = function checkClick(e) {
|
|
16994
17042
|
var target = getActualTarget(e);
|
|
17043
|
+
|
|
16995
17044
|
if (findContainerIndex(target) >= 0) {
|
|
16996
17045
|
return;
|
|
16997
17046
|
}
|
|
17047
|
+
|
|
16998
17048
|
if (valueOrHandler(config.clickOutsideDeactivates, e)) {
|
|
16999
17049
|
return;
|
|
17000
17050
|
}
|
|
17051
|
+
|
|
17001
17052
|
if (valueOrHandler(config.allowOutsideClick, e)) {
|
|
17002
17053
|
return;
|
|
17003
17054
|
}
|
|
17055
|
+
|
|
17004
17056
|
e.preventDefault();
|
|
17005
17057
|
e.stopImmediatePropagation();
|
|
17006
|
-
};
|
|
17007
|
-
|
|
17008
|
-
//
|
|
17058
|
+
}; //
|
|
17009
17059
|
// EVENT LISTENERS
|
|
17010
17060
|
//
|
|
17011
17061
|
|
|
17062
|
+
|
|
17012
17063
|
var addListeners = function addListeners() {
|
|
17013
17064
|
if (!state.active) {
|
|
17014
17065
|
return;
|
|
17015
|
-
}
|
|
17066
|
+
} // There can be only one listening focus trap at a time
|
|
17016
17067
|
|
|
17017
|
-
// There can be only one listening focus trap at a time
|
|
17018
|
-
activeFocusTraps.activateTrap(trapStack, trap);
|
|
17019
17068
|
|
|
17020
|
-
// Delay ensures that the focused element doesn't capture the event
|
|
17069
|
+
activeFocusTraps.activateTrap(trap); // Delay ensures that the focused element doesn't capture the event
|
|
17021
17070
|
// that caused the focus trap activation.
|
|
17071
|
+
|
|
17022
17072
|
state.delayInitialFocusTimer = config.delayInitialFocus ? delay(function () {
|
|
17023
17073
|
tryFocus(getInitialFocusNode());
|
|
17024
17074
|
}) : tryFocus(getInitialFocusNode());
|
|
@@ -17041,58 +17091,70 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
17041
17091
|
});
|
|
17042
17092
|
return trap;
|
|
17043
17093
|
};
|
|
17094
|
+
|
|
17044
17095
|
var removeListeners = function removeListeners() {
|
|
17045
17096
|
if (!state.active) {
|
|
17046
17097
|
return;
|
|
17047
17098
|
}
|
|
17099
|
+
|
|
17048
17100
|
doc.removeEventListener('focusin', checkFocusIn, true);
|
|
17049
17101
|
doc.removeEventListener('mousedown', checkPointerDown, true);
|
|
17050
17102
|
doc.removeEventListener('touchstart', checkPointerDown, true);
|
|
17051
17103
|
doc.removeEventListener('click', checkClick, true);
|
|
17052
17104
|
doc.removeEventListener('keydown', checkKey, true);
|
|
17053
17105
|
return trap;
|
|
17054
|
-
};
|
|
17055
|
-
|
|
17056
|
-
//
|
|
17106
|
+
}; //
|
|
17057
17107
|
// TRAP DEFINITION
|
|
17058
17108
|
//
|
|
17059
17109
|
|
|
17110
|
+
|
|
17060
17111
|
trap = {
|
|
17061
17112
|
get active() {
|
|
17062
17113
|
return state.active;
|
|
17063
17114
|
},
|
|
17115
|
+
|
|
17064
17116
|
get paused() {
|
|
17065
17117
|
return state.paused;
|
|
17066
17118
|
},
|
|
17119
|
+
|
|
17067
17120
|
activate: function activate(activateOptions) {
|
|
17068
17121
|
if (state.active) {
|
|
17069
17122
|
return this;
|
|
17070
17123
|
}
|
|
17124
|
+
|
|
17071
17125
|
var onActivate = getOption(activateOptions, 'onActivate');
|
|
17072
17126
|
var onPostActivate = getOption(activateOptions, 'onPostActivate');
|
|
17073
17127
|
var checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');
|
|
17128
|
+
|
|
17074
17129
|
if (!checkCanFocusTrap) {
|
|
17075
17130
|
updateTabbableNodes();
|
|
17076
17131
|
}
|
|
17132
|
+
|
|
17077
17133
|
state.active = true;
|
|
17078
17134
|
state.paused = false;
|
|
17079
17135
|
state.nodeFocusedBeforeActivation = doc.activeElement;
|
|
17136
|
+
|
|
17080
17137
|
if (onActivate) {
|
|
17081
17138
|
onActivate();
|
|
17082
17139
|
}
|
|
17140
|
+
|
|
17083
17141
|
var finishActivation = function finishActivation() {
|
|
17084
17142
|
if (checkCanFocusTrap) {
|
|
17085
17143
|
updateTabbableNodes();
|
|
17086
17144
|
}
|
|
17145
|
+
|
|
17087
17146
|
addListeners();
|
|
17147
|
+
|
|
17088
17148
|
if (onPostActivate) {
|
|
17089
17149
|
onPostActivate();
|
|
17090
17150
|
}
|
|
17091
17151
|
};
|
|
17152
|
+
|
|
17092
17153
|
if (checkCanFocusTrap) {
|
|
17093
17154
|
checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);
|
|
17094
17155
|
return this;
|
|
17095
17156
|
}
|
|
17157
|
+
|
|
17096
17158
|
finishActivation();
|
|
17097
17159
|
return this;
|
|
17098
17160
|
},
|
|
@@ -17100,38 +17162,46 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
17100
17162
|
if (!state.active) {
|
|
17101
17163
|
return this;
|
|
17102
17164
|
}
|
|
17165
|
+
|
|
17103
17166
|
var options = focus_trap_esm_objectSpread2({
|
|
17104
17167
|
onDeactivate: config.onDeactivate,
|
|
17105
17168
|
onPostDeactivate: config.onPostDeactivate,
|
|
17106
17169
|
checkCanReturnFocus: config.checkCanReturnFocus
|
|
17107
17170
|
}, deactivateOptions);
|
|
17171
|
+
|
|
17108
17172
|
clearTimeout(state.delayInitialFocusTimer); // noop if undefined
|
|
17173
|
+
|
|
17109
17174
|
state.delayInitialFocusTimer = undefined;
|
|
17110
17175
|
removeListeners();
|
|
17111
17176
|
state.active = false;
|
|
17112
17177
|
state.paused = false;
|
|
17113
|
-
activeFocusTraps.deactivateTrap(
|
|
17178
|
+
activeFocusTraps.deactivateTrap(trap);
|
|
17114
17179
|
var onDeactivate = getOption(options, 'onDeactivate');
|
|
17115
17180
|
var onPostDeactivate = getOption(options, 'onPostDeactivate');
|
|
17116
17181
|
var checkCanReturnFocus = getOption(options, 'checkCanReturnFocus');
|
|
17117
17182
|
var returnFocus = getOption(options, 'returnFocus', 'returnFocusOnDeactivate');
|
|
17183
|
+
|
|
17118
17184
|
if (onDeactivate) {
|
|
17119
17185
|
onDeactivate();
|
|
17120
17186
|
}
|
|
17187
|
+
|
|
17121
17188
|
var finishDeactivation = function finishDeactivation() {
|
|
17122
17189
|
delay(function () {
|
|
17123
17190
|
if (returnFocus) {
|
|
17124
17191
|
tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));
|
|
17125
17192
|
}
|
|
17193
|
+
|
|
17126
17194
|
if (onPostDeactivate) {
|
|
17127
17195
|
onPostDeactivate();
|
|
17128
17196
|
}
|
|
17129
17197
|
});
|
|
17130
17198
|
};
|
|
17199
|
+
|
|
17131
17200
|
if (returnFocus && checkCanReturnFocus) {
|
|
17132
17201
|
checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);
|
|
17133
17202
|
return this;
|
|
17134
17203
|
}
|
|
17204
|
+
|
|
17135
17205
|
finishDeactivation();
|
|
17136
17206
|
return this;
|
|
17137
17207
|
},
|
|
@@ -17139,6 +17209,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
17139
17209
|
if (state.paused || !state.active) {
|
|
17140
17210
|
return this;
|
|
17141
17211
|
}
|
|
17212
|
+
|
|
17142
17213
|
state.paused = true;
|
|
17143
17214
|
removeListeners();
|
|
17144
17215
|
return this;
|
|
@@ -17147,6 +17218,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
17147
17218
|
if (!state.paused || !state.active) {
|
|
17148
17219
|
return this;
|
|
17149
17220
|
}
|
|
17221
|
+
|
|
17150
17222
|
state.paused = false;
|
|
17151
17223
|
updateTabbableNodes();
|
|
17152
17224
|
addListeners();
|
|
@@ -17157,14 +17229,15 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
17157
17229
|
state.containers = elementsAsArray.map(function (element) {
|
|
17158
17230
|
return typeof element === 'string' ? doc.querySelector(element) : element;
|
|
17159
17231
|
});
|
|
17232
|
+
|
|
17160
17233
|
if (state.active) {
|
|
17161
17234
|
updateTabbableNodes();
|
|
17162
17235
|
}
|
|
17236
|
+
|
|
17163
17237
|
return this;
|
|
17164
17238
|
}
|
|
17165
|
-
};
|
|
17239
|
+
}; // initialize container elements
|
|
17166
17240
|
|
|
17167
|
-
// initialize container elements
|
|
17168
17241
|
trap.updateContainerElements(elements);
|
|
17169
17242
|
return trap;
|
|
17170
17243
|
};
|