brew-js-react 0.5.7 → 0.6.0

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

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