brew-js-react 0.7.1 → 0.7.3

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

@@ -1,3 +1,3 @@
-/*! brew-js-react v0.7.1 | (c) misonou | https://misonou.github.io */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("zeta-dom"),require("brew-js"),require("react"),require("react-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):"function"==typeof define&&define.amd?define("brew-js-react",["zeta-dom","brew-js","react","react-dom","zeta-dom-react","waterpipe","jquery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("zeta-dom"),require("brew-js"),require("react"),require("react-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):(e.brew=e.brew||{},e.brew.react=t(e.zeta,e.brew,e.React,e.ReactDOM,e.zeta.react,e.waterpipe,e.jQuery))}(self,(e,t,n,r,i,o,s)=>(()=>{var u={87:e=>{"use strict";e.exports=o},760:e=>{"use strict";e.exports=t},914:e=>{"use strict";e.exports=s},12:e=>{"use strict";e.exports=n},33:e=>{"use strict";e.exports=r},231:t=>{"use strict";t.exports=e},402:e=>{"use strict";e.exports=i},621:(e,t,n)=>{var r,i=n(33);r=i.createRoot?i:{createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),r.createRoot(e,n))},e.exports=r}},a={};function c(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return u[e](n,n.exports,c),n.exports}c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";c.r(l),c.d(l,{AnimateMixin:()=>cn,AnimateSequenceItemMixin:()=>fn,AnimateSequenceMixin:()=>mn,ClassNameMixin:()=>un,ClassNameToggleMixin:()=>gn,Dialog:()=>Qe,FlyoutMixin:()=>Sn,FlyoutToggleMixin:()=>wn,FocusStateMixin:()=>En,LoadingStateMixin:()=>On,Mixin:()=>Jt,ScrollIntoViewMixin:()=>Rn,ScrollableMixin:()=>Nn,StatefulMixin:()=>on,StaticAttributeMixin:()=>$t,UnmanagedClassNameMixin:()=>qn,ViewContext:()=>ft,ViewStateContainer:()=>Ut,createDialog:()=>Be,createDialogQueue:()=>He,isViewMatched:()=>yt,isViewRendered:()=>bt,linkTo:()=>Mt,makeTranslation:()=>Gt,matchView:()=>xt,navigateTo:()=>At,openDialog:()=>ze,redirectTo:()=>Ot,registerErrorView:()=>St,registerView:()=>Ct,renderView:()=>Pt,resolvePath:()=>Et,useAnimateMixin:()=>Fn,useAnimateSequenceMixin:()=>Dn,useAppReady:()=>Ft,useAppReadyState:()=>Dt,useClassNameToggleMixin:()=>kn,useFlyoutMixin:()=>Ln,useFocusStateMixin:()=>In,useLanguage:()=>Wt,useLoadingStateMixin:()=>Un,useMixin:()=>Qn,useMixinRef:()=>_n,useQueryParam:()=>It,useRouteParam:()=>kt,useRouteState:()=>Lt,useScrollIntoViewMixin:()=>Bn,useScrollableMixin:()=>zn,useUnmanagedClassNameMixin:()=>Hn,useViewContainerState:()=>wt,useViewContext:()=>wt});var e=c(231),t=e.util,n=t.always,r=t.any,i=t.arrRemove,o=t.catchAsync,s=t.combineFn,u=t.createPrivateStore,a=t.define,f=t.defineGetterProperty,p=t.defineHiddenProperty,h=t.defineObservableProperty,d=t.defineOwnProperty,m=t.definePrototype,g=t.delay,v=t.each,w=t.either,y=t.equal,b=t.exclude,x=t.executeOnce,C=t.extend,S=t.fill,P=t.freeze,E=t.grep,M=t.isArray,A=t.isFunction,O=t.isPlainObject,V=t.isThenable,N=t.isUndefinedOrNull,R=t.keys,q=t.kv,T=t.makeArray,j=t.map,F=t.mapObject,D=t.noop,k=t.pick,L=t.randomId,I=t.resolve,U=t.setImmediate,z=t.setImmediateOnce,B=t.single,H=t.throwNotFunction,Q=t.throws,_=t.watch,W=t.watchable,G=c(760);var $=G.addExtension,J=G.install;const K=G.defaults;var X,Y=[];J("react",$(!0,"react2",["?router","?i18n"],function(e){X=e,s(Y)(X)})),K.react=!0;var Z=c(12),ee=Z.Component,te=Z.StrictMode,ne=Z.createContext,re=Z.createElement,ie=Z.useContext,oe=Z.useEffect,se=Z.useLayoutEffect,ue=Z.useMemo,ae=Z.useRef,ce=Z.useState,le=c(33),fe=c(621),pe=c(402),he=pe.ViewStateProvider,de=pe.classNames,me=pe.createAsyncScope,ge=pe.useAsync,ve=pe.useEagerState,we=pe.useMemoizedFunction,ye=pe.useObservableProperty,be=pe.useSingleton,xe=pe.useValueTrigger,Ce=e.util,Se=Ce.containsOrEquals,Pe=Ce.getClass,Ee=Ce.removeNode,Me=Ce.scrollIntoView,Ae=Ce.setClass,Oe=e.dom;const Ve=Oe;var Ne=Oe.reportError,Re=e.dom,qe=Re.runAsync,Te=Re.subscribeAsync,je=G.closeFlyout,Fe=G.isFlyoutOpen,De=G.openFlyout,ke=G.toggleFlyout,Le=u();function Ie(e,t){var n=document.createElement("div");return Ve.on(n,{flyoutshow:function(){(e.onOpen||D)(n)},flyouthide:function(){Ee(n),(e.onClose||D)(n),(t||D)()}}),n.setAttribute("loading-class",""),Te(n,!0),n}function Ue(e,t,n){return Se(Ve.root,e)||(e.className=t.className||"",t.modal&&e.setAttribute("is-modal",""),(n||t.container||document.body).appendChild(e)),De(e,null,k(t,["focus","closeOnBlur","preventLeave","preventNavigation"]))}function ze(e){return Be(e).open()}function Be(e){var t,r,i=Le(e.controller)||{},o="shared"===i.mode,s=o?i:{},u=s.root||(s.root=Ie(e,function(){a.unmount()})),a=s.reactRoot||(s.reactRoot=fe.createRoot(u)),c=s.scope||(s.scope=me(u)),l=o?D:je.bind(0,u);function f(e,t,n){var r=t.onCommit?function(n){return qe(Ve.activeElement,t.onCommit.bind(this,n)).then(e)}:e,i=C({},t,{errorHandler:c.errorHandler,closeDialog:r,commitDialog:r,dismissDialog:e}),s=re(t.onRender,i);return t.wrapper&&(s=re(t.wrapper,i,s)),a.render(re(te,null,re(c.Provider,null,s))),o?{then:D}:Ue(u,t,n)}return{root:u,close:function(e){return l(e)},open:(t=function(){return i.enqueue?i.enqueue(function(t){f(l=o?t:l,C({},i.props,e),i.root).then(t)}):f(l,e)},function(){return r||(r=t.apply(this,arguments),n(r,function(){r=null})),r})}}function He(e){var t,n=e&&e.mode,r=n&&Ie(e),o="multiple"===n,u=[],a=[],c={},l=h(c,"pendingCount",0,!0);function f(){s(u.splice(0))(),l(0)}function p(e){s(a.splice(0))(o?void 0:e),f()}function d(e){return new Promise(function(t){a.push(t),l(u.length),e(function(e){return i(a,t)&&(t(e),U(function(){(u.shift()||D)(!0)})),!r||u[0]||a[0]?I():je(r)})})}return o?e=C({},e,t={closeOnBlur:!1}):t=e&&b(e,["onCommit","onRender","onOpen","onClose"]),Le(c,{root:r,mode:n,props:t,enqueue:function(t){return r&&!Fe(r)&&Ue(r,e).then(p),u.length||a.length>=(o?e.concurrent||1/0:1)?new Promise(function(e){u.push(function(n){e(n&&d(t))}),l(u.length)}):d(t)}}),C(c,{dismissAll:p,dismissPending:f})}function Qe(e){var t=C(ce({})[0],e),n=ce(function(){return Ie(t)})[0];return oe(function(){var e=Fe(n);w(e,t.isOpen)&&(e?je(n):Ue(n,t))},[t.isOpen]),oe(function(){return je.bind(0,n)},[]),le.createPortal(e.children,n)}var _e,We,Ge=e.EventContainer,$e=G.getQueryParam,Je=G.setQueryParam,Ke=G.toQueryString,Xe=G.parsePath,Ye=G.removeQueryAndHash,Ze=G.animateIn,et=G.animateOut,tt=u(),nt=Ve.root,rt=new Map,it={},ot=[],st=new Ge,ut=P(C(new ft,{container:nt})),at=tt(ut),ct=ne(ut),lt={waitFor:D};function ft(e,t,n){var r=this;d(r,"view",e||null,!0),d(r,"parent",n||null,!0),tt(r,{children:[],setPage:h(r,"page",t||null,!0),setActive:h(r,"active",!!t,!0)}),_(r,"page",function(e,t){st.emit("pagechange",r,{page:e,previousPage:t,navigationType:lt.navigationType,waitFor:lt.waitFor})})}function pt(e){ee.call(this,e),this.state={},tt(e.context).wrapper=this}function ht(){ee.apply(this,arguments),this.views=[]}function dt(e,t){return N(e)||""===e||e===t?"":e[0]===t?e:t+e}function mt(e,t){return(rt.get(t)||{}).matchCount-(rt.get(e)||{}).matchCount}function gt(e,t){var n=rt.get(e);return!!n&&!B(n.matchers,function(e,n){var r=t[n]||"";return A(e)?!e(r):(e||"")!==r})}function vt(e){var t;return H(e),e.prototype instanceof ee&&(e=re.bind(null,e)),function(n){var r=t||e(n.viewProps);if(!t&&!V(r))return se(n.onLoad,[]),r;o(t=r);var i=ge(function(){return t=!0,(V(r)||e()).then(null,function(e){n.onError(e)})})[0];return i&&n.onLoad(),i?re(i.default,n.viewProps):n.self.currentContext===n.context&&n.loader||null}}function wt(){return ie(ct)}function yt(e){var t=X.route;return gt(e,t)&&Et(e,t)===t.toString()}function bt(e){return!!(rt.get(e)||"").rendered}function xt(){var e=T(arguments),t=X.route;return"string"==typeof e[0]&&(t=t.parse(e.shift())),e=e[0]?(M(e[0])?T(e[0]):e).sort(mt):ot,r(e,function(e){return gt(e,t)})||void 0}function Ct(e,t){var n=vt(e);return t=C({},t),v(t,function(e,n){it[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))}),rt.set(n,{id:L(),rendered:0,matchCount:R(t).length,matchers:t,params:k(t,function(e){return N(e)||"string"==typeof e})}),ot.push(n),ot.sort(mt),n}function St(e){_e=H(e)}function Pt(){var e=T(arguments),t=A(e[0])?{}:e.shift(),n=e[0];return v(e,function(e,t){if(!rt.has(t))throw new Error("Invalid argument to renderView: "+(A(t)?t.name:t))}),e.sort(mt),re(ht,{rootProps:t,views:e,defaultView:n})}function Et(e,t){var n="";return M(t)&&(n=dt(O(t[1])?Ke(t[1]):t[1],"?")+dt(t[2],"#"),t=t[0]),(rt.has(e)?X.route.getPath(function(e,t){var n=rt.get(e);if(!n.maxParams){var i=b(n.matchers,["remainingSegments"]),o=j(X.routes,function(e){var t=X.parseRoute(e),n=t.length&&!r(i,function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!A(e)&&!t.match(n,e)});return n?t:null});if(o[1]&&(o=E(o,function(e){return!B(e.params,function(e,t){return it[t]&&!i[t]})})),o[0]){var s=o.slice(-1)[0];n.maxParams=R(C.apply(0,[{remainingSegments:!0}].concat(o.map(function(e){return e.params})))),n.minParams=j(s.params,function(e,t){return n.params[t]||e>=s.minLength?null:t})}}return C(k(X.route,n.minParams),t&&k(t,n.maxParams),n.params)}(e,t)):"/")+n}function Mt(e,t){return X.toHref(Et(e,t))}function At(e,t,n,r){return X.navigate(Et(e,t),r,n&&P(C({},n)))}function Ot(e,t,n){return At(e,t,n,!0)}We=function(){X.on("beforepageload",function(e){at.setPage(X.page),at.setActive(!0),lt=e,function t(n){v(n.children,function(n,r){e.waitFor(new Promise(function(e){r.onRender=e,r.forceUpdate()}).then(function(){t(r)}))})}(at)}),at.setPage(X.page)},X?We(X):Y.push(H(We)),d(ft,"root",ut,!0),m(ft,{getChildren:function(){return j(tt(this).children,function(e){return e.currentContext})},setErrorView:function(e,t){var n=tt(this).wrapper;return n&&e&&!n.setState({error:t,errorView:e})},on:function(e,t){return st.add(this,e,t)}}),m(pt,ee,{componentDidMount:function(){var e=this;e.componentWillUnmount=_(e.props.context,"page",function(){e.state.errorView=null,e.forceUpdate()})},componentDidCatch:function(e){var t=this;_e&&t.state.errorView!==_e?t.setState({error:e,errorView:_e}):(t.props.onLoad(),Ne(e,t.props.context.container))},render:function(){var e=this,t=e.props.context;if(!t.container)return U(function(){e.errorHandler||(C(e,me(t.container)),Ve.on(t.container,"error",function(e){return st.emit(e,t,{error:e.error},!1)}),e.forceUpdate())}),null;if(e.state.errorView)return e.props.onLoad(),re(e.Provider,null,re(e.state.errorView,{view:t.view,error:e.state.error,reset:e.reset.bind(e)}));var n=e.componentDidCatch.bind(e),r={errorHandler:e.errorHandler,navigationType:lt.navigationType,viewContext:t,viewData:t.page.data||{}};return re(e.Provider,null,re(t.view,C({viewProps:r,onError:n},e.props)))},reset:function(){this.setState({errorView:null})}}),ht.contextType=ct,m(ht,ee,{componentDidMount:function(){var e=this,t=tt(e.context).children,n=_(X.route,function(){e.setActive(e.getViewComponent()===(e.currentContext||"").view)});e.componentWillUnmount=function(){e.setActive(!1),i(t,e),n(),U(function(){e.currentContext&&!e.currentContext.active&&e.unmountView()})},t.push(e),e.setActive(!0)},componentDidUpdate:function(e){(e.rootProps.ref||{}).current=null,this.setContext(this.currentContext)},setContext:function(e){this.currentContext=e,(this.props.rootProps.ref||{}).current=e},render:function(){var e=this;return e.context.active&&e.updateView(),e.onRender(),e.views},updateView:function(){var e=this,t=e.getViewComponent(),r=t!==(e.currentContext||"").view;if(t&&(r||!(e.children||"")[0])){var i=Et(t,X.route);if(i!==Ye(X.path))return void X.navigate(i,!0)}var o=rt.get(t)||{};if((e.views[2]||"").key!==o.id){if(e.views[2]=null,e.abort(),!t||!r)return e.setActive(!0),void e.setPage(X.page);lt.waitFor(new Promise(function(r){var i=new ft(t,X.page,e.context),s=e.props.rootProps,u=x(function(t){d(i,"container",t,!0),Ve.on(t,"error",function(t){i!==e.currentContext&&t.handled()}),e.setContext(e.currentContext||i)}),a=x(function(){var s=i.container,u=e.unmountView();e.unmountView=x(function(){return o.rendered--,e.setActive(!1),X.emit("pageleave",s,{pathname:i.page.path,view:t},!0),et(s,"show").then(function(){e.views[0]=null,e.forceUpdate()})}),n(u,g).then(function(){X.emit("pageenter",s,{pathname:i.page.path,view:t},!0)}),e.views.shift(),e.setContext(i),C(e,tt(i)),o.rendered++,Ze(s,"show","[brew-view]",!0),r()});i.on("error",function(){return(e.props.rootProps.onError||D).apply(this,arguments)}),e.abort=r,e.views[2]=re(ct.Provider,{key:o.id,value:i},re(Ut,null,re("div",C(b(s,["loader","onError"]),{ref:u,"brew-view":""}),re(pt,{onLoad:a,context:i,self:e,loader:s.loader}))))}))}},getViewComponent:function(){var e=this.props;return r(e.views,function(e){return gt(e,X.route)})||e.defaultView}}),S(ht.prototype,"abort onRender setActive setPage unmountView",D);var Vt=new Ge;function Nt(){return X.historyStorage.current}function Rt(e,t){this.key=e,this.store=Nt(),this.dispose=t}function qt(e,t,n,r){return e.get(t)!==n&&(r&&e.has(t)&&(X.snapshot(),e=Nt()),e.set(t,n)),e}function Tt(e,t,n){var r=e.get();(t!==e.key||n!==e.store&&n.has(t))&&(r=n.get(t),Vt.emit("popstate",e,{newValue:r})),e.key=t,e.store=n,n.set(t,r)}function jt(e,t){var n=wt();return oe(function(){return X.on("beforepageload popstate",function(){n.active&&e(Nt())})},t),n}function Ft(){return Dt().ready}function Dt(){var e=ye(X,"readyState");return{ready:"ready"===e,error:"error"===e}}function kt(e,t){var n=wt(),r=n.page.params,i=r[e]||"",o=xe(i);return oe(function(){var t=function(){o(n.page.params[e]||"")};return t(),n.on("pagechange",t)},[e]),t&&n.active&&(!i||"remainingSegments"===e&&"/"===i)&&X.navigate(X.route.getPath(C({},r,q(e,t))),!0),i}function Lt(e,t,n){var r=Nt(),i=ve(r&&r.has(e)?r.get(e):t),o=jt(function(t){i[1](function(n){return t.has(e)?t.get(e):(t.set(e,n),n)})},[e]);return r?o.active&&qt(r,e,i[0],n):X.beforeInit(g(1)),i}function It(e,t,n){O(e)&&(n=t,t=e,e=!1);var r=wt(),i=function(){return P(F(!1===e?t:q(e,t),function(e,t){return $e(t,X.path)||e||""}))},s=ae({});ue(function(){s.current=i()},[e]);var u=s.current,a=xe(u,function(e,t){return y(e,t)||!(s.current=t)}),c=we(function(t){var u=s.current;if(!1!==e?t=q(e,A(t)?t(u[e]):t):A(t)&&(t=t(C({},u))),r.active){var c=Xe(X.path),l=R(t).reduce(function(e,n){return t[n]!==u[n]?Je(n,t[n]||null,e):e},c.search);l!==c.search&&(n&&X.snapshot(),o(X.navigate((l||"?")+c.hash,!0)),a(i()))}});return oe(function(){return X.watch("path",function(){r.active&&a(i())})},[e]),[!1!==e?u[e]:u,c]}function Ut(e){var t=ce({})[0],n=jt(function(e){v(t,function(t,n){Tt(n,n.key,e)})},[]),r=ce(function(){return{getState:function(e,r){var i=t[e];return i&&n.active&&Tt(i,r,Nt()),i||(t[e]=new Rt(r,function(){delete t[e]}))}}})[0];return re(he,{value:r},e.children)}m(Rt,{get:function(){return this.store.get(this.key)},set:function(e,t){this.store=qt(this.store,this.key,e,t)},onPopState:function(e){return H(e),Vt.add(this,"popstate",function(t){e.call(this,t.newValue)})}});var zt=c(87),Bt=Object.create(null),Ht="function"==typeof Symbol&&Symbol.toPrimitive;function Qt(e){this.toString=e}function _t(e){return C(function(t,n,r){var i=e(t,n,r,!0);return void 0!==i?i:t},{html:function(t,n,r){return{__html:e(t,n,r)}},lazy:function(t,n,r){return new Qt(e.bind(0,t,n,r,!0))}})}function Wt(){return ye(X,"language")}function Gt(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,s,u){var a=((e[u]||Bt)[n]||Bt)[r];return"string"==typeof a?!a||s&&void 0===o?a:zt(a,o,{noEncode:s}):u!==t?i(n,r,o,s,t):void 0}function o(e,t,r,o){var s=n.test(e)?RegExp.$1:"";return i(s,s?e.slice(RegExp.lastMatch.length):e,t,o,r||X.language)}function s(){var e=String(this),t=T(arguments),n=e+" "+t.join(" ");return r[n]||(r[n]=t[0]?_t(function(n,r,o,s){return o=o||e||X.language,B(t,function(e){return i(e,n,r,s,o)})}):_t(function(t,n,r,i){return o(t,n,r||e,i)}))}return{translate:_t(o),getTranslation:s.bind(""),useTranslation:function(){var e=Wt();return{language:e,t:s.apply(e,arguments)}},keys:function(n){return R(e[t][n]||Bt)}}}function $t(e,t){Jt.call(this),this.attributes=O(e)||q(e,t||"")}function Jt(){}Ht&&(Qt.prototype[Ht]=function(){return this.toString()}),m($t,Jt,{getCustomAttributes:function(){return C({},this.attributes)}}),m(Jt,{reset:function(){return this},next:function(){},getRef:function(){return D},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),W(Jt.prototype),a(Jt,{get scrollableTarget(){return new $t("scrollable-target")},get tabRoot(){return new $t("tab-root")},use:function(){var e=T(arguments),t={},n=[],r=e[0];return r?"function"==typeof r?(n.push(r),e.shift()):"string"==typeof r||r instanceof Jt||(n.push(function(e){r.current=e}),e.shift()):e.shift(),v(e,function(e,r){r instanceof Jt&&(n.push(r.getRef()),C(t,r.getCustomAttributes()),r.next())}),C(t,{ref:s(n),className:de.apply(null,e)})}});var Kt=e.dom,Xt=Kt.watchElements,Yt=Kt.watchOwnAttributes,Zt=u(),en=new Set;function tn(){v(en,function(e,t){s(Zt(t).splice(0))()}),en.clear()}function nn(e,t){Zt(this,[e.delete.bind(e,t)]),e.set(t,this)}function rn(e){this.mixin=e}function on(){Jt.call(this),Zt(this,{pending:{},elements:[],states:new Map,flush:_(this,!1),dispose:[]})}function sn(e,t,n,r){var i=n.classNames,o=C({},i);v(i,function(e){i[e]=t.classList.contains(e)}),r&&!y(n.prev||o,i)&&(n.prev=o,e.onClassNameUpdated(t,o,C({},i)))}function un(e){on.call(this),this.classNames=e||[]}m(nn,{onDispose:function(e){Zt(this).push(H(e))}}),m(rn,{getMixin:function(){return this.mixin}}),m(on,Jt,{get ref(){var e=Zt(this);return e.ref||(e.ref=new rn(this))},get state(){return Zt(this).pending},reset:function(){return Zt(this).pending={},this},next:function(){return Zt(this).pending={},this},getRef:function(){var e,t,n=this,r=Zt(n),o=r.pending;return function(s){s?(e=s,t=r.states.get(e)||new nn(r.states,e),r.elements.push(e),t.element?R(o)[0]&&n.mergeState(e,t,o):n.initElement(e,C(t,n.initState(),o,{element:e})),n.onLayoutEffect(e,t),en.delete(t)):t&&(en.add(t),n.onBeforeUpdate(e,t),i(r.elements,e)),z(tn)}},elements:function(){return Zt(this).elements.slice()},onDispose:function(e){Zt(this).dispose.push(e)},initState:function(){return{}},initElement:function(e,t){},mergeState:function(e,t,n){C(t,n)},onLayoutEffect:function(e,t){},onBeforeUpdate:function(e,t){},clone:function(){return this},dispose:function(){var e=Zt(this);v(e.states,function(e,t){en.add(t)}),z(tn),s(e.dispose.splice(0))(),e.flush(),e.pending={}}}),m(un,on,{initElement:function(e,t){var n=this;t.classNames=S(n.classNames,!1),sn(n,e,t),t.onDispose(Yt(e,"class",function(){sn(n,e,t,!0)}).dispose)},onLayoutEffect:function(e,t){Ae(e,t.classNames)},onBeforeUpdate:function(e,t){sn(this,e,t)},onClassNameUpdated:function(e,t,n){}});var an=un.prototype;function cn(){un.call(this,["tweening-in","tweening-out"])}m(cn,un,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,an.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=T(arguments),this},getCustomAttributes:function(){var e=this;return C(an.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var ln=un.prototype;function fn(e){un.call(this,["tweening-in","tweening-out"]),this.className=e}m(fn,un,{getCustomAttributes:function(){return C(ln.getCustomAttributes.call(this),{"is-animate-sequence":""})},getClassNames:function(){return[this.className].concat(ln.getClassNames.call(this))}});var pn=c(914),hn=cn.prototype,dn=0;function mn(){var e=this;cn.call(e),e.className="brew-anim-"+ ++dn,e.item=new fn(e.className)}function gn(){on.call(this)}m(mn,cn,{withOptions:function(e){return this.selector=e,this},getCustomAttributes:function(){var e=this;return C(hn.getCustomAttributes.call(e),{"animate-in":null,"animate-sequence-type":(e.effects||[]).join(" "),"animate-sequence":e.selector||"."+e.className})},initElement:function(e,t){var n=this;hn.initElement.call(n,e,t),n.selector&&t.onDispose(Xt(e,n.selector,function(e){pn(e).attr("is-animate-sequence","")}).dispose)}}),m(gn,on,{withOptions:function(e){this.classes=C({},e)},getClassNames:function(){return this.classes},set:function(e,t){t=O(e)||q(e,t),v(this.elements(),function(e,n){Ae(n,t)}),C(this.classes,t)}});var vn=un.prototype;function wn(e){un.call(this,["target-opened"]),this.flyoutMixin=e}function yn(e,t,n,r,i){(t.trigger||"click")===n&&r.apply(e,i)}m(wn,un,{on:function(e){return this.state.trigger=e,this},open:function(e,t){return this.flyoutMixin.open(e,t)},close:function(e){return this.flyoutMixin.close(e)},toggle:function(e,t){return this.flyoutMixin.toggleSelf(e,t)},initElement:function(e,t){var n=this;vn.initElement.call(n,e,t),t.onDispose(Ve.on(e,{focusin:function(){yn(n,t,"focus",n.open,[null,Ve.activeElement])},focusout:function(){yn(n,t,"focus",n.close,[])},click:function(){yn(n,t,"click",n.toggle,[e])}}))}});var bn=un.prototype,xn=new WeakMap;function Cn(e,t,n,r){if(!t&&!Fe(e.element))return I();var i=e.getOptions();return t?De(e.element,n,r,i):ke(e.element,r,i)}function Sn(){var e=this;un.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.initialFocus=void 0,e.toggle=new wn(e),e.onDispose(function(){e.isFlyoutOpened=!1,e.visible=!1,e.toggle.dispose()})}m(Sn,un,{get element(){return this.elements()[0]||null},getOptions:function(){var e=this,t=k(e,["closeOnBlur","containment"]);return void 0!==e.initialFocus&&(t.focus=e.initialFocus),t},next:function(){return this.effects=void 0,bn.next.call(this)},withEffects:function(){return this.effects=T(arguments),this},getCustomAttributes:function(){var e=this;return C(bn.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,t){return Cn(this,!0,e,t)},close:function(e){return je(this.element,e)},toggleSelf:function(e,t){return"boolean"!=typeof e&&(t=e,e=!Fe(this.element)),Cn(this,e,void 0,t)},onOpen:function(e){return this.onToggleState(function(t){t&&e(xn.get(this.element))})},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},whenVisible:function(e){var t=[];return t[0]=this.watch("visible",function(n){t[1]=(n?A(e()):t[1]&&void t[1]())||D},!0),s(t)},initElement:function(e,t){var n=this;n.elements()[1]&&Q("FlyoutMixin only supports single element"),bn.initElement.call(n,e,t),t.onDispose(X.on(e,{flyoutshow:function(t){xn.set(e,t.data),n.isFlyoutOpened=!0,n.visible=!0},flyoutclose:function(){n.isFlyoutOpened=!1},flyouthide:function(){n.visible=!1},animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0))}});var Pn=on.prototype;function En(){on.call(this)}m(En,on,{for:function(e){return this.state.ref=e,this},initElement:function(e,t){Pn.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&&!Ve.focused(o)&&n(r||o)};t.onDispose(Ve.on(e,{focusin:function(r){t.focused=r.source,Ae(e,"focused",r.source),n(Ve.focus)},focusout:function(){t.focused=!1,Ae(e,"focused",!1)},focuschange:function(){n(Ve.blur,e)}}))},onLayoutEffect:function(e,t){Ae(e,"focused",t.focused)}});var Mn=G.getDirectiveComponent,An=un.prototype;function On(){un.call(this,["loading","loading-complete"]),this.loading=!1}m(On,un,{initElement:function(e,t){var n=this;An.initElement.call(n,e,t),Mn(e).enableLoadingClass=!0,t.onDispose(Te(e,function(t){n.loading=t||!!r(n.elements(),function(t){return t!==e&&!0===Pe(t,"loading")})}))}});var Vn=un.prototype;function Nn(){var e=this;un.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=Jt.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function Rn(){on.call(this)}function qn(){un.call(this)}function Tn(e){C(this,e)}function jn(e){return Qn.bind(0,e)}m(Nn,un,{get element(){return this.elements()[0]||null},get contentElement(){var e=this.element;return e&&Mn(e).scrollable.scrollTarget},withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return C(Vn.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.elements()[1]&&Q("ScrollableMixin only supports single element"),Vn.initElement.call(n,e,t),t.onDispose(X.on(e,{scrollIndexChange:function(e){n.pageIndex=e.newIndex},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))}}),v("destroy enable disable setOptions setStickyPosition refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",function(e,t){p(Nn.prototype,t,function(){return Mn(this.element).scrollable[t].apply(null,arguments)})}),m(Rn,on,{when:function(e){return this.state.deps=e,this},initElement:function(e,t){t.callback=function(){Me(e)}},mergeState:function(e,t,n){n.deps&&!y(n.deps,t.deps)&&z(t.callback),C(t,n)}}),m(qn,un,{memorize:function(){return this.classNames=T(arguments),this}});var Fn=jn(cn),Dn=jn(mn),kn=jn(gn),Ln=jn(Sn),In=jn(En),Un=jn(On),zn=jn(Nn),Bn=jn(Rn),Hn=jn(qn);function Qn(e,t){var n=be(function(){return new e},[]).reset();return(n.withOptions||Tn).call(n,t),n}function _n(e){return e&&e.getMixin().reset()}f(window,"brew-js-react",function(){return console.warn('window["brew-js-react"] is deprecated, access brew.react instead.'),brew.react})})(),l})());
+/*! brew-js-react v0.7.3 | (c) misonou | https://misonou.github.io */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("zeta-dom"),require("brew-js"),require("react"),require("react-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):"function"==typeof define&&define.amd?define("brew-js-react",["zeta-dom","brew-js","react","react-dom","zeta-dom-react","waterpipe","jquery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("zeta-dom"),require("brew-js"),require("react"),require("react-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):(e.brew=e.brew||{},e.brew.react=t(e.zeta,e.brew,e.React,e.ReactDOM,e.zeta.react,e.waterpipe,e.jQuery))}(self,(e,t,n,r,i,o,s)=>(()=>{var u={87(e){"use strict";e.exports=o},760(e){"use strict";e.exports=t},914(e){"use strict";e.exports=s},12(e){"use strict";e.exports=n},33(e){"use strict";e.exports=r},231(t){"use strict";t.exports=e},402(e){"use strict";e.exports=i},621(e,t,n){var r,i=n(33);r=i.createRoot?i:{createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),r.createRoot(e,n))},e.exports=r}},a={};function c(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return u[e](n,n.exports,c),n.exports}c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";c.r(l),c.d(l,{AnimateMixin:()=>dn,AnimateSequenceItemMixin:()=>gn,AnimateSequenceMixin:()=>bn,ClassNameMixin:()=>pn,ClassNameToggleMixin:()=>xn,Dialog:()=>We,FlyoutMixin:()=>Vn,FlyoutToggleMixin:()=>Sn,FocusStateMixin:()=>Nn,LoadingStateMixin:()=>Rn,Mixin:()=>en,ScrollIntoViewMixin:()=>Fn,ScrollableMixin:()=>kn,StatefulMixin:()=>ln,StaticAttributeMixin:()=>Zt,UnmanagedClassNameMixin:()=>Dn,ViewContext:()=>ht,ViewStateContainer:()=>_t,createDialog:()=>Qe,createDialogQueue:()=>_e,isViewMatched:()=>xt,isViewRendered:()=>Ct,linkTo:()=>Ot,makeTranslation:()=>Yt,matchView:()=>St,navigateTo:()=>Nt,openDialog:()=>He,redirectTo:()=>qt,registerErrorView:()=>Et,registerView:()=>Pt,renderView:()=>Mt,resetAllViews:()=>At,resolvePath:()=>Vt,useAnimateMixin:()=>Un,useAnimateSequenceMixin:()=>zn,useAppReady:()=>It,useAppReadyState:()=>Ut,useAppSessionState:()=>Ht,useClassNameToggleMixin:()=>Bn,useFlyoutMixin:()=>Hn,useFocusStateMixin:()=>Qn,useLanguage:()=>Xt,useLoadingStateMixin:()=>_n,useMixin:()=>Jn,useMixinRef:()=>Kn,useQueryParam:()=>Qt,useRouteParam:()=>zt,useRouteState:()=>Bt,useScrollIntoViewMixin:()=>Gn,useScrollableMixin:()=>Wn,useUnmanagedClassNameMixin:()=>$n,useViewContainerState:()=>bt,useViewContext:()=>bt});var e=c(231),t=e.util,n=t.always,r=t.any,i=t.arrRemove,o=t.catchAsync,s=t.combineFn,u=t.createPrivateStore,a=t.define,f=t.defineGetterProperty,p=t.defineHiddenProperty,h=t.defineObservableProperty,d=t.defineOwnProperty,m=t.definePrototype,g=t.delay,v=t.each,w=t.either,y=t.equal,b=t.exclude,x=t.executeOnce,C=t.extend,S=t.fill,P=t.freeze,E=t.grep,M=t.isArray,A=t.isFunction,V=t.isPlainObject,O=t.isThenable,N=t.isUndefinedOrNull,q=t.keys,T=t.kv,R=t.makeArray,j=t.map,k=t.mapObject,F=t.noop,D=t.pick,L=t.randomId,I=t.resolve,U=t.sameValue,z=t.setImmediate,B=t.setImmediateOnce,H=t.single,Q=t.throwNotFunction,_=t.throws,W=t.watch,G=t.watchable,$=c(760);var J=$.addExtension,K=$.install;const X=$.defaults;var Y,Z=[];K("react",J(!0,"react2",["?router","?i18n"],function(e){Y=e,s(Z)(Y)})),X.react=!0;var ee=c(12),te=ee.Component,ne=ee.StrictMode,re=ee.createContext,ie=ee.createElement,oe=ee.useContext,se=ee.useEffect,ue=ee.useLayoutEffect,ae=ee.useMemo,ce=ee.useRef,le=ee.useState,fe=c(33),pe=c(621),he=c(402),de=he.ViewStateProvider,me=he.classNames,ge=he.createAsyncScope,ve=he.useAsync,we=he.useEagerReducer,ye=(he.useEagerState,he.useMemoizedFunction),be=he.useObservableProperty,xe=he.useSingleton,Ce=he.useValueTrigger,Se=e.util,Pe=Se.bind,Ee=Se.containsOrEquals,Me=Se.getClass,Ae=Se.removeNode,Ve=Se.scrollIntoView,Oe=Se.setClass,Ne=e.dom;const qe=Ne;var Te=Ne.reportError,Re=e.dom,je=Re.runAsync,ke=Re.subscribeAsync,Fe=$.closeFlyout,De=$.isFlyoutOpen,Le=$.openFlyout,Ie=$.toggleFlyout,Ue=u();function ze(e,t){var n=document.createElement("div");return qe.on(n,{flyoutshow:function(){(e.onOpen||F)(n)},flyouthide:function(){Ae(n),(e.onClose||F)(n),(t||F)()}}),n.setAttribute("loading-class",""),ke(n,!0),n}function Be(e,t,n){return Ee(qe.root,e)||(e.className=t.className||"",t.modal&&e.setAttribute("is-modal",""),(n||t.container||document.body).appendChild(e)),Le(e,null,D(t,["focus","closeOnBlur","preventLeave","preventNavigation"]))}function He(e){return Qe(e).open()}function Qe(e){var t,r,i=Ue(e.controller)||{},o="shared"===i.mode,u=o?i:{},a=u.root||(u.root=ze(e,function(){c.unmount()})),c=u.reactRoot||(u.reactRoot=pe.createRoot(a)),l=u.scope||(u.scope=ge(a)),f=o?F:Fe.bind(0,a);function p(e,t,n){var r=t.signal;if(r){if(r.aborted)return I();e=s(e,Pe(r,"abort",function(){e()}))}var i=t.onCommit?function(n){return je(qe.activeElement,t.onCommit.bind(this,n)).then(e)}:e,u=C({},t,{errorHandler:l.errorHandler,closeDialog:i,commitDialog:i,dismissDialog:e}),f=ie(t.onRender,u);return t.wrapper&&(f=ie(t.wrapper,u,f)),c.render(ie(ne,null,ie(l.Provider,null,f))),o?{then:F}:Be(a,t,n)}return{root:a,close:function(e){return f(e)},open:(t=function(){return i.enqueue?i.enqueue(function(t){p(f=o?t:f,C({},i.props,e),i.root).then(t)}):p(f,e)},function(){return r||(r=t.apply(this,arguments),n(r,function(){r=null})),r})}}function _e(e){var t,n=e&&e.mode,r=n&&ze(e),o="multiple"===n,u=[],a=[],c={},l=h(c,"pendingCount",0,!0);function f(){s(u.splice(0))(),l(0)}function p(e){s(a.splice(0))(o?void 0:e),f()}function d(e){return new Promise(function(t){a.push(t),l(u.length),e(function(e){return i(a,t)&&(t(e),z(function(){(u.shift()||F)(!0)})),!r||u[0]||a[0]?I():Fe(r)})})}return o?e=C({},e,t={closeOnBlur:!1}):t=e&&b(e,["onCommit","onRender","onOpen","onClose"]),Ue(c,{root:r,mode:n,props:t,enqueue:function(t){return r&&!De(r)&&Be(r,e).then(p),u.length||a.length>=(o?e.concurrent||1/0:1)?new Promise(function(e){u.push(function(n){e(n&&d(t))}),l(u.length)}):d(t)}}),C(c,{dismissAll:p,dismissPending:f})}function We(e){var t=C(le({})[0],e),n=le(function(){return ze(t)})[0];return se(function(){var e=De(n);w(e,t.isOpen)&&(e?Fe(n):Be(n,t))},[t.isOpen]),se(function(){return Fe.bind(0,n)},[]),fe.createPortal(e.children,n)}var Ge,$e,Je=e.EventContainer,Ke=$.getQueryParam,Xe=$.setQueryParam,Ye=$.toQueryString,Ze=$.parsePath,et=$.removeQueryAndHash,tt=$.animateIn,nt=$.animateOut,rt=u(),it=qe.root,ot=new Map,st={},ut=[],at=new Je,ct=P(C(new ht,{container:it})),lt=rt(ct),ft=re(ct),pt={waitFor:F};function ht(e,t,n){var r=this;d(r,"view",e||null,!0),d(r,"parent",n||null,!0),rt(r,{children:[],setPage:h(r,"page",t||null,!0),setActive:h(r,"active",!!t,!0)}),W(r,"page",function(e,t){at.emit("pagechange",r,{page:e,previousPage:t,navigationType:pt.navigationType,waitFor:pt.waitFor})})}function dt(e){te.call(this,e),this.state={},rt(e.context).wrapper=this}function mt(){te.apply(this,arguments),this.views=[]}function gt(e,t){return N(e)||""===e||e===t?"":e[0]===t?e:t+e}function vt(e,t){return(ot.get(t)||{}).matchCount-(ot.get(e)||{}).matchCount}function wt(e,t){var n=ot.get(e);return!!n&&!H(n.matchers,function(e,n){var r=t[n]||"";return A(e)?!e(r):(e||"")!==r})}function yt(e){var t;return Q(e),e.prototype instanceof te&&(e=ie.bind(null,e)),function(n){var r=t||e(n.viewProps);if(!t&&!O(r))return ue(n.onLoad,[]),r;o(t=r);var i=ve(function(){return t=!0,(O(r)||e()).then(null,function(e){n.onError(e)})})[0];return i&&n.onLoad(),i?ie(i.default,n.viewProps):n.self.currentContext===n.context&&n.loader||null}}function bt(){return oe(ft)}function xt(e){var t=Y.route;return wt(e,t)&&Vt(e,t)===t.toString()}function Ct(e){return!!(ot.get(e)||"").rendered}function St(){var e=R(arguments),t=Y.route;return"string"==typeof e[0]&&(t=t.parse(e.shift())),e=e[0]?(M(e[0])?R(e[0]):e).sort(vt):ut,r(e,function(e){return wt(e,t)})||void 0}function Pt(e,t){var n=yt(e);return t=C({},t),v(t,function(e,n){st[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))}),ot.set(n,{id:L(),rendered:0,matchCount:q(t).length,matchers:t,params:D(t,function(e){return N(e)||"string"==typeof e})}),ut.push(n),ut.sort(vt),n}function Et(e){Ge=Q(e)}function Mt(){var e=R(arguments),t=A(e[0])?{}:e.shift(),n=e[0];return v(e,function(e,t){if(!ot.has(t))throw new Error("Invalid argument to renderView: "+(A(t)?t.name:t))}),e.sort(vt),ie(mt,{rootProps:t,views:e,defaultView:n})}function At(){ct.resetView()}function Vt(e,t){var n="";return M(t)&&(n=gt(V(t[1])?Ye(t[1]):t[1],"?")+gt(t[2],"#"),t=t[0]),(ot.has(e)?Y.route.getPath(function(e,t){var n=ot.get(e);if(!n.maxParams){var i=b(n.matchers,["remainingSegments"]),o=j(Y.routes,function(e){var t=Y.parseRoute(e),n=t.length&&!r(i,function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!A(e)&&!t.match(n,e)});return n?t:null});if(o[1]&&(o=E(o,function(e){return!H(e.params,function(e,t){return st[t]&&!i[t]})})),o[0]){var s=o.slice(-1)[0];n.maxParams=q(C.apply(0,[{remainingSegments:!0}].concat(o.map(function(e){return e.params})))),n.minParams=j(s.params,function(e,t){return n.params[t]||e>=s.minLength?null:t})}}return C(D(Y.route,n.minParams),t&&D(t,n.maxParams),n.params)}(e,t)):"/")+n}function Ot(e,t){return Y.toHref(Vt(e,t))}function Nt(e,t,n,r){return Y.navigate(Vt(e,t),r,n&&P(C({},n)))}function qt(e,t,n){return Nt(e,t,n,!0)}$e=function(){Y.on("beforepageload",function(e){lt.setPage(Y.page),lt.setActive(!0),pt=e,function t(n){v(n.children,function(n,r){e.waitFor(new Promise(function(e){r.forceUpdate(e)}).then(function(){t(r)}))})}(lt)}),lt.setPage(Y.page)},Y?$e(Y):Z.push(Q($e)),d(ht,"root",ct,!0),m(ht,{getChildren:function(){return j(rt(this).children,function(e){return e.currentContext})},setErrorView:function(e,t){var n=rt(this).wrapper;return n&&e&&!n.setState({error:t,errorView:e})},resetView:function(){var e=this;v(e.parent?[e]:e.getChildren(),function(e,t){var n=rt(t).wrapper;n.setState({key:(n.state.key||0)+1,errorView:null})})},on:function(e,t){return at.add(this,e,t)}}),m(dt,te,{componentDidMount:function(){var e=this;e.componentWillUnmount=W(e.props.context,"page",function(){e.state.errorView=null,e.forceUpdate()})},componentDidCatch:function(e){var t=this;Ge&&t.state.errorView!==Ge?t.setState({error:e,errorView:Ge}):(t.props.onLoad(),Te(e,t.props.context.container))},render:function(){var e=this,t=e.props.context;if(!t.container)return z(function(){e.errorHandler||(C(e,ge(t.container)),qe.on(t.container,"error",function(e){return at.emit(e,t,{error:e.error},!1)}),e.forceUpdate())}),null;if(e.state.errorView)return e.props.onLoad(),ie(e.Provider,null,ie(e.state.errorView,{view:t.view,error:e.state.error,reset:e.reset.bind(e)}));var n=e.componentDidCatch.bind(e),r=e.state.key||0,i={errorHandler:e.errorHandler,navigationType:pt.navigationType,viewContext:t,viewData:t.page.data||{}};return ie(e.Provider,null,ie(t.view,C({key:r,viewProps:i,onError:n},e.props)))},reset:function(){this.setState({errorView:null})}}),mt.contextType=ft,m(mt,te,{componentDidMount:function(){var e=this,t=rt(e.context).children,n=W(Y.route,function(){e.setActive(e.getViewComponent()===(e.currentContext||"").view)});e.componentWillUnmount=function(){e.setActive(!1),i(t,e),n(),z(function(){e.currentContext&&!e.currentContext.active&&e.unmountView()})},t.push(e),e.setActive(!0)},componentDidUpdate:function(e){(e.rootProps.ref||{}).current=null,this.setContext(this.currentContext)},setContext:function(e){this.currentContext=e,(this.props.rootProps.ref||{}).current=e},render:function(){var e=this;return e.context.active&&e.updateView(),e.views},updateView:function(){var e=this,t=e.getViewComponent(),r=t!==(e.currentContext||"").view;if(t&&(r||!(e.children||"")[0])){var i=Vt(t,Y.route);if(i!==et(Y.path))return void Y.navigate(i,!0)}var o=ot.get(t)||{};if((e.views[2]||"").key!==o.id){if(e.views[2]=null,e.abort(),!t||!r)return e.setActive(!0),void e.setPage(Y.page);pt.waitFor(new Promise(function(r){var i=new ht(t,Y.page,e.context),s=e.props.rootProps,u=x(function(t){d(i,"container",t,!0),qe.on(t,"error",function(t){i!==e.currentContext&&t.handled()}),e.setContext(e.currentContext||i)}),a=x(function(){var s=i.container,u=e.unmountView();e.unmountView=x(function(){return o.rendered--,e.setActive(!1),Y.emit("pageleave",s,{pathname:i.page.path,view:t},!0),nt(s,"show").then(function(){return e.views[0]=null,new Promise(function(t){e.forceUpdate(t)})})}),n(u||g(),function(){Y.emit("pageenter",s,{pathname:i.page.path,view:t},!0)}),e.views.shift(),e.setContext(i),C(e,rt(i)),o.rendered++,tt(s,"show","[brew-view]",!0),r()});i.on("error",function(){return(e.props.rootProps.onError||F).apply(this,arguments)}),e.abort=r,e.views[2]=ie(ft.Provider,{key:o.id,value:i},ie(_t,null,ie("div",C(b(s,["loader","onError"]),{ref:u,"brew-view":""}),ie(dt,{onLoad:a,context:i,self:e,loader:s.loader}))))}))}},getViewComponent:function(){var e=this.props;return r(e.views,function(e){return wt(e,Y.route)})||e.defaultView}}),S(mt.prototype,"abort setActive setPage unmountView",F);var Tt=new Je;function Rt(){return Y.historyStorage.current}function jt(e,t){this.key=e,this.store=Rt(),this.dispose=t}function kt(e,t,n,r){return e.get(t)!==n&&(r&&e.has(t)&&(Y.snapshot(),e=Rt()),e.set(t,n)),e}function Ft(e,t,n){var r=e.get();(t!==e.key||n!==e.store&&n.has(t))&&(r=n.get(t),Tt.emit("popstate",e,{newValue:r})),e.key=t,e.store=n,n.set(t,r)}function Dt(e,t){var n=bt();return se(function(){return Y.on("beforepageload popstate",function(){n.active&&e(Rt())})},t),n}function Lt(e,t,n){var r=we(function(e,t){return t=A(t)?t(e[1]):t,U(t,e[1])?e:[e[0],t]},[]),i=r[0];return ae(function(){i[0]!==t&&i.splice(0,2,t,e&&e.has(t)?e.get(t):A(n)?n():n)},[e,t]),[i[1],r[1]]}function It(){return Ut().ready}function Ut(){var e=be(Y,"readyState");return{ready:"ready"===e,error:"error"===e}}function zt(e,t){var n=bt(),r=n.page.params,i=r[e]||"",o=Ce(i);return se(function(){var t=function(){o(n.page.params[e]||"")};return t(),n.on("pagechange",t)},[e]),t&&n.active&&(!i||"remainingSegments"===e&&"/"===i)&&Y.navigate(Y.route.getPath(C({},r,T(e,t))),!0),i}function Bt(e,t,n){var r=Rt(),i=Lt(r,e,t),o=Dt(function(t){i[1](function(n){return t.has(e)?t.get(e):(t.set(e,n),n)})},[e]);return r?o.active&&kt(r,e,i[0],n):Y.beforeInit(g(1)),i}function Ht(e,t){var n=Y.sessionStorage,r=Lt(n,e,t);return kt(n,e,r[0]),r}function Qt(e,t,n){V(e)&&(n=t,t=e,e=!1);var r=bt(),i=function(){return P(k(!1===e?t:T(e,t),function(e,t){return Ke(t,Y.path)||e||""}))},s=ce({});ae(function(){s.current=i()},[e]);var u=s.current,a=Ce(u,function(e,t){return y(e,t)||!(s.current=t)}),c=ye(function(t){var u=s.current;if(!1!==e?t=T(e,A(t)?t(u[e]):t):A(t)&&(t=t(C({},u))),r.active){var c=Ze(Y.path),l=q(t).reduce(function(e,n){return t[n]!==u[n]?Xe(n,t[n]||null,e):e},c.search);l!==c.search&&(n&&Y.snapshot(),o(Y.navigate((l||"?")+c.hash,!0)),a(i()))}});return se(function(){return Y.watch("path",function(){r.active&&a(i())})},[e]),[!1!==e?u[e]:u,c]}function _t(e){var t=le({})[0],n=Dt(function(e){v(t,function(t,n){Ft(n,n.key,e)})},[]),r=le(function(){return{getState:function(e,r){var i=t[e];return i&&n.active&&Ft(i,r,Rt()),i||(t[e]=new jt(r,function(){delete t[e]}))}}})[0];return ie(de,{value:r},e.children)}m(jt,{get:function(){return this.store.get(this.key)},set:function(e,t){this.store=kt(this.store,this.key,e,t)},onPopState:function(e){return Q(e),Tt.add(this,"popstate",function(t){e.call(this,t.newValue)})}});var Wt=c(87),Gt=Object.create(null),$t="function"==typeof Symbol&&Symbol.toPrimitive;function Jt(e){this.toString=e}function Kt(e){return C(function(t,n,r){var i=e(t,n,r,!0);return void 0!==i?i:t},{html:function(t,n,r){return{__html:e(t,n,r)}},lazy:function(t,n,r){return new Jt(e.bind(0,t,n,r,!0))}})}function Xt(){return be(Y,"language")}function Yt(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,s,u){var a=((e[u]||Gt)[n]||Gt)[r];return"string"==typeof a?!a||s&&void 0===o?a:Wt(a,o,{noEncode:s}):u!==t?i(n,r,o,s,t):void 0}function o(e,t,r,o){var s=n.test(e)?RegExp.$1:"";return i(s,s?e.slice(RegExp.lastMatch.length):e,t,o,r||Y.language)}function s(){var e=String(this),t=R(arguments),n=e+" "+t.join(" ");return r[n]||(r[n]=t[0]?Kt(function(n,r,o,s){return o=o||e||Y.language,H(t,function(e){return i(e,n,r,s,o)})}):Kt(function(t,n,r,i){return o(t,n,r||e,i)}))}return{translate:Kt(o),getTranslation:s.bind(""),useTranslation:function(){var e=Xt();return{language:e,t:s.apply(e,arguments)}},keys:function(n){return q(e[t][n]||Gt)}}}function Zt(e,t){en.call(this),this.attributes=V(e)||T(e,t||"")}function en(){}$t&&(Jt.prototype[$t]=function(){return this.toString()}),m(Zt,en,{getCustomAttributes:function(){return C({},this.attributes)}}),m(en,{reset:function(){return this},next:function(){},getRef:function(){return F},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),G(en.prototype),a(en,{get scrollableTarget(){return new Zt("scrollable-target")},get tabRoot(){return new Zt("tab-root")},use:function(){var e=R(arguments),t={},n=[],r=e[0];return r?"function"==typeof r?(n.push(r),e.shift()):"string"==typeof r||r instanceof en||(n.push(function(e){r.current=e}),e.shift()):e.shift(),v(e,function(e,r){r instanceof en&&(n.push(r.getRef()),C(t,r.getCustomAttributes()),r.next())}),C(t,{ref:s(n),className:me.apply(null,e)})}});var tn=e.dom,nn=tn.watchElements,rn=tn.watchOwnAttributes,on=u(),sn=new Set;function un(){v(sn,function(e,t){s(on(t).splice(0))()}),sn.clear()}function an(e,t){on(this,[e.delete.bind(e,t)]),e.set(t,this)}function cn(e){this.mixin=e}function ln(){en.call(this),on(this,{pending:{},elements:[],states:new Map,flush:W(this,!1),dispose:[]})}function fn(e,t,n,r){var i=n.classNames,o=C({},i);v(i,function(e){i[e]=t.classList.contains(e)}),r&&!y(n.prev||o,i)&&(n.prev=o,e.onClassNameUpdated(t,o,C({},i)))}function pn(e){ln.call(this),this.classNames=e||[]}m(an,{onDispose:function(e){on(this).push(Q(e))}}),m(cn,{getMixin:function(){return this.mixin}}),m(ln,en,{get ref(){var e=on(this);return e.ref||(e.ref=new cn(this))},get state(){return on(this).pending},reset:function(){return on(this).pending={},this},next:function(){return on(this).pending={},this},getRef:function(){var e,t,n=this,r=on(n),o=r.pending;return function(s){s?(e=s,t=r.states.get(e)||new an(r.states,e),r.elements.push(e),t.element?q(o)[0]&&n.mergeState(e,t,o):n.initElement(e,C(t,n.initState(),o,{element:e})),n.onLayoutEffect(e,t),sn.delete(t)):t&&(sn.add(t),n.onBeforeUpdate(e,t),i(r.elements,e)),B(un)}},elements:function(){return on(this).elements.slice()},onDispose:function(e){on(this).dispose.push(e)},initState:function(){return{}},initElement:function(e,t){},mergeState:function(e,t,n){C(t,n)},onLayoutEffect:function(e,t){},onBeforeUpdate:function(e,t){},clone:function(){return this},dispose:function(){var e=on(this);v(e.states,function(e,t){sn.add(t)}),B(un),s(e.dispose.splice(0))(),e.flush(),e.pending={}}}),m(pn,ln,{initElement:function(e,t){var n=this;t.classNames=S(n.classNames,!1),fn(n,e,t),t.onDispose(rn(e,"class",function(){fn(n,e,t,!0)}).dispose)},onLayoutEffect:function(e,t){Oe(e,t.classNames)},onBeforeUpdate:function(e,t){fn(this,e,t)},onClassNameUpdated:function(e,t,n){}});var hn=pn.prototype;function dn(){pn.call(this,["tweening-in","tweening-out"])}m(dn,pn,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,hn.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=R(arguments),this},getCustomAttributes:function(){var e=this;return C(hn.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var mn=pn.prototype;function gn(e){pn.call(this,["tweening-in","tweening-out"]),this.className=e}m(gn,pn,{getCustomAttributes:function(){return C(mn.getCustomAttributes.call(this),{"is-animate-sequence":""})},getClassNames:function(){return[this.className].concat(mn.getClassNames.call(this))}});var vn=c(914),wn=dn.prototype,yn=0;function bn(){var e=this;dn.call(e),e.className="brew-anim-"+ ++yn,e.item=new gn(e.className)}function xn(){ln.call(this)}m(bn,dn,{withOptions:function(e){return this.selector=e,this},getCustomAttributes:function(){var e=this;return C(wn.getCustomAttributes.call(e),{"animate-in":null,"animate-sequence-type":(e.effects||[]).join(" "),"animate-sequence":e.selector||"."+e.className})},initElement:function(e,t){var n=this;wn.initElement.call(n,e,t),n.selector&&t.onDispose(nn(e,n.selector,function(e){vn(e).attr("is-animate-sequence","")}).dispose)}}),m(xn,ln,{withOptions:function(e){this.classes=C({},e)},getClassNames:function(){return this.classes},set:function(e,t){t=V(e)||T(e,t),v(this.elements(),function(e,n){Oe(n,t)}),C(this.classes,t)}});var Cn=pn.prototype;function Sn(e){pn.call(this,["target-opened"]),this.flyoutMixin=e}function Pn(e,t,n,r,i){(t.trigger||"click")===n&&r.apply(e,i)}m(Sn,pn,{on:function(e){return this.state.trigger=e,this},open:function(e,t){return this.flyoutMixin.open(e,t)},close:function(e){return this.flyoutMixin.close(e)},toggle:function(e,t){return this.flyoutMixin.toggleSelf(e,t)},initElement:function(e,t){var n=this;Cn.initElement.call(n,e,t),t.onDispose(qe.on(e,{focusin:function(){Pn(n,t,"focus",n.open,[null,qe.activeElement])},focusout:function(){Pn(n,t,"focus",n.close,[])},click:function(){Pn(n,t,"click",n.toggle,[e])}}))}});var En=pn.prototype,Mn=new WeakMap;function An(e,t,n,r){if(!t&&!De(e.element))return I();var i=e.getOptions();return t?Le(e.element,n,r,i):Ie(e.element,r,i)}function Vn(){var e=this;pn.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.initialFocus=void 0,e.toggle=new Sn(e),e.onDispose(function(){e.isFlyoutOpened=!1,e.visible=!1,e.toggle.dispose()})}m(Vn,pn,{get element(){return this.elements()[0]||null},getOptions:function(){var e=this,t=D(e,["closeOnBlur","containment"]);return void 0!==e.initialFocus&&(t.focus=e.initialFocus),t},next:function(){return this.effects=void 0,En.next.call(this)},withEffects:function(){return this.effects=R(arguments),this},getCustomAttributes:function(){var e=this;return C(En.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,t){return An(this,!0,e,t)},close:function(e){return Fe(this.element,e)},toggleSelf:function(e,t){return"boolean"!=typeof e&&(t=e,e=!De(this.element)),An(this,e,void 0,t)},onOpen:function(e){return this.onToggleState(function(t){t&&e(Mn.get(this.element))})},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},whenVisible:function(e){var t=[];return t[0]=this.watch("visible",function(n){t[1]=(n?A(e()):t[1]&&void t[1]())||F},!0),s(t)},initElement:function(e,t){var n=this;n.elements()[1]&&_("FlyoutMixin only supports single element"),En.initElement.call(n,e,t),t.onDispose(Y.on(e,{flyoutshow:function(t){Mn.set(e,t.data),n.isFlyoutOpened=!0,n.visible=!0},flyoutclose:function(){n.isFlyoutOpened=!1},flyouthide:function(){n.visible=!1},animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0))}});var On=ln.prototype;function Nn(){ln.call(this)}m(Nn,ln,{for:function(e){return this.state.ref=e,this},initElement:function(e,t){On.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&&!qe.focused(o)&&n(r||o)};t.onDispose(qe.on(e,{focusin:function(r){t.focused=r.source,Oe(e,"focused",r.source),n(qe.focus)},focusout:function(){t.focused=!1,Oe(e,"focused",!1)},focuschange:function(){n(qe.blur,e)}}))},onLayoutEffect:function(e,t){Oe(e,"focused",t.focused)}});var qn=$.getDirectiveComponent,Tn=pn.prototype;function Rn(){pn.call(this,["loading","loading-complete"]),this.loading=!1}m(Rn,pn,{initElement:function(e,t){var n=this;Tn.initElement.call(n,e,t),qn(e).enableLoadingClass=!0,t.onDispose(ke(e,function(t){n.loading=t||!!r(n.elements(),function(t){return t!==e&&!0===Me(t,"loading")})}))}});var jn=pn.prototype;function kn(){var e=this;pn.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=en.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function Fn(){ln.call(this)}function Dn(){pn.call(this)}function Ln(e){C(this,e)}function In(e){return Jn.bind(0,e)}m(kn,pn,{get element(){return this.elements()[0]||null},get contentElement(){var e=this.element;return e&&qn(e).scrollable.scrollTarget},withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return C(jn.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.elements()[1]&&_("ScrollableMixin only supports single element"),jn.initElement.call(n,e,t),t.onDispose(Y.on(e,{scrollIndexChange:function(e){n.pageIndex=e.newIndex},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))}}),v("destroy enable disable setOptions setStickyPosition refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",function(e,t){p(kn.prototype,t,function(){return qn(this.element).scrollable[t].apply(null,arguments)})}),m(Fn,ln,{when:function(e){return this.state.deps=e,this},initElement:function(e,t){t.callback=function(){Ve(e)}},mergeState:function(e,t,n){n.deps&&!y(n.deps,t.deps)&&B(t.callback),C(t,n)}}),m(Dn,pn,{memorize:function(){return this.classNames=R(arguments),this}});var Un=In(dn),zn=In(bn),Bn=In(xn),Hn=In(Vn),Qn=In(Nn),_n=In(Rn),Wn=In(kn),Gn=In(Fn),$n=In(Dn);function Jn(e,t){var n=xe(function(){return new e},[]).reset();return(n.withOptions||Ln).call(n,t),n}function Kn(e){return e&&e.getMixin().reset()}f(window,"brew-js-react",function(){return console.warn('window["brew-js-react"] is deprecated, access brew.react instead.'),brew.react})})(),l})());
 //# sourceMappingURL=brew-js-react.min.js.map