brew-js-react 0.4.3 → 0.4.5

package/dist/brew-js-react.min.js

@@ -1,3 +1,3 @@
-/*! brew-js-react v0.4.3 | (c) misonou | https://hackmd.io/@misonou/brew-js-react */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("brew-js"),require("react"),require("react-dom"),function(){try{return require("react-dom/client")}catch(e){}}(),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jQuery")):"function"==typeof define&&define.amd?define("brew-js-react",["brew-js","react","react-dom","react-dom/client","zeta-dom","zeta-dom-react","waterpipe","jQuery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("brew-js"),require("react"),require("react-dom"),function(){try{return require("react-dom/client")}catch(e){}}(),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jQuery")):e["brew-js-react"]=t(e.brew,e.React,e.ReactDOM,e["react-dom/client"],e.zeta,e["zeta-dom-react"],e.waterpipe,e.jQuery)}(self,(function(e,t,n,r,i,o,a,s){return(()=>{var u={145:e=>{"use strict";e.exports=s},715:e=>{"use strict";if(void 0===r){var t=new Error("Cannot find module 'react-dom/client'");throw t.code="MODULE_NOT_FOUND",t}e.exports=r},28:e=>{"use strict";e.exports=a},103:e=>{"use strict";e.exports=o},80:t=>{"use strict";t.exports=e},359:e=>{"use strict";e.exports=t},318:e=>{"use strict";e.exports=n},654:e=>{"use strict";e.exports=i},662:(e,t,n)=>{var r,i=n(318);try{r=n(715)}catch(e){r={createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),{render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}})}}e.exports=r}},c={};function l(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={exports:{}};return u[e](n,n.exports,l),n.exports}l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{"use strict";l.d(f,{default:()=>tn});var e={};l.r(e),l.d(e,{AnimateMixin:()=>St,AnimateSequenceItemMixin:()=>Et,AnimateSequenceMixin:()=>Mt,ClassNameMixin:()=>xt,Dialog:()=>de,FlyoutMixin:()=>jt,FlyoutToggleMixin:()=>Rt,FocusStateMixin:()=>qt,LoadingStateMixin:()=>Dt,Mixin:()=>mt,ScrollIntoViewMixin:()=>Wt,ScrollableMixin:()=>zt,StatefulMixin:()=>yt,ViewStateContainer:()=>it,createDialog:()=>me,default:()=>en,isViewMatched:()=>We,linkTo:()=>Ze,makeTranslation:()=>ft,matchView:()=>_e,navigateTo:()=>$e,redirectTo:()=>Je,registerErrorView:()=>Qe,registerView:()=>Be,renderView:()=>He,resolvePath:()=>Ge,useAnimateMixin:()=>Qt,useAnimateSequenceMixin:()=>Ht,useAppReady:()=>et,useAppReadyState:()=>tt,useFlyoutMixin:()=>Gt,useFocusStateMixin:()=>Zt,useLanguage:()=>lt,useLoadingStateMixin:()=>$t,useMixin:()=>Xt,useMixinRef:()=>Yt,useRouteParam:()=>nt,useRouteState:()=>rt,useScrollIntoViewMixin:()=>Kt,useScrollableMixin:()=>Jt,useViewContainerState:()=>ze,useViewContext:()=>ze});var t=l(80);const n=t;var r=t.install;t.addExtension,t.addDetect,t.isElementActive;const i=n;var o=l(359),a=l(318);const s=l(662);var u=l(654),c=u.util,p=c.noop,m=c.pipe,d=c.either,h=(c.is,c.isUndefinedOrNull),g=(c.isArray,c.isFunction),v=c.isThenable,y=(c.isPlainObject,c.isArrayLike,c.makeArray),w=c.extend,b=c.each,x=c.map,C=c.grep,S=(c.splice,c.any),P=c.single,E=c.kv,A=(c.fill,c.pick),O=c.exclude,M=(c.mapObject,c.mapGet,c.mapRemove,c.arrRemove,c.setAdd),N=c.equal,R=c.combineFn,V=c.executeOnce,T=c.createPrivateStore,I=(c.setTimeout,c.setTimeoutOnce,c.setInterval,c.setIntervalSafe,c.setImmediate),j=c.setImmediateOnce,F=(c.throws,c.throwNotFunction),q=(c.errorWithCode,c.isErrorWithCode,c.keys),k=c.values,D=(c.hasOwnProperty,c.getOwnPropertyDescriptors,c.define),L=c.definePrototype,U=c.defineOwnProperty,z=(c.defineGetterProperty,c.defineHiddenProperty),W=c.defineAliasProperty,_=c.defineObservableProperty,B=c.watch,Q=(c.watchOnce,c.watchable),H=c.inherit,G=c.freeze,Z=(c.deepFreeze,c.iequal,c.randomId),$=(c.repeat,c.camel,c.hyphenate,c.ucfirst,c.lcfirst,c.trim,c.matchWord,c.htmlDecode,c.resolve,c.reject,c.always),J=(c.resolveAll,c.retryable,c.deferrable,c.catchAsync),K=(c.setPromiseTimeout,c.delay,c.makeAsync),X=u.util,Y=(X.domReady,X.tagName,X.isVisible,X.matchSelector,X.comparePosition,X.connected,X.containsOrEquals),ee=(X.acceptNode,X.combineNodeFilters,X.iterateNode,X.iterateNodeToArray,X.getCommonAncestor,X.parentsAndSelf,X.selectIncludeSelf,X.selectClosestRelative,X.createNodeIterator,X.createTreeWalker,X.bind),te=(X.bindUntil,X.dispatchDOMMouseEvent,X.removeNode),ne=(X.getClass,X.setClass),re=(X.getSafeAreaInset,X.getScrollOffset,X.getScrollParent,X.getContentRect,X.scrollBy,X.scrollIntoView);X.makeSelection,X.getRect,X.getRects,X.toPlainRect,X.rectEquals,X.rectCovers,X.rectIntersects,X.pointInRect,X.mergeRect,X.elementFromPoint;const ie=u.dom;var oe=u.dom;oe.textInputAllowed,oe.beginDrag,oe.beginPinchZoom,oe.insertText,oe.getShortcut,oe.setShortcut,oe.focusable,oe.focused,oe.setModal,oe.releaseModal,oe.retainFocus,oe.releaseFocus,oe.iterateFocusPath,oe.focus;const ae=ie;var se=u.dom,ue=se.lock,ce=(se.locked,se.cancelLock,se.subscribeAsync,se.notifyAsync),le=se.preventLeave,fe=(t.addAsyncAction,t.closeFlyout),pe=t.openFlyout;function me(e){var t,n=document.createElement("div"),r=s.createRoot(n),i=fe.bind(0,n);return ae.on(n,"flyouthide",(function(){te(n),(e.onClose||p)(n),e.onRender&&r.unmount()})),{root:n,close:i,open:function(){if(t)return t;if(n.className=e.className||"",document.body.appendChild(n),ae.retainFocus(ae.activeElement,n),e.modal&&(n.setAttribute("is-modal",""),ae.setModal(n)),e.onRender){var a=w({},e,{closeDialog:function(t){var n=K(e.onCommit||m)(t);J(ue(ae.activeElement,n)),n.then(i,p)}}),s=(0,o.createElement)(e.onRender,a);e.wrapper&&(s=(0,o.createElement)(e.wrapper,a,s)),r.render(s)}return t=pe(n),e.preventLeave?le(n,t):e.preventNavigation&&ue(n,t),$(t,(function(){t=null})),(e.onOpen||p)(n),t}}}function de(e){var t=(0,o.useState)({})[0],n=(0,o.useState)((function(){return me(t)}))[0];return w(t,e),(0,o.useEffect)((function(){var e=Y(ae.root,n.root);d(e,t.isOpen)&&(e?n.close():n.open())}),[t.isOpen]),(0,o.useEffect)((function(){return n.close}),[n]),a.createPortal(e.children,n.root)}var he=l(103),ge=u.EventContainer;const ve=t.defaults;var ye,we=[];r("react",(function(e){ye=e,R(we)(ye)})),ve.react=!0;var be,xe,Ce=t.animateIn,Se=t.animateOut,Pe=(t.addAnimateIn,t.addAnimateOut,t.setBaseUrl,t.combinePath,t.parsePath,t.normalizePath,t.removeQueryAndHash),Ee=(t.withBaseUrl,t.toAbsoluteUrl,t.toRelativeUrl,t.isSubPathOf,t.toSegments,T()),Ae=ae.root,Oe=new Map,Me={},Ne=[],Re=new ge,Ve=G(w(new je(null,null),{container:Ae})),Te=o.createContext(Ve),Ie={};function je(e,t){var n=this;U(n,"view",e,!0),Ee(n,{setPage:_(n,"page",t,!0),setActive:_(n,"active",!0,!0)}),B(n,"page",(function(e,t){Re.emit("pagechange",n,{previousPage:t})}))}function Fe(){o.Component.apply(this,arguments),this.state={}}function qe(){o.Component.apply(this,arguments),this.stateId=history.state}function ke(e,t,n){var r=Oe.get(e);if(!r.maxParams){var i=O(r.matchers,["remainingSegments"]),o=x(ye.routes,(function(e){var t=ye.parseRoute(e),n=t.length&&!S(i,(function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!g(e)&&!t.match(n,e)}));return n?t:null}));if(o[1]&&(o=C(o,(function(e){return!P(e.params,(function(e,t){return Me[t]&&!i[t]}))}))),o[0]){var a=o.slice(-1)[0];r.maxParams=q(w.apply(0,[{remainingSegments:!0}].concat(o.map((function(e){return e.params}))))),r.minParams=x(a.params,(function(e,t){return r.params[t]||e>=a.minLength?null:t}))}}return A(n||ye.route,t?r.maxParams:r.minParams)}function De(e,t){return(Oe.get(t)||{}).matchCount-(Oe.get(e)||{}).matchCount}function Le(e,t){var n=Oe.get(e);return!!n&&!P(n.matchers,(function(e,n){var r=t[n]||"";return g(e)?!e(r):(e||"")!==r}))}function Ue(e){var t;return F(e),e.prototype instanceof o.Component&&(e=o.createElement.bind(null,e)),function(n){var r=n.viewProps,i=!t&&e(r);v(i)&&(t=i,i=null,J(t));var a=(0,he.useAsync)((function(){return t.then((function(e){return o.createElement(e.default,r)}))}),!!t)[1];if((!t||!a.loading)&&(n.onComponentLoaded(),a.error))throw a.error;return i||a.value||o.createElement(o.Fragment)}}function ze(){return o.useContext(Te)}function We(e){return Le(e,ye.route)}function _e(e,t){var n=ye.route;return"string"==typeof e?n=n.parse(e):t=e,t=t?y(t).sort(De):Ne,S(t,(function(e){return Le(e,n)}))||void 0}function Be(e,t){var n=Ue(e);return t=w({},t),b(t,(function(e,n){Me[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))})),Oe.set(n,{id:Z(),matchCount:q(t).length,matchers:t,params:A(t,(function(e){return h(e)||"string"==typeof e}))}),Ne.push(n),Ne.sort(De),n}function Qe(e){be=Ue(e)}function He(){var e=y(arguments),t=g(e[0])?{}:e.shift(),n=e[0];return b(e,(function(e,t){if(!Oe.has(t))throw new Error("Invalid argument to renderView: "+(g(t)?t.name:t))})),e.sort(De),o.createElement(qe,{rootProps:t,views:e,defaultView:n})}function Ge(e,t){var n=Oe.get(e);if(!n)return"/";var r=w(ke(e),ke(e,!0,t||{}),n.params);return ye.route.getPath(r)}function Ze(e,t){return ye.toHref(Ge(e,t))}function $e(e,t,n,r){return ye.navigate(Ge(e,t),r,n&&G(w({},n)))}function Je(e,t,n){return $e(e,t,n,!0)}xe=function(){ye.on("beforepageload",(function(e){Ie=e,Ee(Ve).setPage(ye.page)}))},we.push(F(xe)),L(je,{on:function(e,t){return Re.add(this,e,t)}}),Fe.contextType=Te,L(Fe,o.Component,{componentDidCatch:function(e){var t=this;be&&!t.state.error?t.setState({error:e}):I((function(){ae.emit("error",t.context.container,{error:e},!0)}))},render:function(){var e=this,t={view:e.context.view,error:e.state.error,reset:e.reset.bind(e)},n=e.props.onComponentLoaded;return t.error?o.createElement(be,{onComponentLoaded:n,viewProps:t}):o.createElement(t.view,{onComponentLoaded:n,viewProps:e.props.viewProps})},reset:function(){this.setState({error:null})}}),qe.contextType=Te,L(qe,o.Component,{componentDidMount:function(){var e=this;e.componentWillUnmount=R(B(ye.route,(function(){(e.setActive||p)(e.getViewComponent()===e.currentViewComponent)})),ye.on("beforepageload",(function(){e.stateId=history.state,(e.context===Ve||e.updateOnNext)&&(Ie.waitFor(new Promise((function(t){e.onRender=t}))),e.updateView(),e.forceUpdate())})))},render:function(){var e=this;return history.state===e.stateId&&e.context.active&&e.updateView(),(e.onRender||p)(),o.createElement(o.Fragment,null,e.prevView,e.currentView)},updateView:function(){var e=this,t=e.getViewComponent();if(e.updateOnNext=!1,t){var n=Ge(t,ke(t,!0));if(n!==Pe(ye.path))return ye.navigate(n,!0),void(e.updateOnNext=!0)}if(t&&t!==e.currentViewComponent){var r,i=e.currentElement;i&&(e.setActive(!1),e.prevView=e.currentView,e.currentElement=void 0,ye.emit("pageleave",i,{pathname:e.currentPath},!0),Se(i,"show").then((function(){e.prevView=void 0,e.forceUpdate()}))),(e.cancelPrevious||p)();var a=new Promise((function(e){r=e})),s=V((function(t){e.currentElement=t,u.container=t,a.then((function(){Ce(t,"show"),ye.emit("pageenter",t,{pathname:ye.path},!0)})),ce(t,a)})),u=new je(t,ye.page),c=G({navigationType:Ie.navigationType,viewContext:u,viewData:Ie.data||{}}),l=o.createElement(Te.Provider,{key:Oe.get(t).id,value:u},o.createElement(it,null,o.createElement("div",w({},e.props.rootProps,{ref:s}),o.createElement(Fe,{onComponentLoaded:r,viewProps:c}))));w(e,Ee(u),{cancelPrevious:r,currentPath:ye.path,currentView:l,currentViewComponent:t}),(Ie.waitFor||p)(a)}(e.setPage||p)(ye.page)},getViewComponent:function(){var e=this.props;return S(e.views,We)||e.defaultView}});var Ke=new ge;function Xe(){return ye.historyStorage.current}function Ye(e,t){this.key=e,this.value=t}function et(){return tt().ready}function tt(){var e=(0,he.useObservableProperty)(ye,"readyState");return{ready:"ready"===e,error:"error"===e}}function nt(e,t){var n=ze(),r=n.page.params,i=ye.route,a=r[e]||"",s=(0,o.useRef)(a),u=(0,he.useUpdateTrigger)();return(0,o.useEffect)((function(){var t=function t(){var r=i[e]||"";r!==s.current&&(n.active?(s.current=r,u()):B(n,"active",t))};if(t(),e in i)return i.watch(e,(function(){j(t)}));console.error("Route parameter "+e+" does not exist")}),[e,t]),s.current=a,t&&n.active&&(!a||"remainingSegments"===e&&"/"===a)&&ye.navigate(i.getPath(w({},r,E(e,t))),!0),a}function rt(e,t,n){var r=ze(),i=Xe(),a=(0,o.useState)(i.has(e)?i.get(e):t);return r.active&&i.get(e)!==a[0]&&(n&&i.has(e)&&(ye.snapshot(),i=Xe()),i.set(e,a[0])),(0,o.useEffect)((function(){if(n)return ee(window,"popstate",(function(){if(r.active){var n=Xe();a[1](n.has(e)?n.get(e):t)}}))}),[r,n]),a}function it(e){var t=ze(),n=(0,o.useState)((function(){var e={};return{getState:function(n,r){var i=Xe(),o=i.get(r),a=e[n]||(e[n]=new Ye(r,o));if(t.active){var s=a.store;s&&(s!==i&&i.has(r)||r!==a.key)&&(Ke.emit("popstate",a,{newValue:o}),a.value=o,a.key=r),a.store=i,i.set(r,a.value)}return a}}}))[0];return(0,o.createElement)(he.ViewStateProvider,{value:n},e.children)}L(Ye,{get:function(){return this.value},set:function(e){var t=this;t.value=e,t.store.set(t.key,e)},onPopState:function(e){return F(e),Ke.add(this,"popstate",(function(t){e.call(this,t.newValue)}))}});const ot=l(28);var at=Object.create(null),st="function"==typeof Symbol&&Symbol.toPrimitive;function ut(e){this.toString=e}function ct(e){return w((function(t,n){var r=e(t,n,!0);return void 0!==r?r:t}),{html:function(t,n){return{__html:e(t,n)}},lazy:function(t,n){return new ut(e.bind(0,t,n,!0))}})}function lt(){return(0,he.useObservableProperty)(ye,"language")}function ft(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,a,s){var u=((e[s]||at)[n]||at)[r];return"string"==typeof u?!u||a&&void 0===o?u:ot(u,o,{noEncode:a}):s!==t?i(n,r,o,a,t):void 0}function o(){var e=y(arguments),t=e.join(" ");return r[t]||(r[t]=ct((function(t,n,r){var o=ye.language;return P(e,(function(e){return i(e,t,n,r,o)}))})))}return r[""]=ct((function(e,t,r){var o=n.test(e)?RegExp.$1:"";return i(o,o?e.slice(RegExp.lastMatch.length):e,t,r,ye.language)})),{translate:r[""],getTranslation:o,useTranslation:function(){var e=lt(),t=o.apply(0,arguments);return{language:e,t}},keys:function(n){return q(e[t][n]||at)}}}function pt(e){mt.call(this),this.attributes=e||{}}function mt(){}st&&(ut.prototype[st]=function(){return this.toString()}),L(pt,mt,{getCustomAttributes:function(){return w({},this.attributes)}}),L(mt,{next:function(){},getRef:function(){return p},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),Q(mt.prototype),D(mt,{get scrollableTarget(){return new pt({"scrollable-target":""})},use:function(){var e=y(arguments),t=e[0],n={},r=e.filter((function(e){return e instanceof mt})),i=r.map((function(e){return e.getRef()}));return!t||t instanceof mt?t||e.shift():("function"!=typeof t?i.push((function(e){t.current=e})):i.push(t),e.shift()),b(r,(function(e,t){w(n,t.getCustomAttributes())})),w(n,{ref:R(i),className:he.classNames.apply(null,e)}),b(r,(function(e,t){t.next()})),n}});var dt=u.dom,ht=(dt.observe,dt.registerCleanup,dt.createAutoCleanupMap,dt.afterDetached,dt.watchElements,dt.watchAttributes,dt.watchOwnAttributes),gt=T();function vt(e){this.mixin=e}function yt(){mt.call(this),gt(this,{elements:new Set,flush:B(this,!1),dispose:[],states:{},prefix:"",counter:0})}L(vt,{getMixin:function(){return this.mixin}}),L(yt,mt,{get ref(){var e=this,t=e.state;return e.next(),t.ref||(t.ref=new vt(e.clone()))},get state(){var e=gt(this),t=e.prefix+e.counter;return e.states[t]||(e.states[t]=this.initState())},reset:function(){return gt(this).counter=0,this},next:function(){return gt(this).counter++,this},getRef:function(){var e=this,t=e.state;return function(n){t.element=n,n&&M(gt(e).elements,n)&&e.initElement(n,t)}},elements:function(){return k(gt(this).states).map((function(e){return e.element})).filter((function(e){return e}))},onDispose:function(e){gt(this).dispose.push(e)},initState:function(){return{element:null}},initElement:function(e,t){},clone:function(){var e=this,t=H(Object.getPrototypeOf(e),e);return gt(t,w({},gt(e),{prefix:Z()+".",counter:0})),t},dispose:function(){var e=gt(this),t=e.states;R(e.dispose.splice(0))(),e.flush(),e.elements.clear(),b(t,(function(e,n){delete t[e]}))}});var wt=yt.prototype;function bt(e,t,n,r){var i=n.classNames,o=w({},i);if(b(e.classNames,(function(e,n){i[n]=t.classList.contains(n)})),!N(o,i)){var a=e.onClassNameUpdated.bind(e,t,o,w({},i));r?I(a):a()}}function xt(e){yt.call(this),this.classNames=e||[]}L(xt,yt,{getClassNames:function(){return[this.state.classNames]},getRef:function(){var e=this,t=e.state.element;return t&&Y(ae.root,t)&&bt(e,t,e.state,!0),wt.getRef.call(this)},initState:function(){return{element:null,classNames:{}}},initElement:function(e,t){var n=this;ht(e,"class",(function(){bt(n,e,t)}))},onClassNameUpdated:function(e,t,n){}});var Ct=xt.prototype;function St(){xt.call(this,["tweening-in","tweening-out"])}L(St,xt,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,Ct.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=y(arguments),this},getCustomAttributes:function(){var e=this;return w({},Ct.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var Pt=xt.prototype;function Et(e){xt.call(this,["tweening-in","tweening-out"]),this.className=e}L(Et,xt,{getClassNames:function(){return[this.className].concat(Pt.getClassNames.call(this))}});var At=St.prototype,Ot=0;function Mt(){var e=this;St.call(e),e.className="brew-anim-"+ ++Ot,e.item=new Et(e.className)}L(Mt,St,{reset:function(){return this.item.reset(),At.reset.call(this)},getCustomAttributes:function(){return w({},At.getCustomAttributes.call(this),{"animate-sequence":"."+this.className})},clone:function(){return w(At.clone.call(this),{item:this.item.ref.getMixin()})}});var Nt=xt.prototype;function Rt(e){xt.call(this,["target-opened"]),this.flyoutMixin=e}L(Rt,xt,{open:function(e){return this.flyoutMixin.open(e)},close:function(e){return this.flyoutMixin.close(e)},getCustomAttributes:function(){var e=this.flyoutMixin.elements()[0];return w({},Nt.getCustomAttributes.call(this),{toggle:e&&"#"+e.id})}});var Vt=xt.prototype,Tt=new WeakMap,It=0;function jt(){var e=this;xt.call(e,["open","closing","visible","tweening-in","tweening-out"]),e.modal=!1,e.tabThrough=!1,e.isFlyoutOpened=!1,e.animating=!1,e.visible=!1,e.toggle=new Rt(e),e.onDispose((function(){e.isFlyoutOpened=!1,e.visible=!1}))}L(jt,xt,{reset:function(){return this.toggle.reset(),Vt.reset.call(this)},next:function(){return this.effects=void 0,Vt.next.call(this)},withEffects:function(){return this.effects=y(arguments),this},getCustomAttributes:function(){var e=this;return w({},Vt.getCustomAttributes.call(e),{"is-flyout":"","swipe-dismiss":e.swipeToDismiss},e.modal&&{"is-modal":""},e.tabThrough&&{"tab-through":""},e.effects&&{"animate-on":"open","animate-in":e.effects.join(" "),"animate-out":""})},open:function(e){var t=this.elements()[0];return Tt.set(t,e),pe(t)},close:function(e){return fe(this.elements()[0],e)},onOpen:function(e){var t=this.elements()[0];return this.onToggleState((function(n){if(n)return e(Tt.get(t))}))},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},initElement:function(e,t){var n=this;Vt.initElement.call(n,e,t),e.id||(e.id="flyout-"+ ++It),n.onDispose(ye.on(e,{animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0)),I((function(){b(n.toggle.elements(),(function(t,n){n.setAttribute("toggle","#"+e.id)}))}))},clone:function(){var e=this,t=w(Vt.clone.call(e),{toggle:e.toggle.ref.getMixin()});return W(t,"isFlyoutOpened",e),W(t,"modal",e),t},onClassNameUpdated:function(e,t,n){this.visible=n.open,this.isFlyoutOpened=n.open&&!n.closing&&!n["tweening-out"]}});var Ft=yt.prototype;function qt(){yt.call(this)}L(qt,yt,{initElement:function(e,t){Ft.initElement.call(this,e,t),this.onDispose(ae.on(e,{focusin:function(n){t.focused=!0,ne(e,"focused",n.source)},focusout:function(){t.focused=!1,ne(e,"focused",!1)}}))},getClassNames:function(){return[{focused:!!this.state.focused}]}});var kt=yt.prototype;function Dt(){yt.call(this)}L(Dt,yt,{initElement:function(e,t){kt.initElement.call(this,e,t),ue(e),this.onDispose(ae.on(e,{asyncStart:function(){t.loading=!0,ne(e,"loading",!0)},asyncEnd:function(){t.loading=!1,ne(e,"loading",!1)},cancelled:function(){t.loading=!1,ne(e,"loading",!1)}}))},getClassNames:function(){return[{loading:!!this.state.loading}]}});const Lt=l(145);var Ut=xt.prototype;function zt(){var e=this;xt.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=mt.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function Wt(){yt.call(this)}function _t(e){w(this,e)}function Bt(e){return function(){var t=Xt(e);return(t.withOptions||_t).apply(t,arguments),t}}L(zt,xt,{withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return w({},Ut.getCustomAttributes.call(this),{scrollable:[e.direction||"both",e.handle||"auto"].join(" ")},e.paged&&{var:"{ pageIndex: 0 }","scroller-snap-page":e.paged,"scroller-page":e.pagedItemSelector,"scroller-state":"pageIndex"},e.persistScroll&&{"persist-scroll":""})},onPageIndexChanged:function(e){return this.watch("pageIndex",e)},initElement:function(e,t){var n=this;n.onDispose(ye.on(e,{statechange:function(e){"pageIndex"in e.newValues&&w(n,{pageIndex:e.newValues.pageIndex})},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))},clone:function(){var e=Ut.clone.call(this);return W(e,"pageIndex",this),e}}),b("destroy enable disable setOptions refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",(function(e,t){z(zt.prototype,t,(function(){var e=Lt(this.elements());return e.scrollable.apply(e,[t].concat(y(arguments)))}))})),L(Wt,yt,{when:function(e){var t=this.state,n=t.callback||(t.callback=function(){re(t.element)});return t.deps&&!N(e,t.deps)&&j(n),t.deps=y(e),this}});var Qt=Bt(St),Ht=Bt(Mt),Gt=Bt(jt),Zt=Bt(qt),$t=Bt(Dt),Jt=Bt(zt),Kt=Bt(Wt);function Xt(e){return(0,he.useSingleton)((function(){return new e})).reset()}function Yt(e){return e&&e.getMixin().reset()}const en=i,tn=e;i.react=e})(),f=f.default})()}));
+/*! brew-js-react v0.4.5 | (c) misonou | https://hackmd.io/@misonou/brew-js-react */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("brew-js"),require("react"),require("react-dom"),function(){try{return require("react-dom/client")}catch(e){}}(),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jQuery")):"function"==typeof define&&define.amd?define("brew-js-react",["brew-js","react","react-dom","react-dom/client","zeta-dom","zeta-dom-react","waterpipe","jQuery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("brew-js"),require("react"),require("react-dom"),function(){try{return require("react-dom/client")}catch(e){}}(),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jQuery")):e["brew-js-react"]=t(e.brew,e.React,e.ReactDOM,e["react-dom/client"],e.zeta,e["zeta-dom-react"],e.waterpipe,e.jQuery)}(self,(function(e,t,n,r,i,o,a,s){return(()=>{var u={145:e=>{"use strict";e.exports=s},715:e=>{"use strict";if(void 0===r){var t=new Error("Cannot find module 'react-dom/client'");throw t.code="MODULE_NOT_FOUND",t}e.exports=r},28:e=>{"use strict";e.exports=a},103:e=>{"use strict";e.exports=o},80:t=>{"use strict";t.exports=e},359:e=>{"use strict";e.exports=t},318:e=>{"use strict";e.exports=n},654:e=>{"use strict";e.exports=i},662:(e,t,n)=>{var r,i=n(318);try{r=n(715)}catch(e){r={createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),{render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}})}}e.exports=r}},c={};function l(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={exports:{}};return u[e](n,n.exports,l),n.exports}l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var f={};return(()=>{"use strict";l.d(f,{default:()=>tn});var e={};l.r(e),l.d(e,{AnimateMixin:()=>Pt,AnimateSequenceItemMixin:()=>At,AnimateSequenceMixin:()=>Nt,ClassNameMixin:()=>Ct,Dialog:()=>he,FlyoutMixin:()=>jt,FlyoutToggleMixin:()=>Tt,FocusStateMixin:()=>kt,LoadingStateMixin:()=>Dt,Mixin:()=>dt,ScrollIntoViewMixin:()=>Wt,ScrollableMixin:()=>zt,StatefulMixin:()=>wt,ViewStateContainer:()=>ot,createDialog:()=>de,default:()=>en,isViewMatched:()=>_e,linkTo:()=>$e,makeTranslation:()=>pt,matchView:()=>Be,navigateTo:()=>Je,redirectTo:()=>Ke,registerErrorView:()=>He,registerView:()=>Qe,renderView:()=>Ge,resolvePath:()=>Ze,useAnimateMixin:()=>Qt,useAnimateSequenceMixin:()=>Ht,useAppReady:()=>tt,useAppReadyState:()=>nt,useFlyoutMixin:()=>Gt,useFocusStateMixin:()=>Zt,useLanguage:()=>ft,useLoadingStateMixin:()=>$t,useMixin:()=>Xt,useMixinRef:()=>Yt,useRouteParam:()=>rt,useRouteState:()=>it,useScrollIntoViewMixin:()=>Kt,useScrollableMixin:()=>Jt,useViewContainerState:()=>We,useViewContext:()=>We});var t=l(80);const n=t;var r=t.install;t.addExtension,t.addDetect,t.isElementActive;const i=n;var o=l(359),a=l(318);const s=l(662);var u=l(654),c=u.util,p=c.noop,m=c.pipe,d=c.either,h=(c.is,c.isUndefinedOrNull),g=(c.isArray,c.isFunction),v=c.isThenable,y=(c.isPlainObject,c.isArrayLike,c.makeArray),w=c.extend,b=c.each,x=c.map,C=c.grep,S=(c.splice,c.any),P=c.single,E=c.kv,A=(c.fill,c.pick),O=c.exclude,M=(c.mapObject,c.mapGet,c.mapRemove,c.arrRemove,c.setAdd),N=c.equal,R=c.combineFn,T=c.executeOnce,V=c.createPrivateStore,I=(c.setTimeout,c.setTimeoutOnce,c.setInterval,c.setIntervalSafe,c.setImmediate),j=c.setImmediateOnce,F=(c.throws,c.throwNotFunction),k=(c.errorWithCode,c.isErrorWithCode,c.keys),q=c.values,D=(c.hasOwnProperty,c.getOwnPropertyDescriptors,c.define),L=c.definePrototype,U=c.defineOwnProperty,z=(c.defineGetterProperty,c.defineHiddenProperty),W=c.defineAliasProperty,_=c.defineObservableProperty,B=c.watch,Q=(c.watchOnce,c.watchable),H=c.inherit,G=c.freeze,Z=(c.deepFreeze,c.iequal,c.randomId),$=(c.repeat,c.camel,c.hyphenate,c.ucfirst,c.lcfirst,c.trim,c.matchWord,c.htmlDecode,c.resolve,c.reject,c.always),J=(c.resolveAll,c.retryable,c.deferrable,c.catchAsync),K=(c.setPromiseTimeout,c.delay,c.makeAsync),X=u.util,Y=(X.domReady,X.tagName,X.isVisible,X.matchSelector,X.comparePosition,X.connected,X.containsOrEquals),ee=(X.acceptNode,X.combineNodeFilters,X.iterateNode,X.iterateNodeToArray,X.getCommonAncestor,X.parentsAndSelf,X.selectIncludeSelf,X.selectClosestRelative,X.createNodeIterator,X.createTreeWalker,X.bind),te=(X.bindUntil,X.dispatchDOMMouseEvent,X.removeNode),ne=(X.getClass,X.setClass),re=(X.getSafeAreaInset,X.getScrollOffset,X.getScrollParent,X.getContentRect,X.scrollBy,X.scrollIntoView);X.makeSelection,X.getRect,X.getRects,X.toPlainRect,X.rectEquals,X.rectCovers,X.rectIntersects,X.pointInRect,X.mergeRect,X.elementFromPoint;const ie=u.dom;var oe=u.dom;oe.textInputAllowed,oe.beginDrag,oe.beginPinchZoom,oe.insertText,oe.getShortcut,oe.setShortcut,oe.focusable,oe.focused,oe.setTabRoot,oe.setModal,oe.releaseModal,oe.retainFocus,oe.releaseFocus,oe.iterateFocusPath,oe.focus,oe.blur;const ae=ie;var se=u.dom,ue=se.lock,ce=(se.locked,se.cancelLock,se.subscribeAsync),le=se.notifyAsync,fe=se.preventLeave,pe=(t.addAsyncAction,t.closeFlyout),me=t.openFlyout;function de(e){var t,n=document.createElement("div"),r=s.createRoot(n),i=pe.bind(0,n);return ae.on(n,{flyouthide:function(){te(n),(e.onClose||p)(n),e.onRender&&r.unmount()},asyncStart:function(){ne(n,"loading",!0)},asyncEnd:function(){ne(n,"loading",!1)}}),ce(n),{root:n,close:i,open:function(){if(t)return t;if(n.className=e.className||"",document.body.appendChild(n),ae.retainFocus(ae.activeElement,n),e.modal&&(n.setAttribute("is-modal",""),ae.setModal(n)),e.onRender){var a=w({},e,{closeDialog:function(t){var n=K(e.onCommit||m)(t);return le(ae.activeElement,n),n.then(i)}}),s=(0,o.createElement)(e.onRender,a);e.wrapper&&(s=(0,o.createElement)(e.wrapper,a,s)),r.render(s),I((function(){ae.focus(n)}))}return t=me(n),e.preventLeave?fe(n,t):e.preventNavigation&&ue(n,t),$(t,(function(){t=null})),(e.onOpen||p)(n),t}}}function he(e){var t=(0,o.useState)({})[0],n=(0,o.useState)((function(){return de(t)}))[0];return w(t,e),(0,o.useEffect)((function(){var e=Y(ae.root,n.root);d(e,t.isOpen)&&(e?n.close():n.open())}),[t.isOpen]),(0,o.useEffect)((function(){return n.close}),[n]),a.createPortal(e.children,n.root)}var ge=l(103),ve=u.EventContainer;const ye=t.defaults;var we,be=[];r("react",(function(e){we=e,R(be)(we)})),ye.react=!0;var xe,Ce,Se=t.animateIn,Pe=t.animateOut,Ee=(t.addAnimateIn,t.addAnimateOut,t.setBaseUrl,t.combinePath,t.parsePath,t.normalizePath,t.removeQueryAndHash),Ae=(t.withBaseUrl,t.toAbsoluteUrl,t.toRelativeUrl,t.isSubPathOf,t.toSegments,V()),Oe=ae.root,Me=new Map,Ne={},Re=[],Te=new ve,Ve=G(w(new Fe(null,null),{container:Oe})),Ie=o.createContext(Ve),je={};function Fe(e,t){var n=this;U(n,"view",e,!0),Ae(n,{setPage:_(n,"page",t,!0),setActive:_(n,"active",!0,!0)}),B(n,"page",(function(e,t){Te.emit("pagechange",n,{previousPage:t})}))}function ke(){o.Component.apply(this,arguments),this.state={}}function qe(){o.Component.apply(this,arguments),this.stateId=history.state}function De(e,t,n){var r=Me.get(e);if(!r.maxParams){var i=O(r.matchers,["remainingSegments"]),o=x(we.routes,(function(e){var t=we.parseRoute(e),n=t.length&&!S(i,(function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!g(e)&&!t.match(n,e)}));return n?t:null}));if(o[1]&&(o=C(o,(function(e){return!P(e.params,(function(e,t){return Ne[t]&&!i[t]}))}))),o[0]){var a=o.slice(-1)[0];r.maxParams=k(w.apply(0,[{remainingSegments:!0}].concat(o.map((function(e){return e.params}))))),r.minParams=x(a.params,(function(e,t){return r.params[t]||e>=a.minLength?null:t}))}}return A(n||we.route,t?r.maxParams:r.minParams)}function Le(e,t){return(Me.get(t)||{}).matchCount-(Me.get(e)||{}).matchCount}function Ue(e,t){var n=Me.get(e);return!!n&&!P(n.matchers,(function(e,n){var r=t[n]||"";return g(e)?!e(r):(e||"")!==r}))}function ze(e){var t;return F(e),e.prototype instanceof o.Component&&(e=o.createElement.bind(null,e)),function(n){var r=n.viewProps,i=!t&&e(r);v(i)&&(t=i,i=null,J(t));var a=(0,ge.useAsync)((function(){return t.then((function(e){return o.createElement(e.default,r)}))}),!!t)[1];if((!t||!a.loading)&&(n.onComponentLoaded(),a.error))throw a.error;return i||a.value||o.createElement(o.Fragment)}}function We(){return o.useContext(Ie)}function _e(e){return Ue(e,we.route)}function Be(e,t){var n=we.route;return"string"==typeof e?n=n.parse(e):t=e,t=t?y(t).sort(Le):Re,S(t,(function(e){return Ue(e,n)}))||void 0}function Qe(e,t){var n=ze(e);return t=w({},t),b(t,(function(e,n){Ne[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))})),Me.set(n,{id:Z(),matchCount:k(t).length,matchers:t,params:A(t,(function(e){return h(e)||"string"==typeof e}))}),Re.push(n),Re.sort(Le),n}function He(e){xe=ze(e)}function Ge(){var e=y(arguments),t=g(e[0])?{}:e.shift(),n=e[0];return b(e,(function(e,t){if(!Me.has(t))throw new Error("Invalid argument to renderView: "+(g(t)?t.name:t))})),e.sort(Le),o.createElement(qe,{rootProps:t,views:e,defaultView:n})}function Ze(e,t){var n=Me.get(e);if(!n)return"/";var r=w(De(e),De(e,!0,t||{}),n.params);return we.route.getPath(r)}function $e(e,t){return we.toHref(Ze(e,t))}function Je(e,t,n,r){return we.navigate(Ze(e,t),r,n&&G(w({},n)))}function Ke(e,t,n){return Je(e,t,n,!0)}Ce=function(){we.on("beforepageload",(function(e){je=e,Ae(Ve).setPage(we.page)}))},be.push(F(Ce)),L(Fe,{on:function(e,t){return Te.add(this,e,t)}}),ke.contextType=Ie,L(ke,o.Component,{componentDidCatch:function(e){var t=this;xe&&!t.state.error?t.setState({error:e}):I((function(){ae.emit("error",t.context.container,{error:e},!0)}))},render:function(){var e=this,t={view:e.context.view,error:e.state.error,reset:e.reset.bind(e)},n=e.props.onComponentLoaded;return t.error?o.createElement(xe,{onComponentLoaded:n,viewProps:t}):o.createElement(t.view,{onComponentLoaded:n,viewProps:e.props.viewProps})},reset:function(){this.setState({error:null})}}),qe.contextType=Ie,L(qe,o.Component,{componentDidMount:function(){var e=this;e.componentWillUnmount=R(B(we.route,(function(){(e.setActive||p)(e.getViewComponent()===e.currentViewComponent)})),we.on("beforepageload",(function(){e.stateId=history.state,(e.context===Ve||e.updateOnNext)&&(je.waitFor(new Promise((function(t){e.onRender=t}))),e.updateView(),e.forceUpdate())})))},render:function(){var e=this;return history.state===e.stateId&&e.context.active&&e.updateView(),(e.onRender||p)(),o.createElement(o.Fragment,null,e.prevView,e.currentView)},updateView:function(){var e=this,t=e.getViewComponent();if(e.updateOnNext=!1,t){var n=Ze(t,De(t,!0));if(n!==Ee(we.path))return we.navigate(n,!0),void(e.updateOnNext=!0)}if(t&&t!==e.currentViewComponent){var r,i=e.currentElement;i&&(e.setActive(!1),e.prevView=e.currentView,e.currentElement=void 0,we.emit("pageleave",i,{pathname:e.currentPath},!0),Pe(i,"show").then((function(){e.prevView=void 0,e.forceUpdate()}))),(e.cancelPrevious||p)();var a=new Promise((function(e){r=e})),s=T((function(t){e.currentElement=t,u.container=t,a.then((function(){Se(t,"show"),we.emit("pageenter",t,{pathname:we.path},!0)})),le(t,a)})),u=new Fe(t,we.page),c=G({navigationType:je.navigationType,viewContext:u,viewData:je.data||{}}),l=o.createElement(Ie.Provider,{key:Me.get(t).id,value:u},o.createElement(ot,null,o.createElement("div",w({},e.props.rootProps,{ref:s}),o.createElement(ke,{onComponentLoaded:r,viewProps:c}))));w(e,Ae(u),{cancelPrevious:r,currentPath:we.path,currentView:l,currentViewComponent:t}),(je.waitFor||p)(a)}(e.setPage||p)(we.page)},getViewComponent:function(){var e=this.props;return S(e.views,_e)||e.defaultView}});var Xe=new ve;function Ye(){return we.historyStorage.current}function et(e,t){this.key=e,this.value=t}function tt(){return nt().ready}function nt(){var e=(0,ge.useObservableProperty)(we,"readyState");return{ready:"ready"===e,error:"error"===e}}function rt(e,t){var n=We(),r=n.page.params,i=we.route,a=r[e]||"",s=(0,o.useRef)(a),u=(0,ge.useUpdateTrigger)();return(0,o.useEffect)((function(){var t=function t(){var r=i[e]||"";r!==s.current&&(n.active?(s.current=r,u()):B(n,"active",t))};if(t(),e in i)return i.watch(e,(function(){j(t)}));console.error("Route parameter "+e+" does not exist")}),[e,t]),s.current=a,t&&n.active&&(!a||"remainingSegments"===e&&"/"===a)&&we.navigate(i.getPath(w({},r,E(e,t))),!0),a}function it(e,t,n){var r=We(),i=Ye(),a=(0,o.useState)(i.has(e)?i.get(e):t);return r.active&&i.get(e)!==a[0]&&(n&&i.has(e)&&(we.snapshot(),i=Ye()),i.set(e,a[0])),(0,o.useEffect)((function(){if(n)return ee(window,"popstate",(function(){if(r.active){var n=Ye();a[1](n.has(e)?n.get(e):t)}}))}),[r,n]),a}function ot(e){var t=We(),n=(0,o.useState)((function(){var e={};return{getState:function(n,r){var i=Ye(),o=i.get(r),a=e[n]||(e[n]=new et(r,o));if(t.active){var s=a.store;s&&(s!==i&&i.has(r)||r!==a.key)&&(Xe.emit("popstate",a,{newValue:o}),a.value=o,a.key=r),a.store=i,i.set(r,a.value)}return a}}}))[0];return(0,o.createElement)(ge.ViewStateProvider,{value:n},e.children)}L(et,{get:function(){return this.value},set:function(e){var t=this;t.value=e,t.store.set(t.key,e)},onPopState:function(e){return F(e),Xe.add(this,"popstate",(function(t){e.call(this,t.newValue)}))}});const at=l(28);var st=Object.create(null),ut="function"==typeof Symbol&&Symbol.toPrimitive;function ct(e){this.toString=e}function lt(e){return w((function(t,n){var r=e(t,n,!0);return void 0!==r?r:t}),{html:function(t,n){return{__html:e(t,n)}},lazy:function(t,n){return new ct(e.bind(0,t,n,!0))}})}function ft(){return(0,ge.useObservableProperty)(we,"language")}function pt(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,a,s){var u=((e[s]||st)[n]||st)[r];return"string"==typeof u?!u||a&&void 0===o?u:at(u,o,{noEncode:a}):s!==t?i(n,r,o,a,t):void 0}function o(){var e=y(arguments),t=e.join(" ");return r[t]||(r[t]=lt((function(t,n,r){var o=we.language;return P(e,(function(e){return i(e,t,n,r,o)}))})))}return r[""]=lt((function(e,t,r){var o=n.test(e)?RegExp.$1:"";return i(o,o?e.slice(RegExp.lastMatch.length):e,t,r,we.language)})),{translate:r[""],getTranslation:o,useTranslation:function(){var e=ft(),t=o.apply(0,arguments);return{language:e,t}},keys:function(n){return k(e[t][n]||st)}}}function mt(e){dt.call(this),this.attributes=e||{}}function dt(){}ut&&(ct.prototype[ut]=function(){return this.toString()}),L(mt,dt,{getCustomAttributes:function(){return w({},this.attributes)}}),L(dt,{next:function(){},getRef:function(){return p},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),Q(dt.prototype),D(dt,{get scrollableTarget(){return new mt({"scrollable-target":""})},use:function(){var e=y(arguments),t=e[0],n={},r=e.filter((function(e){return e instanceof dt})),i=r.map((function(e){return e.getRef()}));return!t||t instanceof dt?t||e.shift():("function"!=typeof t?i.push((function(e){t.current=e})):i.push(t),e.shift()),b(r,(function(e,t){w(n,t.getCustomAttributes())})),w(n,{ref:R(i),className:ge.classNames.apply(null,e)}),b(r,(function(e,t){t.next()})),n}});var ht=u.dom,gt=(ht.observe,ht.registerCleanup,ht.createAutoCleanupMap,ht.afterDetached,ht.watchElements,ht.watchAttributes,ht.watchOwnAttributes),vt=V();function yt(e){this.mixin=e}function wt(){dt.call(this),vt(this,{elements:new WeakSet,flush:B(this,!1),dispose:[],states:{},prefix:"",counter:0})}L(yt,{getMixin:function(){return this.mixin}}),L(wt,dt,{get ref(){var e=this,t=e.state;return e.next(),t.ref||(t.ref=new yt(e.clone()))},get state(){var e=vt(this),t=e.prefix+e.counter;return e.states[t]||(e.states[t]=this.initState())},reset:function(){return vt(this).counter=0,this},next:function(){return vt(this).counter++,this},getRef:function(){var e=this,t=e.state;return function(n){t.element=n,n&&M(vt(e).elements,n)&&e.initElement(n,t)}},elements:function(){return q(vt(this).states).map((function(e){return e.element})).filter((function(e){return e}))},onDispose:function(e){vt(this).dispose.push(e)},initState:function(){return{element:null}},initElement:function(e,t){},clone:function(){var e=this,t=H(Object.getPrototypeOf(e),e);return vt(t,w({},vt(e),{prefix:Z()+".",counter:0})),t},dispose:function(){var e=vt(this),t=e.states;R(e.dispose.splice(0))(),e.flush(),e.elements=new WeakSet,b(t,(function(e,n){delete t[e]}))}});var bt=wt.prototype;function xt(e,t,n,r){var i=n.classNames,o=w({},i);if(b(e.classNames,(function(e,n){i[n]=t.classList.contains(n)})),!N(o,i)){var a=e.onClassNameUpdated.bind(e,t,o,w({},i));r?I(a):a()}}function Ct(e){wt.call(this),this.classNames=e||[]}L(Ct,wt,{getClassNames:function(){return[this.state.classNames]},getRef:function(){var e=this,t=e.state.element;return t&&Y(ae.root,t)&&xt(e,t,e.state,!0),bt.getRef.call(this)},initState:function(){return{element:null,classNames:{}}},initElement:function(e,t){var n=this;gt(e,"class",(function(){xt(n,e,t)}))},onClassNameUpdated:function(e,t,n){}});var St=Ct.prototype;function Pt(){Ct.call(this,["tweening-in","tweening-out"])}L(Pt,Ct,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,St.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=y(arguments),this},getCustomAttributes:function(){var e=this;return w({},St.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var Et=Ct.prototype;function At(e){Ct.call(this,["tweening-in","tweening-out"]),this.className=e}L(At,Ct,{getClassNames:function(){return[this.className].concat(Et.getClassNames.call(this))}});var Ot=Pt.prototype,Mt=0;function Nt(){var e=this;Pt.call(e),e.className="brew-anim-"+ ++Mt,e.item=new At(e.className)}L(Nt,Pt,{reset:function(){return this.item.reset(),Ot.reset.call(this)},getCustomAttributes:function(){return w({},Ot.getCustomAttributes.call(this),{"animate-sequence":"."+this.className})},clone:function(){return w(Ot.clone.call(this),{item:this.item.ref.getMixin()})}});var Rt=Ct.prototype;function Tt(e){Ct.call(this,["target-opened"]),this.flyoutMixin=e}L(Tt,Ct,{open:function(e){return this.flyoutMixin.open(e)},close:function(e){return this.flyoutMixin.close(e)},initElement:function(e,t){var n=this;Rt.initElement.call(n,e,t),n.onDispose(ae.on(e,"click",(function(){me(n.flyoutMixin.elements()[0],null,e,!0)})))}});var Vt=Ct.prototype,It=new WeakMap;function jt(){var e=this;Ct.call(e,["open","closing","visible","tweening-in","tweening-out"]),e.modal=!1,e.tabThrough=!1,e.isFlyoutOpened=!1,e.animating=!1,e.visible=!1,e.toggle=new Tt(e),e.onDispose((function(){e.isFlyoutOpened=!1,e.visible=!1}))}L(jt,Ct,{reset:function(){return this.toggle.reset(),Vt.reset.call(this)},next:function(){return this.effects=void 0,Vt.next.call(this)},withEffects:function(){return this.effects=y(arguments),this},getCustomAttributes:function(){var e=this;return w({},Vt.getCustomAttributes.call(e),{"is-flyout":"","swipe-dismiss":e.swipeToDismiss},e.modal&&{"is-modal":""},e.tabThrough&&{"tab-through":""},e.effects&&{"animate-on":"open","animate-in":e.effects.join(" "),"animate-out":""})},open:function(e){var t=this.elements()[0];return It.set(t,e),me(t)},close:function(e){return pe(this.elements()[0],e)},onOpen:function(e){var t=this.elements()[0];return this.onToggleState((function(n){if(n)return e(It.get(t))}))},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},initElement:function(e,t){var n=this;Vt.initElement.call(n,e,t),n.onDispose(we.on(e,{animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0))},clone:function(){var e=this,t=w(Vt.clone.call(e),{toggle:e.toggle.ref.getMixin()});return W(t,"isFlyoutOpened",e),W(t,"modal",e),t},onClassNameUpdated:function(e,t,n){this.visible=n.open,this.isFlyoutOpened=n.open&&!n.closing&&!n["tweening-out"]}});var Ft=wt.prototype;function kt(){wt.call(this)}L(kt,wt,{for:function(e){return this.state.ref=e,this},initElement:function(e,t){Ft.initElement.call(this,e,t);var n=function(n,r){var i=t.ref,o=i&&("string"==typeof i?e.querySelector(i):i.current);o&&!ae.focused(o)&&n(r||o)};this.onDispose(ae.on(e,{focusin:function(r){t.focused=r.source,ne(e,"focused",r.source),n(ae.focus)},focusout:function(){t.focused=!1,ne(e,"focused",!1)},focuschange:function(){n(ae.blur,e)}}))},getClassNames:function(){var e={},t=this.state.focused;return t&&(e.focused=!0,e["focused-"+t]=!0),[e]}});var qt=wt.prototype;function Dt(){wt.call(this)}L(Dt,wt,{initElement:function(e,t){qt.initElement.call(this,e,t),this.onDispose(ce(e,(function(n){t.loading=n,ne(e,"loading",n)})))},getClassNames:function(){return[{loading:!!this.state.loading}]}});const Lt=l(145);var Ut=Ct.prototype;function zt(){var e=this;Ct.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=dt.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function Wt(){wt.call(this)}function _t(e){w(this,e)}function Bt(e){return function(){var t=Xt(e);return(t.withOptions||_t).apply(t,arguments),t}}L(zt,Ct,{withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return w({},Ut.getCustomAttributes.call(this),{scrollable:[e.direction||"both",e.handle||"auto"].join(" ")},e.pagedItemSelector&&{"scroller-snap-page":e.paged,"scroller-page":e.pagedItemSelector},e.persistScroll&&{"persist-scroll":""})},onPageIndexChanged:function(e){return this.watch("pageIndex",e)},initElement:function(e,t){var n=this;n.onDispose(we.on(e,{scrollIndexChange:function(e){n.pageIndex=e.newIndex},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))},clone:function(){var e=Ut.clone.call(this);return W(e,"pageIndex",this),e}}),b("destroy enable disable setOptions refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",(function(e,t){z(zt.prototype,t,(function(){var e=Lt(this.elements());return e.scrollable.apply(e,[t].concat(y(arguments)))}))})),L(Wt,wt,{when:function(e){var t=this.state,n=t.callback||(t.callback=function(){re(t.element)});return t.deps&&!N(e,t.deps)&&j(n),t.deps=y(e),this}});var Qt=Bt(Pt),Ht=Bt(Nt),Gt=Bt(jt),Zt=Bt(kt),$t=Bt(Dt),Jt=Bt(zt),Kt=Bt(Wt);function Xt(e){return(0,ge.useSingleton)((function(){return new e})).reset()}function Yt(e){return e&&e.getMixin().reset()}const en=i,tn=e;i.react=e})(),f=f.default})()}));
 //# sourceMappingURL=brew-js-react.min.js.map